diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index ae2cf6294d..ad1804bfc5 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -16,6 +16,7 @@
 /src/components/views/dialogs/devtools/Crypto.tsx                       @element-hq/element-crypto-web-reviewers
 /playwright/e2e/crypto/                                                 @element-hq/element-crypto-web-reviewers
 /playwright/e2e/settings/encryption-user-tab/                           @element-hq/element-crypto-web-reviewers
+/packages/shared-components/src/crypto/                                 @element-hq/element-crypto-web-reviewers
 
 
 /src/models/Call.ts                       @element-hq/element-call-reviewers
@@ -25,7 +26,10 @@
 
 # Ignore translations as those will be updated by GHA for Localazy download
 /src/i18n/strings
-/src/i18n/strings/en_EN.json  @element-hq/element-web-reviewers
+/packages/shared-components/src/i18n/strings
+/src/i18n/strings/en_EN.json                             @element-hq/element-web-reviewers
+/packages/shared-components/src/i18n/strings/en_EN.json  @element-hq/element-web-reviewers
+
 # Ignore the synapse & mas plugins as this is updated by GHA for docker image updating
 /playwright/testcontainers/synapse.ts
 /playwright/testcontainers/mas.ts
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 759266d4e0..86ab82944a 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -2,7 +2,7 @@
 
 ## Checklist
 
-- [ ] I have read through [review guidelines](../docs/review.md) and [CONTRIBUTING.md](../CONTRIBUTING.md).
+- [ ] I have read through [review guidelines](https://github.com/element-hq/element-web/blob/develop/docs/review.md) and [CONTRIBUTING.md](https://github.com/element-hq/element-web/blob/develop/CONTRIBUTING.md).
 - [ ] Tests written for new code (and old code if feasible).
 - [ ] New or updated `public`/`exported` symbols have accurate [TSDoc](https://tsdoc.org/) documentation.
 - [ ] Linter and other CI checks pass.
diff --git a/.github/labels.yml b/.github/labels.yml
index 649e1a7407..8cf5613f92 100644
--- a/.github/labels.yml
+++ b/.github/labels.yml
@@ -173,6 +173,12 @@
   color: "bfd4f2"
 - name: "A-Welcome-Page"
   color: "bfd4f2"
+- name: "A-Install"
+  color: "72A447"
+- name: "A-Seshat"
+  color: "8262BE"
+- name: "A-Update"
+  color: "17BE67"
 - name: "backport staging"
   description: "Label to automatically backport PR to staging branch"
   color: "B60205"
@@ -282,3 +288,23 @@
 - name: "Z-Skip-Coverage"
   description: "Skip SonarQube coverage for this PR"
   color: "ededed"
+- name: "Z-Arch"
+  color: "D601BE"
+- name: "Z-ARM"
+  color: "5DEC5B"
+- name: "Z-Flatpak"
+  color: "0CA856"
+- name: "Z-Linux"
+  color: "7B4A9C"
+- name: "Z-macOS"
+  color: "500605"
+- name: "Z-Official"
+  color: "1D2B20"
+- name: "Z-Snap"
+  color: "29CD95"
+- name: "Z-Suse"
+  color: "79D07B"
+- name: "Z-Wayland"
+  color: "94C519"
+- name: "Z-Windows"
+  color: "0632DE"
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 74425f25b4..5d863a6a32 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -44,7 +44,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   # Disable cache on Windows as it is slower than not caching
                   # https://github.com/actions/setup-node/issues/975
@@ -66,7 +66,7 @@ jobs:
               run: VERSION=$(scripts/get-version-from-git.sh) yarn build
 
             - name: Upload Artifact
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: webapp-${{ matrix.image }}
                   path: webapp
diff --git a/.github/workflows/build_debian.yaml b/.github/workflows/build_debian.yaml
index 48c21c9dc5..6ad62f85aa 100644
--- a/.github/workflows/build_debian.yaml
+++ b/.github/workflows/build_debian.yaml
@@ -62,7 +62,7 @@ jobs:
                   dpkg-gencontrol -v"$VERSION" -ldebian/tmp/DEBIAN/changelog
                   dpkg-deb -Zxz --root-owner-group --build debian/tmp element-web.deb
 
-            - uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+            - uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: element-web.deb
                   path: element-web.deb
diff --git a/.github/workflows/build_develop.yml b/.github/workflows/build_develop.yml
index a923e1db1d..72ebd40d25 100644
--- a/.github/workflows/build_develop.yml
+++ b/.github/workflows/build_develop.yml
@@ -28,7 +28,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -53,7 +53,7 @@ jobs:
 
             - run: mv dist/element-*.tar.gz dist/develop.tar.gz
 
-            - uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+            - uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: webapp
                   path: dist/develop.tar.gz
@@ -104,7 +104,7 @@ jobs:
                   running-workflow-name: "Build & Deploy develop.element.io"
                   repo-token: ${{ secrets.GITHUB_TOKEN }}
                   wait-interval: 10
-                  check-regexp: ^((?!SonarCloud|SonarQube|issue|board|label|Release|prepare|GitHub Pages).)*$
+                  check-regexp: ^((?!SonarCloud|SonarQube|issue|board|label|Release|prepare|GitHub Pages|Upload).)*$
 
             # We keep the latest develop.tar.gz on R2 instead of relying on the github artifact uploaded earlier
             # as the expires after 24h and requires auth to download.
diff --git a/.github/workflows/docker.yaml b/.github/workflows/docker.yaml
index 5c2e989e28..a11da471f9 100644
--- a/.github/workflows/docker.yaml
+++ b/.github/workflows/docker.yaml
@@ -32,25 +32,10 @@ jobs:
               uses: docker/setup-qemu-action@c7c53464625b32c7a7e944ae62b3e17d2b600130 # v3
 
             - name: Set up Docker Buildx
-              uses: docker/setup-buildx-action@e468171a9de216ec08956ac3ada2f0791b6bd435 # v3
+              uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3
               with:
                   install: true
 
-            - name: Login to Docker Hub
-              uses: docker/login-action@5e57cd118135c172c3672efd75eb46360885c0ef # v3
-              if: github.event_name != 'pull_request'
-              with:
-                  username: ${{ secrets.DOCKERHUB_USERNAME }}
-                  password: ${{ secrets.DOCKERHUB_TOKEN }}
-
-            - name: Login to GitHub Container Registry
-              uses: docker/login-action@5e57cd118135c172c3672efd75eb46360885c0ef # v3
-              if: github.event_name != 'pull_request'
-              with:
-                  registry: ghcr.io
-                  username: ${{ github.repository_owner }}
-                  password: ${{ secrets.GITHUB_TOKEN }}
-
             - name: Build and load
               id: test-build
               uses: docker/build-push-action@263435318d21b8e681c14492fe198d362a7d2c83 # v6
@@ -102,12 +87,64 @@ jobs:
                   images: |
                       vectorim/element-web
                       ghcr.io/element-hq/element-web
+                      oci-push.vpn.infra.element.io/element-web
                   tags: |
                       type=ref,event=branch
                       type=ref,event=tag
                   flavor: |
                       latest=${{ contains(github.ref_name, '-rc.') && 'false' || 'auto' }}
 
+            - name: Login to Docker Hub
+              uses: docker/login-action@c94ce9fb468520275223c153574b00df6fe4bcc9 # v3
+              if: github.event_name != 'pull_request'
+              with:
+                  username: ${{ secrets.DOCKERHUB_USERNAME }}
+                  password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+            - name: Login to GitHub Container Registry
+              uses: docker/login-action@c94ce9fb468520275223c153574b00df6fe4bcc9 # v3
+              if: github.event_name != 'pull_request'
+              with:
+                  registry: ghcr.io
+                  username: ${{ github.repository_owner }}
+                  password: ${{ secrets.GITHUB_TOKEN }}
+
+            - name: Connect to Tailscale
+              uses: tailscale/github-action@53acf823325fe9ca47f4cdaa951f90b4b0de5bb9 # 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/web-repositories/secret/data/oci.element.io username | OCI_USERNAME ;
+                      services/web-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: Build and push
               id: build-and-push
               uses: docker/build-push-action@263435318d21b8e681c14492fe198d362a7d2c83 # v6
@@ -139,16 +176,3 @@ jobs:
                   username: ${{ secrets.DOCKERHUB_USERNAME }}
                   password: ${{ secrets.DOCKERHUB_TOKEN }}
                   repository: vectorim/element-web
-
-            - name: Repository Dispatch
-              uses: peter-evans/repository-dispatch@28959ce8df70de7be546dd1250a005dd32156697 # v4
-              if: github.event_name != 'pull_request'
-              with:
-                  repository: element-hq/element-web-pro
-                  token: ${{ secrets.ELEMENT_BOT_TOKEN }}
-                  event-type: image-built
-                  # Stable way to determine the :version
-                  client-payload: |-
-                      {
-                          "base-ref": "${{ fromJSON(steps.meta.outputs.json).labels['org.opencontainers.image.version'] }}"
-                      }
diff --git a/.github/workflows/docs.yml b/.github/workflows/docs.yml
index 9020f7914b..a3e9e40247 100644
--- a/.github/workflows/docs.yml
+++ b/.github/workflows/docs.yml
@@ -33,7 +33,7 @@ jobs:
                   repository: matrix-org/matrix-js-sdk
                   path: matrix-js-sdk
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   cache-dependency-path: element-web/yarn.lock
diff --git a/.github/workflows/end-to-end-tests-netlify.yaml b/.github/workflows/end-to-end-tests-netlify.yaml
index 049f4ea343..a08efa220b 100644
--- a/.github/workflows/end-to-end-tests-netlify.yaml
+++ b/.github/workflows/end-to-end-tests-netlify.yaml
@@ -25,7 +25,7 @@ jobs:
             actions: read
         steps:
             - name: Download HTML report
-              uses: actions/download-artifact@018cc2cf5baa6db3ef3c5f8a56943fffe632ef53 # v6
+              uses: actions/download-artifact@37930b1c2abaa49bbe596cd826c3c89aef350131 # v7
               with:
                   github-token: ${{ secrets.GITHUB_TOKEN }}
                   run-id: ${{ github.event.workflow_run.id }}
diff --git a/.github/workflows/end-to-end-tests.yaml b/.github/workflows/end-to-end-tests.yaml
index 1b366333b6..304e4468e2 100644
--- a/.github/workflows/end-to-end-tests.yaml
+++ b/.github/workflows/end-to-end-tests.yaml
@@ -54,7 +54,7 @@ jobs:
               with:
                   repository: element-hq/element-web
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -74,7 +74,7 @@ jobs:
               run: VERSION=$(scripts/get-version-from-git.sh) yarn build
 
             - name: Upload Artifact
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: webapp
                   path: webapp
@@ -128,12 +128,12 @@ jobs:
                   repository: element-hq/element-web
 
             - name: 📥 Download artifact
-              uses: actions/download-artifact@018cc2cf5baa6db3ef3c5f8a56943fffe632ef53 # v6
+              uses: actions/download-artifact@37930b1c2abaa49bbe596cd826c3c89aef350131 # v7
               with:
                   name: webapp
                   path: webapp
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   cache-dependency-path: yarn.lock
@@ -147,7 +147,7 @@ jobs:
               run: echo "version=$(yarn list --pattern @playwright/test --depth=0 --json --non-interactive --no-progress | jq -r '.data.trees[].name')" >> $GITHUB_OUTPUT
 
             - name: Cache playwright binaries
-              uses: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830 # v4
+              uses: actions/cache@cdf6c1fa76f9f475f3d7449005a359c84ca0f306 # v5
               id: playwright-cache
               with:
                   path: ~/.cache/ms-playwright
@@ -172,7 +172,7 @@ jobs:
 
             - name: Upload blob report to GitHub Actions Artifacts
               if: always()
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: all-blob-reports-${{ matrix.project }}-${{ matrix.runner }}
                   path: blob-report
@@ -200,7 +200,7 @@ jobs:
                   persist-credentials: false
                   repository: element-hq/element-web
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               if: inputs.skip != true
               with:
                   cache: "yarn"
@@ -212,7 +212,7 @@ jobs:
 
             - name: Download blob reports from GitHub Actions Artifacts
               if: inputs.skip != true
-              uses: actions/download-artifact@018cc2cf5baa6db3ef3c5f8a56943fffe632ef53 # v6
+              uses: actions/download-artifact@37930b1c2abaa49bbe596cd826c3c89aef350131 # v7
               with:
                   pattern: all-blob-reports-*
                   path: all-blob-reports
@@ -228,7 +228,7 @@ jobs:
             # Upload the HTML report even if one of our reporters fails, this can happen when stale screenshots are detected
             - name: Upload HTML report
               if: always() && inputs.skip != true
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: html-report
                   path: playwright-report
diff --git a/.github/workflows/localazy_upload.yaml b/.github/workflows/localazy_upload.yaml
index 8cb7743968..ad23f350f7 100644
--- a/.github/workflows/localazy_upload.yaml
+++ b/.github/workflows/localazy_upload.yaml
@@ -4,6 +4,7 @@ on:
         branches: [develop]
         paths:
             - "src/i18n/strings/en_EN.json"
+            - "packages/shared-components/src/i18n/strings/en_EN.json"
 permissions: {} # No permissions needed
 jobs:
     upload:
diff --git a/.github/workflows/netlify.yaml b/.github/workflows/netlify.yaml
index ab2433c267..9507567ef6 100644
--- a/.github/workflows/netlify.yaml
+++ b/.github/workflows/netlify.yaml
@@ -28,7 +28,7 @@ jobs:
                       Exercise caution. Use test accounts.
 
             - name: 📥 Download artifact
-              uses: actions/download-artifact@018cc2cf5baa6db3ef3c5f8a56943fffe632ef53 # v6
+              uses: actions/download-artifact@37930b1c2abaa49bbe596cd826c3c89aef350131 # v7
               with:
                   github-token: ${{ secrets.GITHUB_TOKEN }}
                   run-id: ${{ github.event.workflow_run.id }}
diff --git a/.github/workflows/playwright-image-updates.yaml b/.github/workflows/playwright-image-updates.yaml
index 1ce3d767a7..d0cd242884 100644
--- a/.github/workflows/playwright-image-updates.yaml
+++ b/.github/workflows/playwright-image-updates.yaml
@@ -32,7 +32,7 @@ jobs:
 
             - name: Create Pull Request
               id: cpr
-              uses: peter-evans/create-pull-request@22a9089034f40e5a961c8808d113e2c98fb63676 # v7
+              uses: peter-evans/create-pull-request@c0f553fe549906ede9cf27b5156039d195d2ece0 # v8
               with:
                   token: ${{ secrets.ELEMENT_BOT_TOKEN }}
                   branch: actions/playwright-image-updates
diff --git a/.github/workflows/shared-component-publish.yaml b/.github/workflows/shared-component-publish.yaml
index 6869c17660..a1b6a0c882 100644
--- a/.github/workflows/shared-component-publish.yaml
+++ b/.github/workflows/shared-component-publish.yaml
@@ -16,7 +16,7 @@ jobs:
               uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
             - name: 🔧 Set up node environment
-              uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+              uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version-file: ".node-version"
@@ -37,4 +37,4 @@ jobs:
 
             - name: 🚀 Publish to npm
               working-directory: packages/shared-components
-              run: npm publish --access public --tag test --provenance
+              run: npm publish --access public --provenance
diff --git a/.github/workflows/shared-component-storybook-publish.yaml b/.github/workflows/shared-component-storybook-publish.yaml
new file mode 100644
index 0000000000..620f7a48e8
--- /dev/null
+++ b/.github/workflows/shared-component-storybook-publish.yaml
@@ -0,0 +1,41 @@
+name: Publish shared component storybook
+on:
+    workflow_dispatch: {}
+    push:
+        branches:
+            - "develop"
+        paths:
+            - "packages/shared-components/**/*"
+
+permissions: {}
+
+jobs:
+    doc:
+        name: Publish storybook
+        runs-on: ubuntu-latest
+        environment: SharedComponents
+        steps:
+            - name: 🧮 Checkout code
+              uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
+
+            - name: 🔧 Yarn cache
+              uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+              with:
+                  cache: "yarn"
+                  node-version-file: package.json
+
+            - name: 🔨 Install dependencies
+              working-directory: packages/shared-components
+              run: "yarn install --pure-lockfile"
+
+            - name: 📖 Build Storybook
+              working-directory: packages/shared-components
+              run: yarn build:storybook
+
+            - name: 🚀 Deploy to Cloudflare Pages
+              uses: cloudflare/wrangler-action@9681c2997648301493e78cacbfb790a9f19c833f # v3
+              with:
+                  apiToken: ${{ secrets.CF_PAGES_TOKEN }}
+                  accountId: ${{ secrets.CF_PAGES_ACCOUNT_ID }}
+                  workingDirectory: "packages/shared-components"
+                  command: pages deploy storybook-static --project-name=shared-components-storybook
diff --git a/.github/workflows/shared-component-visual-tests-netlify.yaml b/.github/workflows/shared-component-visual-tests-netlify.yaml
index 816d899836..950dd8febf 100644
--- a/.github/workflows/shared-component-visual-tests-netlify.yaml
+++ b/.github/workflows/shared-component-visual-tests-netlify.yaml
@@ -27,7 +27,7 @@ jobs:
               run: "sudo apt-get install -y tree"
 
             - name: Download Diffs
-              uses: actions/download-artifact@018cc2cf5baa6db3ef3c5f8a56943fffe632ef53 # v6
+              uses: actions/download-artifact@37930b1c2abaa49bbe596cd826c3c89aef350131 # v7
               with:
                   github-token: ${{ secrets.GITHUB_TOKEN }}
                   run-id: ${{ github.event.workflow_run.id }}
diff --git a/.github/workflows/shared-component-visual-tests.yaml b/.github/workflows/shared-component-visual-tests.yaml
index 8f9cbdae31..b2015f0a08 100644
--- a/.github/workflows/shared-component-visual-tests.yaml
+++ b/.github/workflows/shared-component-visual-tests.yaml
@@ -26,14 +26,11 @@ jobs:
                   persist-credentials: false
                   repository: element-hq/element-web
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
 
-            - name: Install element web dependencies
-              run: yarn install --frozen-lockfile
-
             - name: Install dependencies
               working-directory: packages/shared-components
               run: yarn install --frozen-lockfile
@@ -44,7 +41,7 @@ jobs:
               run: echo "version=$(yarn list --pattern @playwright/test --depth=0 --json --non-interactive --no-progress | jq -r '.data.trees[].name')" >> $GITHUB_OUTPUT
 
             - name: Cache playwright binaries
-              uses: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830 # v4
+              uses: actions/cache@cdf6c1fa76f9f475f3d7449005a359c84ca0f306 # v5
               id: playwright-cache
               with:
                   path: ~/.cache/ms-playwright
@@ -56,11 +53,18 @@ jobs:
               run: "yarn playwright install --with-deps --only-shell"
 
             - name: Run Visual tests
-              run: "yarn --cwd packages/shared-components test:storybook:ci"
+              working-directory: packages/shared-components
+              run: "yarn test:storybook --run"
+
+            # Workaround for vis silently adding new baselines if they didn't exist
+            # Can be removed once https://github.com/repobuddy/visual-testing/issues/516 is released
+            - run: |
+                  git add -N .
+                  git diff --exit-code
 
             - name: Upload received images & diffs
               if: always()
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: received-images
-                  path: packages/shared-components/playwright/shared-component-received
+                  path: packages/shared-components/__vis__/linux
diff --git a/.github/workflows/static_analysis.yaml b/.github/workflows/static_analysis.yaml
index 9f90572371..c26ee1b487 100644
--- a/.github/workflows/static_analysis.yaml
+++ b/.github/workflows/static_analysis.yaml
@@ -24,7 +24,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -41,8 +41,8 @@ jobs:
             - name: Typecheck Shared Components
               run: "yarn --cwd packages/shared-components run lint:types"
 
-    i18n_lint:
-        name: "i18n Check"
+    i18n_lint_ew:
+        name: "i18n Check (Element Web)"
         uses: matrix-org/matrix-web-i18n/.github/workflows/i18n_check.yml@main
         permissions:
             pull-requests: read
@@ -59,6 +59,15 @@ jobs:
                 devtools|settings|elementCallUrl
                 labs|sliding_sync_description
 
+    i18n_lint_shared_components:
+        name: "i18n Check (Shared Components)"
+        uses: matrix-org/matrix-web-i18n/.github/workflows/i18n_check.yml@main
+        permissions:
+            pull-requests: read
+        with:
+            path: "packages/shared-components"
+            hardcoded-words: "Element"
+
     rethemendex_lint:
         name: "Rethemendex Check"
         runs-on: ubuntu-24.04
@@ -75,7 +84,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -99,7 +108,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -117,7 +126,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -135,7 +144,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 95382b180c..4b90ca2cb5 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -44,7 +44,7 @@ jobs:
                   repository: ${{ inputs.matrix-js-sdk-sha && 'element-hq/element-web' || github.repository }}
 
             - name: Yarn cache
-              uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+              uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   node-version: "lts/*"
                   cache: "yarn"
@@ -55,7 +55,7 @@ jobs:
                   JS_SDK_GITHUB_BASE_REF: ${{ inputs.matrix-js-sdk-sha }}
 
             - name: Jest Cache
-              uses: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830 # v4
+              uses: actions/cache@cdf6c1fa76f9f475f3d7449005a359c84ca0f306 # v5
               with:
                   path: /tmp/jest_cache
                   key: ${{ hashFiles('**/yarn.lock') }}
@@ -84,7 +84,7 @@ jobs:
 
             - name: Upload Artifact
               if: env.ENABLE_COVERAGE == 'true'
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: coverage-${{ matrix.runner }}
                   path: |
@@ -93,18 +93,18 @@ jobs:
 
     complete:
         name: jest-tests
-        needs: jest_ew
+        needs: [jest_ew, vitest_sc]
         if: always()
         runs-on: ubuntu-24.04
         permissions:
             statuses: write
         steps:
-            - if: needs.jest_ew.result != 'skipped' && needs.jest_ew.result != 'success'
+            - if: contains(needs.*.result, 'failure') || contains(needs.*.result, 'cancelled')
               run: exit 1
 
             - name: Skip SonarCloud in merge queue
               if: github.event_name == 'merge_group' || inputs.disable_coverage == 'true'
-              uses: guibranco/github-status-action-v2@5530c593759f489bba08272e96986ffc571c1ea1
+              uses: guibranco/github-status-action-v2@9bfa8773cdbdc6c185747fd43cd7faa9d7c32f09
               with:
                   authToken: ${{ secrets.GITHUB_TOKEN }}
                   state: success
@@ -113,8 +113,8 @@ jobs:
                   sha: ${{ github.sha }}
                   target_url: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
 
-    jest_sc:
-        name: Jest (Shared Components)
+    vitest_sc:
+        name: Vitest (Shared Components)
         runs-on: ubuntu-24.04
         steps:
             - name: Checkout code
@@ -123,43 +123,47 @@ jobs:
                   repository: ${{ inputs.matrix-js-sdk-sha && 'element-hq/element-web' || github.repository }}
 
             - name: Yarn cache
-              uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+              uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   node-version: "lts/*"
                   cache: "yarn"
 
-            - name: Install EW Deps
-              run: "yarn install"
-
             - name: Install Shared Component Deps
               working-directory: "packages/shared-components"
               run: "yarn install"
 
-            - name: Jest Cache
-              uses: actions/cache@0057852bfaa89a56745cba8c7296529d2fc39830 # v4
+            - name: Cache storybook & vitest
+              uses: actions/cache@cdf6c1fa76f9f475f3d7449005a359c84ca0f306 # v5
               with:
-                  path: /tmp/jest_cache
-                  key: ${{ hashFiles('**/yarn.lock') }}
+                  path: |
+                      packages/shared-components/node_modules/.cache
+                      packages/shared-components/node_modules/.vite/vitest
+                  key: ${{ hashFiles('packages/shared-components/yarn.lock') }}
 
-            - name: Get number of CPU cores
-              id: cpu-cores
-              uses: SimenB/github-actions-cpu-cores@97ba232459a8e02ff6121db9362b09661c875ab8 # v2
+            - name: Get installed Playwright version
+              working-directory: packages/shared-components
+              id: playwright
+              run: echo "version=$(yarn list --pattern @playwright/test --depth=0 --json --non-interactive --no-progress | jq -r '.data.trees[].name')" >> $GITHUB_OUTPUT
+
+            - name: Cache playwright binaries
+              uses: actions/cache@cdf6c1fa76f9f475f3d7449005a359c84ca0f306 # v5
+              id: playwright-cache
+              with:
+                  path: ~/.cache/ms-playwright
+                  key: ${{ runner.os }}-${{ runner.arch }}-playwright-${{ steps.playwright.outputs.version }}-onlyshell
+
+            - name: Install Playwright browsers
+              working-directory: packages/shared-components
+              if: steps.playwright-cache.outputs.cache-hit != 'true'
+              run: "yarn playwright install --with-deps --only-shell"
 
             - name: Run tests
               working-directory: "packages/shared-components"
-              run: |
-                  yarn test \
-                      --coverage=${{ env.ENABLE_COVERAGE }} \
-                      --ci \
-                      --max-workers ${{ steps.cpu-cores.outputs.count }} \
-                      --cacheDirectory /tmp/jest_cache
-              env:
-                  # tell jest to use coloured output
-                  FORCE_COLOR: true
+              run: yarn test:unit --coverage=${{ env.ENABLE_COVERAGE }}
 
             - name: Upload Artifact
               if: env.ENABLE_COVERAGE == 'true'
-              uses: actions/upload-artifact@330a01c490aca151604b8cf639adc76d48f6c5d4 # v5
+              uses: actions/upload-artifact@b7c566a772e6b6bfb58ed0dc250532a479d7789f # v6
               with:
                   name: coverage-sharedcomponents
                   path: |
diff --git a/.github/workflows/triage-move-review-requests.yml b/.github/workflows/triage-move-review-requests.yml
index 4d8745f4bd..6933233c0a 100644
--- a/.github/workflows/triage-move-review-requests.yml
+++ b/.github/workflows/triage-move-review-requests.yml
@@ -9,7 +9,7 @@ jobs:
         name: Move PRs asking for design review to the design board
         runs-on: ubuntu-24.04
         steps:
-            - uses: octokit/graphql-action@abaeca7ba4f0325d63b8de7ef943c2418d161b93 # v3.0.0
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
               id: find_team_members
               with:
                   headers: '{"GraphQL-Features": "projects_next_graphql"}'
@@ -52,7 +52,7 @@ jobs:
                   fi
               env:
                   TEAM: "design"
-            - uses: octokit/graphql-action@abaeca7ba4f0325d63b8de7ef943c2418d161b93 # v3.0.0
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
               id: add_to_project
               if: steps.any_matching_reviewers.outputs.match == 'true'
               with:
@@ -76,7 +76,7 @@ jobs:
         name: Move PRs asking for design review to the design board
         runs-on: ubuntu-24.04
         steps:
-            - uses: octokit/graphql-action@abaeca7ba4f0325d63b8de7ef943c2418d161b93 # v3.0.0
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
               id: find_team_members
               with:
                   headers: '{"GraphQL-Features": "projects_next_graphql"}'
@@ -119,7 +119,7 @@ jobs:
                   fi
               env:
                   TEAM: "product"
-            - uses: octokit/graphql-action@abaeca7ba4f0325d63b8de7ef943c2418d161b93 # v3.0.0
+            - uses: octokit/graphql-action@ddde8ebb2493e79f390e6449c725c21663a67505 # v3.0.2
               id: add_to_project
               if: steps.any_matching_reviewers.outputs.match == 'true'
               with:
diff --git a/.github/workflows/update-jitsi.yml b/.github/workflows/update-jitsi.yml
index 67e3fb19c5..b37a2967d4 100644
--- a/.github/workflows/update-jitsi.yml
+++ b/.github/workflows/update-jitsi.yml
@@ -11,7 +11,7 @@ jobs:
         steps:
             - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6
 
-            - uses: actions/setup-node@395ad3262231945c25e8478fd5baf05154b1d79f # v6
+            - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6
               with:
                   cache: "yarn"
                   node-version: "lts/*"
@@ -23,7 +23,7 @@ jobs:
               run: "yarn update:jitsi"
 
             - name: Create Pull Request
-              uses: peter-evans/create-pull-request@22a9089034f40e5a961c8808d113e2c98fb63676 # v7
+              uses: peter-evans/create-pull-request@c0f553fe549906ede9cf27b5156039d195d2ece0 # v8
               with:
                   token: ${{ secrets.ELEMENT_BOT_TOKEN }}
                   branch: actions/jitsi-update
diff --git a/.gitignore b/.gitignore
index 3d6d723ac3..870489a7bd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -30,6 +30,7 @@ electron/pub
 /index.html
 # version file and tarball created by `npm pack` / `yarn pack`
 /git-revision.txt
+jest-sonar.xml
 
 *storybook.log
 storybook-static
@@ -37,3 +38,6 @@ storybook-static
 /packages/shared-components/node_modules
 /packages/shared-components/dist
 /packages/shared-components/src/i18nKeys.d.ts
+
+# TSC incremental compilation information
+*.tsbuildinfo
diff --git a/.stylelintrc.js b/.stylelintrc.js
index 3244d122c5..2cbebc0472 100644
--- a/.stylelintrc.js
+++ b/.stylelintrc.js
@@ -56,7 +56,6 @@ module.exports = {
                     { from: "res/css/views/rooms/_EditMessageComposer.pcss", type: "css" },
                     { from: "res/css/views/right_panel/_BaseCard.pcss", type: "css" },
                     { from: "res/css/views/messages/_MessageTimestamp.pcss", type: "css" },
-                    { from: "res/css/views/messages/_EventTileBubble.pcss", type: "css" },
                     { from: "res/css/views/messages/_MessageActionBar.pcss", type: "css" },
                     { from: "res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss", type: "css" },
                     { from: "res/css/views/elements/_ToggleSwitch.pcss", type: "css" },
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 43546c1817..4128a2b75f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,84 @@
+Changes in [1.12.9](https://github.com/element-hq/element-web/releases/tag/v1.12.9) (2026-01-27)
+================================================================================================
+## ✨ Features
+
+* Allow local log downloads when a rageshake URL is not configured. ([#31716](https://github.com/element-hq/element-web/pull/31716)). Contributed by @Half-Shot.
+* Improve icon rendering accessibility ([#31776](https://github.com/element-hq/element-web/pull/31776)). Contributed by @t3chguy.
+* Show "Bob shared this message" on messages shared via MSC4268 ([#31684](https://github.com/element-hq/element-web/pull/31684)). Contributed by @richvdh.
+* Update the way we render icons for accessibility ([#31731](https://github.com/element-hq/element-web/pull/31731)). Contributed by @t3chguy.
+* Switch from css masks to rendering svg ([#31681](https://github.com/element-hq/element-web/pull/31681)). Contributed by @t3chguy.
+* Support for stable MSC4191 account management action parameter ([#31701](https://github.com/element-hq/element-web/pull/31701)). Contributed by @hughns.
+* Support for stable m.oauth UIA stage from MSC4312 ([#31704](https://github.com/element-hq/element-web/pull/31704)). Contributed by @hughns.
+* Switch to Compound icons to replace old icons ([#31667](https://github.com/element-hq/element-web/pull/31667)). Contributed by @t3chguy.
+* Switch from svg masks to svg rendering in more places ([#31652](https://github.com/element-hq/element-web/pull/31652)). Contributed by @t3chguy.
+* Switch from svg masks to svg rendering in more places ([#31650](https://github.com/element-hq/element-web/pull/31650)). Contributed by @t3chguy.
+* Update notification icons using Compound icons ([#31671](https://github.com/element-hq/element-web/pull/31671)). Contributed by @t3chguy.
+* Memoise ListView context  ([#31668](https://github.com/element-hq/element-web/pull/31668)). Contributed by @t3chguy.
+* Switch emoji picker to use emoji for header icons ([#31645](https://github.com/element-hq/element-web/pull/31645)). Contributed by @t3chguy.
+* Replace icons with Compound alternatives ([#31642](https://github.com/element-hq/element-web/pull/31642)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* Fix avatar decorations in thread activity centre not being atop avatar ([#31789](https://github.com/element-hq/element-web/pull/31789)). Contributed by @t3chguy.
+* Fix room settings roles tab getting confused if power level change fails ([#31768](https://github.com/element-hq/element-web/pull/31768)). Contributed by @t3chguy.
+* Custom themes now import highlights in css ([#31758](https://github.com/element-hq/element-web/pull/31758)). Contributed by @Philldomd.
+* Use correct translation for url preview settings ([#31740](https://github.com/element-hq/element-web/pull/31740)). Contributed by @florianduros.
+* Fix error shown if accepting a 3pid invite ([#31735](https://github.com/element-hq/element-web/pull/31735)). Contributed by @dbkr.
+* Ensure correct focus configuration for Element Call before allowing users to call. ([#31490](https://github.com/element-hq/element-web/pull/31490)). Contributed by @Half-Shot.
+* Fix emoji font in emoji picker header buttons ([#31679](https://github.com/element-hq/element-web/pull/31679)). Contributed by @t3chguy.
+* fix flaky test by waiting for chat panel before counting messages ([#31633](https://github.com/element-hq/element-web/pull/31633)). Contributed by @BillCarsonFr.
+
+
+Changes in [1.12.8](https://github.com/element-hq/element-web/releases/tag/v1.12.8) (2026-01-13)
+================================================================================================
+## 🦖 Deprecations
+
+* Remove `element_call.participant_limit` config and associated code. ([#31638](https://github.com/element-hq/element-web/pull/31638)). Contributed by @Half-Shot.
+
+## ✨ Features
+
+* Switch to rendering svg icons rather than masking them ([#31557](https://github.com/element-hq/element-web/pull/31557)). Contributed by @t3chguy.
+* Update history visibility UX ([#31635](https://github.com/element-hq/element-web/pull/31635)). Contributed by @langleyd.
+* Show correct call icon for joining a call. ([#31489](https://github.com/element-hq/element-web/pull/31489)). Contributed by @Half-Shot.
+* Update StopGapWidgetDriver to support sticky events ([#31205](https://github.com/element-hq/element-web/pull/31205)). Contributed by @Half-Shot.
+* Remove release announcements for new sounds \& room list ([#31544](https://github.com/element-hq/element-web/pull/31544)). Contributed by @t3chguy.
+* Add button to restore from backup into /devtools ([#31581](https://github.com/element-hq/element-web/pull/31581)). Contributed by @mxandreas.
+* Switch to non-solid compound icons for room settings \& composer ([#31561](https://github.com/element-hq/element-web/pull/31561)). Contributed by @t3chguy.
+* Support encrypted state events MSC4362 ([#31513](https://github.com/element-hq/element-web/pull/31513)). Contributed by @andybalaam.
+* Update prop type \& documentation for HistoryVisibleBanner and VM. ([#31545](https://github.com/element-hq/element-web/pull/31545)). Contributed by @kaylendog.
+* Switch to Compound icons in more places ([#31560](https://github.com/element-hq/element-web/pull/31560)). Contributed by @t3chguy.
+* Switch to rendering svg icons rather than masking them ([#31550](https://github.com/element-hq/element-web/pull/31550)). Contributed by @t3chguy.
+* Make AccessibleButton contrast control compatible ([#31308](https://github.com/element-hq/element-web/pull/31308)). Contributed by @t3chguy.
+* Switch to compound-design-tokens for platform icons ([#31543](https://github.com/element-hq/element-web/pull/31543)). Contributed by @t3chguy.
+* Switch to rendering svg icons rather than masking them ([#31531](https://github.com/element-hq/element-web/pull/31531)). Contributed by @t3chguy.
+* Switch to rendering svg icons rather than css masking ([#31517](https://github.com/element-hq/element-web/pull/31517)). Contributed by @t3chguy.
+* Auto approve matrix rtc member event (`m.rtc.member`) (sticky events) ([#31452](https://github.com/element-hq/element-web/pull/31452)). Contributed by @toger5.
+* Size Autocomplete relative to the RoomView height rather than the viewport height ([#31425](https://github.com/element-hq/element-web/pull/31425)). Contributed by @langleyd.
+* Implement UI for history visibility acknowledgement. ([#31156](https://github.com/element-hq/element-web/pull/31156)). Contributed by @kaylendog.
+* Export disposing hook from package ([#31498](https://github.com/element-hq/element-web/pull/31498)). Contributed by @MidhunSureshR.
+* Change `header-panel-bg-hover` to use `var(--cpd-color-bg-action-secondary-hovered)` for better custom theming ([#31457](https://github.com/element-hq/element-web/pull/31457)). Contributed by @th0mcat.
+* Improve icon rendering in iconized context menu ([#31458](https://github.com/element-hq/element-web/pull/31458)). Contributed by @t3chguy.
+
+## 🐛 Bug Fixes
+
+* [Backport staging] Fix space settings visibility tab crashing ([#31705](https://github.com/element-hq/element-web/pull/31705)). Contributed by @RiotRobot.
+* Fix expand/collapse reply preview not showing in some cases ([#31639](https://github.com/element-hq/element-web/pull/31639)). Contributed by @t3chguy.
+* Fix bundled font or custom font not applied after theme switch ([#31591](https://github.com/element-hq/element-web/pull/31591)). Contributed by @florianduros.
+* Add ol override CSS for markdown-body ([#31618](https://github.com/element-hq/element-web/pull/31618)). Contributed by @niamu.
+* Fix reaction left margin in timeline card ([#31625](https://github.com/element-hq/element-web/pull/31625)). Contributed by @t3chguy.
+* Open right panel timeline when jumping to event with maximised widget ([#31626](https://github.com/element-hq/element-web/pull/31626)). Contributed by @t3chguy.
+* Fix Compound Link elements not having an underline. ([#31583](https://github.com/element-hq/element-web/pull/31583)). Contributed by @Half-Shot.
+* Recalculate mentions metadata of forwarded messages based on message body ([#31193](https://github.com/element-hq/element-web/pull/31193)). Contributed by @twassman.
+* Fix Room Preview Card Layout ([#31611](https://github.com/element-hq/element-web/pull/31611)). Contributed by @germain-gg.
+* Fix: WidgetMessaging not properly closed causing side effects and bugs ([#31598](https://github.com/element-hq/element-web/pull/31598)). Contributed by @BillCarsonFr.
+* Handle cross-signing keys missing locally and/or from secret storage ([#31367](https://github.com/element-hq/element-web/pull/31367)). Contributed by @uhoreg.
+* fix: Allow wrapping in `Banner` component. ([#31532](https://github.com/element-hq/element-web/pull/31532)). Contributed by @kaylendog.
+* Update algorithm for history visible banner. ([#31577](https://github.com/element-hq/element-web/pull/31577)). Contributed by @kaylendog.
+* Fix styling issue when using EW modules ([#31533](https://github.com/element-hq/element-web/pull/31533)). Contributed by @florianduros.
+* Prevent history visible banner from displaying in threads. ([#31535](https://github.com/element-hq/element-web/pull/31535)). Contributed by @kaylendog.
+* Make the feedback icon be the right color in dark theme ([#31527](https://github.com/element-hq/element-web/pull/31527)). Contributed by @robintown.
+
+
 Changes in [1.12.7](https://github.com/element-hq/element-web/releases/tag/v1.12.7) (2025-12-16)
 ================================================================================================
 ## ✨ Features
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 3ec59b2eff..e269853d7f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -184,6 +184,16 @@ Please ensure your changes match the cosmetic style of the existing project,
 and **_never_** mix cosmetic and functional changes in the same commit, as it
 makes it horribly hard to review otherwise.
 
+## Shared Components
+
+When creating new UI components, consider whether they should be added to the shared components package (`packages/shared-components`) rather than directly in the main `src/` directory. Components should be placed in shared components if they:
+
+- Are reusable across different parts of the application
+- Could potentially be used by other Element projects (Element Desktop, Aurora, Element modules...)
+- Follow established patterns and don't have tight coupling to specific application logic
+
+For more details, see the [shared components README](./packages/shared-components/README.md).
+
 ## Attribution
 
 Everyone who contributes anything to Matrix is welcome to be listed in the
diff --git a/Dockerfile b/Dockerfile
index 5ce43a7c4f..9b418ac7fc 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,7 +1,7 @@
-# syntax=docker.io/docker/dockerfile:1.20-labs@sha256:dbcde2ebc4abc8bb5c3c499b9c9a6876842bf5da243951cd2697f921a7aeb6a9
+# syntax=docker.io/docker/dockerfile:1.21-labs@sha256:2e681d22e86e738a057075f930b81b2ab8bc2a34cd16001484a7453cfa7a03fb
 
 # Builder
-FROM --platform=$BUILDPLATFORM node:24-bullseye@sha256:5583cbe5d3347db372d9a9100eba272b548ca1f53246b9b769334bcd0eef2c26 AS builder
+FROM --platform=$BUILDPLATFORM node:24-bullseye@sha256:8036dbe5b1f465e3acb8b866031cd06e4f84c31b0e83dabbdc59397a40dbe288 AS builder
 
 # Support custom branch of the js-sdk. This also helps us build images of element-web develop.
 ARG USE_CUSTOM_SDKS=false
@@ -19,7 +19,7 @@ RUN /src/scripts/docker-package.sh
 RUN cp /src/config.sample.json /src/webapp/config.json
 
 # App
-FROM nginxinc/nginx-unprivileged:alpine-slim@sha256:a6bec37058b9047ece799c01d98dc6d5aa0542b6583cc69f187652f91331a752
+FROM nginxinc/nginx-unprivileged:alpine-slim@sha256:9ac6a908ed07ba7d23cbf6048090453a081abf663c53a7c3f3bf96abc16c0799
 
 # Need root user to install packages & manipulate the usr directory
 USER root
diff --git a/README.md b/README.md
index 6f6e3172fa..bf0e10551d 100644
--- a/README.md
+++ b/README.md
@@ -194,6 +194,17 @@ To add a new translation, head to the [translating doc](docs/translating.md).
 
 For a developer guide, see the [translating dev doc](docs/translating-dev.md).
 
+# Extending Element Web with Modules
+
+Element Web supports a module system that allows you to extend or modify functionality at runtime. Modules are loaded dynamically and provide a safe, predictable API for customization.
+
+## What are modules?
+
+Modules are extensions that can add or modify Element Web's functionality. They are:
+
+- Built using the [`@element-hq/element-web-module-api`](https://github.com/element-hq/element-modules/tree/main/packages/element-web-module-api)
+- Loaded in EW via [config.json](docs/config.md#modules)
+
 # Triaging issues
 
 Issues are triaged by community members and the Web App Team, following the [triage process](https://github.com/element-hq/element-meta/wiki/Triage-process).
diff --git a/code_style.md b/code_style.md
index 6e7289d22e..bd1fb4371c 100644
--- a/code_style.md
+++ b/code_style.md
@@ -272,20 +272,44 @@ Inheriting all the rules of TypeScript, the following additionally apply:
 18. Components should serve a single, or near-single, purpose.
 19. Prefer to derive information from component properties rather than establish state.
 20. Do not use `React.Component::forceUpdate`.
+21. Prefer to use [compound typography components](https://compound.element.io/?path=/docs/compound-web_typography--docs) instead of raw HTML elements for text. This ensures consistent font usage and letter spacing across the app.
+22. If you can't use 21, don't forget to apply the correct CSS classes for font and letter spacing.
+23. Prefer to use `Flex` or `Box` components from shared-components for layout instead of raw HTML elements with CSS flexbox styles.
 
-## Stylesheets (\*.pcss = PostCSS + Plugins)
+## Stylesheets
 
-Note: We use PostCSS + some plugins to process our styles. It looks like SCSS, but actually it is not.
+1. Keep indentation/nesting to a minimum. Maximum suggested nesting is 5 layers.
+2. Components should render only within the bounding box of their outermost DOM element. Page-absolute positioning and negative CSS margins and similar are generally not cool and stop the component from being reused easily in different places.
 
-1. The view's CSS file MUST have the same name as the component (e.g. `view/rooms/_MessageTile.css` for `MessageTile.tsx` component).
+### PostCSS (\*.pcss = PostCSS + Plugins)
+
+> [!NOTE]
+> We use PostCSS + some plugins to process our styles. It looks like SCSS, but actually it is not.
+
+**PostCSS should be use when working in the main Element Web codebase (not shared-components).**
+
+#### Naming and file structure
+
+1. The view's CSS file MUST have the same name as the component (e.g. `res/css/components/views/rooms/_RoomTile.pcss` for `RoomTile.tsx` component).
 2. Per-view CSS is optional - it could choose to inherit all its styling from the context of the rest of the app, although this is unusual.
-3. Class names must be prefixed with "mx\_".
+3. Class names must be prefixed with `mx_`.
 4. Class names must strictly denote the component which defines them.
    For example: `mx_MyFoo` for `MyFoo` component.
-5. Class names for DOM elements within a view which aren't components are named by appending a lower camel case identifier to the view's class name - e.g. .mx_MyFoo_randomDiv is how you'd name the class of an arbitrary div within the MyFoo view.
-6. Use the `$font` variables instead of manual values.
-7. Keep indentation/nesting to a minimum. Maximum suggested nesting is 5 layers.
-8. Use the whole class name instead of shortcuts:
+5. Class names for DOM elements within a view which aren't components are named by appending a lower camel case identifier to the view's class name.
+   For example: `.mx_MyFoo_randomDiv` is how you'd name the class of an arbitrary div within the MyFoo view.
+
+#### Variables
+
+6. Use the `$font-*` variables instead of manual font-size values (e.g., `$font-12px`, `$font-15px`).
+    - Note: These are deprecated. Prefer Compound typography tokens like `var(--cpd-font-body-md-regular)` for new code.
+7. Use theme color variables like `$primary-content`, `$secondary-content`, `$accent`, `$alert` for colors.
+    - Prefer Compound color tokens like `var(--cpd-color-text-primary)` for new code.
+8. Use spacing variables like `$spacing-8`, `$spacing-12`, `$spacing-16` where available.
+    - Prefer Compound spacing tokens like `var(--cpd-space-2x)` for new code.
+
+#### Syntax and formatting
+
+10. Use the whole class name instead of shortcuts:
 
     ```scss
     .mx_MyFoo {
@@ -296,7 +320,7 @@ Note: We use PostCSS + some plugins to process our styles. It looks like SCSS, b
     }
     ```
 
-9. Break multiple selectors over multiple lines this way:
+11. Break multiple selectors over multiple lines this way:
 
     ```scss
     .mx_MyFoo,
@@ -306,8 +330,7 @@ Note: We use PostCSS + some plugins to process our styles. It looks like SCSS, b
     }
     ```
 
-10. Non-shared variables should use $lowerCamelCase. Shared variables use $dashed-naming.
-11. Overrides to Z indexes, adjustments of dimensions/padding with pixels, and so on should all be
+12. Overrides to Z indexes, adjustments of dimensions/padding with pixels, and so on should all be
     [documented](#comments) for what the values mean:
 
     ```scss
@@ -318,9 +341,81 @@ Note: We use PostCSS + some plugins to process our styles. It looks like SCSS, b
     }
     ```
 
-12. Avoid the use of `!important`. If `!important` is necessary, add a [comment](#comments) explaining why.
-13. The CSS for a component can override the rules for child components. For instance, .mxRoomList .mx_RoomTile {} would be the selector to override styles of RoomTiles when viewed in the context of a RoomList view. Overrides must be scoped to the View's CSS class - i.e. don't just define .mx_RoomTile {} in RoomList.css - only RoomTile.css is allowed to define its own CSS. Instead, say .mx_RoomList .mx_RoomTile {} to scope the override only to the context of RoomList views. N.B. overrides should be relatively rare as in general CSS inheritance should be enough.
-14. Components should render only within the bounding box of their outermost DOM element. Page-absolute positioning and negative CSS margins and similar are generally not cool and stop the component from being reused easily in different places.
+13. Avoid the use of `!important`. If `!important` is necessary, add a [comment](#comments) explaining why.
+
+#### Component overrides
+
+14. The CSS for a component can override the rules for child components. For instance, `.mx_RoomList .mx_RoomTile {}` would be the selector to override styles of RoomTiles when viewed in the context of a RoomList view. Overrides must be scoped to the View's CSS class - i.e. don't just define `.mx_RoomTile {}` in RoomList.pcss - only RoomTile.pcss is allowed to define its own CSS. Instead, say `.mx_RoomList .mx_RoomTile {}` to scope the override only to the context of RoomList views. N.B. overrides should be relatively rare as in general CSS inheritance should be enough.
+
+### CSS module (\*.module.css)
+
+**CSS modules provide locally-scoped class names and are the preferred approach for new shared components.**
+
+#### Naming and file structure
+
+1. The CSS module file MUST have the same name as the component with `.module.css` extension.
+   For example: `PlayPauseButton.module.css` for `PlayPauseButton.tsx`.
+2. Place the CSS module file in the same directory as the component.
+3. Class names should be semantic and describe their purpose, NOT prefixed with `mx_`.
+   For example: `.button`, `.label`, `.content`, `.title`.
+4. Use camelCase for multi-word class names: `.playButton`, `.primaryAction`, `.errorMessage`.
+
+#### Importing and usage
+
+5. Import the CSS module as `styles`:
+
+    ```tsx
+    import styles from "./MyComponent.module.css";
+    ```
+
+6. Apply classes using the styles object:
+
+    ```tsx
+    <div className={styles.container}>
+        <span className={styles.label}>{label}</span>
+        <button className={styles.button}>Click me</button>
+    </div>
+    ```
+
+7. Combine multiple classes using `classNames` utility:
+
+    ```tsx
+    import classNames from "classnames";
+
+    <div className={classNames(styles.pill, className)}>
+        <span className={styles.label}>{label}</span>
+    </div>;
+    ```
+
+#### Styling guidelines
+
+8. Use Compound Design Tokens for all styling values:
+    - Colors: `var(--cpd-color-bg-subtle-primary)`, `var(--cpd-color-text-primary)`
+    - Typography: `var(--cpd-font-body-md-regular)`, `var(--cpd-font-heading-sm-semibold)`
+    - Spacing: `var(--cpd-space-2x)`, `var(--cpd-space-4x)`
+    - Border radius: `var(--cpd-radius-pill-effect)` or standard px values for design-specific needs
+
+9. Use CSS custom properties for component-specific themeable values:
+
+    ```css
+    .flex {
+        display: var(--mx-flex-display, unset);
+        flex-direction: var(--mx-flex-direction, unset);
+        align-items: var(--mx-flex-align, unset);
+        gap: var(--mx-flex-gap, unset);
+    }
+    ```
+
+10. Avoid nesting selectors when possible. CSS modules provide scoping, so nesting is rarely needed.
+11. If `!important` is necessary (e.g., to override Compound component styles), add a [comment](#comments) explaining why:
+
+    ```css
+    .button {
+        background-color: var(--cpd-color-bg-subtle-primary) !important; /* override Compound default */
+    }
+    ```
+
+12. CSS modules do not support PostCSS variables (`$variable`). Always use CSS custom properties (`var(--variable)`) or direct values.
 
 ## Tests
 
diff --git a/config.sample.json b/config.sample.json
index 3bc875cb7e..54656418bd 100644
--- a/config.sample.json
+++ b/config.sample.json
@@ -43,7 +43,6 @@
     },
     "element_call": {
         "url": "https://call.element.io",
-        "participant_limit": 8,
         "brand": "Element Call"
     },
     "map_style_url": "https://api.maptiler.com/maps/streets/style.json?key=fU3vlMsMn4Jb6dnEIFsx"
diff --git a/docs/MVVM.md b/docs/MVVM.md
index 6175e21853..756a974391 100644
--- a/docs/MVVM.md
+++ b/docs/MVVM.md
@@ -8,7 +8,13 @@ General description of the pattern can be found [here](https://en.wikipedia.org/
 
 If you do MVVM right, your view should be dumb i.e it gets data from the view model and merely displays it.
 
-### Practical guidelines for MVVM in element-web
+## Why are we using MVVM?
+
+1. MVVM forces a separation of concern i.e we will no longer have large react components that have a lot of state and rendering code mixed together. This improves code readability and makes it easier to introduce changes.
+2. Introduces the possibility of code reuse. You can reuse an old view model with a new view or vice versa.
+3. Adding to the point above, in future you could import element-web view models to your project and supply your own views thus creating something similar to the [hydrogen sdk](https://github.com/element-hq/hydrogen-web/blob/master/doc/SDK.md).
+
+## Practical guidelines for MVVM in element-web
 
 A first documentation and implementation of MVVM was done in [MVVM-v1.md](MVVM-v1.md). This v1 version is now deprecated and this document describes the current implementation.
 
@@ -19,12 +25,12 @@ This is anywhere your data or business logic comes from. If your view model is a
 #### View
 
 1. Located in [`shared-components`](https://github.com/element-hq/element-web/tree/develop/packages/shared-components). Develop it in storybook!
-2. Views are simple react components (eg: `FooView`).
-3. Views use [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore) internally where the view model is the external store.
+2. Views are simple react components (eg: `FooView`) with very little state and logic.
+3. Views must call `useViewModel` hook with the corresponding view model passed in as argument. This allows the view to re-render when something has changed in the view model. This entire mechanism is powered by [useSyncExternalStore](https://react.dev/reference/react/useSyncExternalStore).
 4. Views should define the interface of the view model they expect:
 
     ```tsx
-    // Snapshot is the return type of your view model
+    // Snapshot is the data that your view-model provides which is rendered by the view.
     interface FooViewSnapshot {
         value: string;
     }
@@ -34,16 +40,16 @@ This is anywhere your data or business logic comes from. If your view model is a
         doSomething: () => void;
     }
 
-    // ViewModel is a type defining the methods needed for `useSyncExternalStore`
+    // ViewModel is an object (usually a class) that implements both the interfaces listed above.
     // https://github.com/element-hq/element-web/blob/develop/packages/shared-components/src/ViewModel.ts
     type FooViewModel = ViewModel<FooViewSnapshot> & FooViewActions;
 
     interface FooViewProps {
+        // Ideally the view only depends on the view model i.e you don't expect any other props here.
         vm: FooViewModel;
     }
 
     function FooView({ vm }: FooViewProps) {
-        // useViewModel is a helper function that uses useSyncExternalStore under the hood
         const { value } = useViewModel(vm);
         return (
             <button type="button" onClick={() => vm.doSomething()}>
@@ -82,8 +88,131 @@ This is anywhere your data or business logic comes from. If your view model is a
 
 4. A full example is available [here](https://github.com/element-hq/element-web/blob/develop/src/viewmodels/audio/AudioPlayerViewModel.ts)
 
-### Benefits
+### `useViewModel` hook
 
-1. MVVM forces a separation of concern i.e we will no longer have large react components that have a lot of state and rendering code mixed together. This improves code readability and makes it easier to introduce changes.
-2. Introduces the possibility of code reuse. You can reuse an old view model with a new view or vice versa.
-3. Adding to the point above, in future you could import element-web view models to your project and supply your own views thus creating something similar to the [hydrogen sdk](https://github.com/element-hq/hydrogen-web/blob/master/doc/SDK.md).
+Your view must call this hook with the view-model as argument. Think of this as your view subscribing to the view model.<br>
+This hook returns the snapshot from your view-model.
+
+## Disposables and helper hooks
+
+Disposables provide a mechanism for tracking and releases resources. This is necessary for avoiding memory leaks.
+
+### Lifecycle of a view model
+
+The lifecycle of a given view model is from its creation (usually through the constructor i.e `new FooViewModel(prop1, prop2)`) to the time the `dispose` method on it is called (eg: `fooViewModel.dispose()`). It is the responsibility of whoever creates the view model to call the dispose method when the view model is no longer necessary.
+
+Disposable work by tracking anything that needs to be disposed of and then sequentially disposing them when `viewModel.dispose()` is called.
+
+### How to use disposables
+
+Consider the following scenarios:
+
+#### Scenario 1: Your view model listens to some event on an event emitter <br>
+
+In the example given below, how do you ensure that the listener on `props.emitter` is removed when the view model is disposed?
+
+```ts
+class FooViewModel ... {
+    constructor(props: Props) {
+        ...
+        props.emitter.on("my-event", this.doSomething());
+    }
+}
+```
+
+You can use disposables to remove the listener when the view-model is disposed:
+
+```ts
+class FooViewModel ... {
+    constructor(props: Props) {
+        ...
+        this.disposables.trackListener(props.emitter, "my-event", this.doSomething());
+    }
+}
+```
+
+#### Scenario 2: Your view model creates sub view models <br>
+
+```ts
+class FooViewModel ... {
+    constructor(props: Props) {
+        ...
+        this.barViewModel = new BarViewModel(...);
+    }
+}
+```
+
+Here, we want to ensure that when `FooViewModel.dispose()` is called, it also disposes any sub view models (in this case `BarViewModel`):
+
+```ts
+class FooViewModel ... {
+    constructor(props: Props) {
+        ...
+        this.barViewModel = this.disposables.track(new BarViewModel(...));
+    }
+}
+```
+
+#### Scenario 3: Tracking and disposing arbitrary resources <br>
+
+A disposable is:
+
+- a function
+- an object with `dispose` method (like a view model)
+
+You can therefore use disposables to track any resource that must be eventually relinquished, eg:
+
+```ts
+class Call {
+    ....
+    public endCall();
+    public stopConnections();
+}
+
+class CallViewModel {
+    ...
+    constructor(props: Props) {
+        const call = new Call();
+        // When the view model is disposed, the following call methods will be called
+        this.disposables.track(() => {
+            call.endCall();
+            call.stopConnections();
+        });
+    }
+}
+```
+
+### Disposing view models from non-MVVMed react components
+
+While we eventually want all our UI code to use MVVM, the current reality is that most of the existing code is just normal react components. We follow a bottoms up approach when it comes to moving code over to MVVM i.e we deal with child components before dealing with parent components.
+
+This means that you need to dispose child view models from the non-MVVMed parent component.
+
+#### Class component:
+
+Create the view model in `componentDidMount()` and dispose the view model in `componentWillUnmount()`:
+
+```ts
+class FooComponent extends Component {
+    componentDidMount() {
+        this.barViewModel = new BarViewModel(...);
+    }
+
+    componentWillUnmount() {
+        this.barViewModel.dispose();
+    }
+}
+```
+
+#### Functional Component:
+
+Use the `useCreateAutoDisposedViewModel` hook:
+
+```ts
+export function FooComponent(props) {
+    const vm = useCreateAutoDisposedViewModel(() => new BarViewModel(...));
+    return <BarView vm={vm}>;
+}
+```
+
+This hook will call the `dispose` method on the view model when `FooComponent` is unmounted.
diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md
index de93ce2812..711b7f47e0 100644
--- a/docs/SUMMARY.md
+++ b/docs/SUMMARY.md
@@ -19,7 +19,7 @@
 # Build
 
 - [Customisations](customisations.md)
-- [Modules](modules.md)
+- [Deprecated Modules](deprecated-modules.md)
 - [Native Node modules](native-node-modules.md)
 
 # Contribution
@@ -40,6 +40,8 @@
 - [Feature flags](feature-flags.md)
 - [OIDC and delegated authentication](oidc.md)
 - [Release Process](release.md)
+- [MVVM](MVVM.md)
+- [Settings](settings.md)
 
 # Deep dive
 
diff --git a/docs/config.md b/docs/config.md
index 6f5315d257..5856ce8c43 100644
--- a/docs/config.md
+++ b/docs/config.md
@@ -391,8 +391,6 @@ The VoIP and Jitsi options are:
 6. `element_call`: Optional configuration for native group calls using Element Call, with the following subkeys:
     - `use_exclusively`: A boolean specifying whether Element Call should be used exclusively as the only VoIP stack in
       the app, removing the ability to start legacy 1:1 calls or Jitsi calls. Defaults to `false`.
-    - `participant_limit`: The maximum number of users who can join a call; if
-      this number is exceeded, the user will not be able to join a given call.
     - `brand`: Optional name for the app. Defaults to `Element Call`. This is
       used throughout the application in various strings/locations.
     - `guest_spa_url`: Optional URL for an Element Call single-page app (SPA),
@@ -409,6 +407,7 @@ If you run your own rageshake server to collect bug reports, the following optio
 1. `bug_report_endpoint_url`: URL for where to submit rageshake logs to. Rageshakes include feedback submissions and bug reports. When
    not present in the config, the app will disable all rageshake functionality. Set to `https://rageshakes.element.io/api/submit` to submit
    rageshakes to us, or use your own rageshake server.
+   You may also set the value to `"local"` if you wish to only store logs locally, in order to download them for debugging.
 2. `uisi_autorageshake_app`: If a user has enabled the "automatically send debug logs on decryption errors" flag, this option will be sent
    alongside the rageshake so the rageshake server can filter them by app name. By default, this will be `element-auto-uisi`
    (in contrast to other rageshakes submitted by the app, which use `element-web`).
@@ -582,12 +581,26 @@ Currently, the following UI feature flags are supported:
   This should only be used if the room history visibility options are managed by the server.
 - `UIFeature.TimelineEnableRelativeDates` - Display relative date separators (eg: 'Today', 'Yesterday') in the
   timeline for recent messages. When false day dates will be used.
-- `UIFeature.BulkUnverifiedSessionsReminder` - Display popup reminders to verify or remove unverified sessions. Defaults
-  to true.
 - `UIFeature.locationSharing` - Whether or not location sharing menus will be shown.
 - `UIFeature.allowCreatingPublicRooms` - Whether or not public rooms can be created.
 - `UIFeature.allowCreatingPublicSpaces` - Whether or not public spaces can be created.
 
+## Modules
+
+`modules`: An optional array of module paths to load at runtime. Each entry is a URL or path to a JavaScript module entry point that will be dynamically imported when Element Web starts.
+
+**Note:** This is separate from the build-time module system configured via `build_config.yaml`. Runtime modules are loaded dynamically from the paths specified in `config.json`, while build-time modules are bundled during compilation.
+
+**Example:**
+
+```json
+{
+    "modules": ["https://example.com/my-module.js", "/path/to/local-module.js"]
+}
+```
+
+Each module URL is loaded using dynamic import (`import()`). The modules are loaded in order after Element Web initializes but before the application fully starts. Modules must be accessible from the browser and should export a compatible module format that works with the [Module API](https://github.com/element-hq/element-modules/tree/main/packages/element-web-module-api).
+
 ## Undocumented / developer options
 
 The following are undocumented or intended for developer use only.
@@ -596,4 +609,3 @@ The following are undocumented or intended for developer use only.
 2. `sync_timeline_limit`
 3. `dangerously_allow_unsafe_and_insecure_passwords`
 4. `latex_maths_delims`: An optional setting to override the default delimiters used for maths parsing. See https://github.com/matrix-org/matrix-react-sdk/pull/5939 for details. Only used when `feature_latex_maths` is enabled.
-5. `modules`: An optional list of modules to load. This is used for testing and development purposes only.
diff --git a/docs/modules.md b/docs/deprecated-modules.md
similarity index 94%
rename from docs/modules.md
rename to docs/deprecated-modules.md
index 68dabd29f8..b6a0b85711 100644
--- a/docs/modules.md
+++ b/docs/deprecated-modules.md
@@ -1,4 +1,7 @@
-# Module system
+# Deprecated Module system
+
+> [!CAUTION]
+> DEPRECATED. Use [Element web module api](https://github.com/element-hq/element-modules/tree/main/packages/element-web-module-api) instead.
 
 The module system in Element Web is a way to add or modify functionality of Element Web itself, bundled at compile time
 for the app. This means that modules are loaded as part of the `yarn build` process but have an effect on user experience
diff --git a/docs/playwright.md b/docs/playwright.md
index e03d1f5f8d..63e57c71f8 100644
--- a/docs/playwright.md
+++ b/docs/playwright.md
@@ -2,216 +2,455 @@
 
 ## Contents
 
-- How to run the tests
-- How the tests work
-- How to write great Playwright tests
-- Visual testing
+- [Overview](#overview)
+- [Prerequisites](#prerequisites)
+- [Running the Tests](#running-the-tests)
+    - [Element Web E2E Tests](#element-web-e2e-tests)
+    - [Shared Components Tests](#shared-components-tests)
+    - [Projects](#projects)
+- [How the Tests Work](#how-the-tests-work)
+    - [Test Structure](#test-structure)
+    - [Homeserver Setup](#homeserver-setup)
+    - [Fixtures](#fixtures)
+- [Writing Tests](#writing-tests)
+    - [Getting a Homeserver](#getting-a-homeserver)
+    - [Logging In](#logging-in)
+    - [Joining a Room](#joining-a-room)
+    - [Using matrix-js-sdk](#using-matrix-js-sdk)
+    - [Best Practices](#best-practices)
+- [Visual Testing](#visual-testing)
+- [Test Tags](#test-tags)
+- [Supported Container Runtimes](#supported-container-runtimes)
+
+## Overview
+
+Element Web contains two sets of Playwright tests:
+
+1. **Element Web E2E Tests** (`playwright/e2e/`) - Full end-to-end tests of the Element Web application with real homeserver instances
+2. **Shared Components Tests** (`packages/shared-components/`) - Visual regression tests for the shared component library using Storybook
+
+Both test suites run automatically in CI on every pull request and on every merge to develop & master.
+
+## Prerequisites
+
+Before running Playwright tests, ensure you have the following set up:
+
+### 1. Install Playwright Browsers and System Dependencies
+
+Follow the Playwright installation instructions:
+
+- **Browsers:** <https://playwright.dev/docs/browsers#install-browsers>
+- **System dependencies:** <https://playwright.dev/docs/browsers#install-system-dependencies>
+
+```sh
+yarn playwright install --with-deps
+```
+
+### 2. Container Runtime
+
+See [Supported Container Runtimes](#supported-container-runtimes) for details on supported container runtimes (Docker, Podman, Colima).
+
+### 3. Element Web Server (for E2E tests)
+
+Element Web E2E tests require an instance running on `http://localhost:8080` (configured in `playwright.config.ts`).
+
+You can either:
+
+- **Run manually:** `yarn start` in a separate terminal (not working for screenshot tests running in a docker environment).
+- **Auto-start:** Playwright will start the webserver automatically if it's not already running
 
 ## Running the Tests
 
-Our Playwright tests run automatically as part of our CI along with our other tests,
-on every pull request and on every merge to develop & master.
+### Element Web E2E Tests
 
-You may need to follow instructions to set up your development environment for running
-Playwright by following <https://playwright.dev/docs/browsers#install-browsers> and
-<https://playwright.dev/docs/browsers#install-system-dependencies>.
+Our main Playwright tests run against a full Element Web instance with Synapse/Dendrite homeservers.
 
-However the Playwright tests are run, an element-web instance must be running on
-http://localhost:8080 (this is configured in `playwright.config.ts`) - this is what will
-be tested. When running Playwright tests yourself, the standard `yarn start` from the
-element-web project is fine: leave it running it a different terminal as you would
-when developing. Alternatively if you followed the development set up from element-web then
-Playwright will be capable of running the webserver on its own if it isn't already running.
+**Run all E2E tests:**
 
-The tests use [testcontainers](https://node.testcontainers.org/) to launch Homeserver (Synapse or Dendrite)
-instances to test against, so you'll also need to one of the
-[supported container runtimes](#supporter-container-runtimes)
-installed and working in order to run the Playwright tests.
-
-There are a few different ways to run the tests yourself. The simplest is to run:
-
-```shell
+```sh
 yarn run test:playwright
 ```
 
-This will run the Playwright tests once, non-interactively.
+**Run a specific test file:**
 
-You can also run individual tests this way too, as you'd expect:
-
-```shell
-yarn run test:playwright --spec playwright/e2e/register/register.spec.ts
+```sh
+yarn run test:playwright playwright/e2e/register/register.spec.ts
 ```
 
-Playwright also has its own UI that you can use to run and debug the tests.
-To launch it:
+**Run tests interactively with Playwright UI:**
 
-```shell
-yarn run test:playwright:open --headed --debug
+```sh
+yarn run test:playwright:open
 ```
 
-See more command line options at <https://playwright.dev/docs/test-cli>.
+**Run screenshot tests only:**
 
-## Projects
+> [!WARNING]
+> This command run the playwright tests in a docker environment.
 
-By default, Playwright will run all "Projects", this means tests will run against Chrome, Firefox and "Safari" (Webkit).
-We only run tests against Chrome in pull request CI, but all projects in the merge queue.
-Some tests are excluded from running on certain browsers due to incompatibilities in the test harness.
+```sh
+yarn run test:playwright:screenshots
+```
+
+For more information about visual testing, see [Visual Testing](playwright#visual-testing).
+
+**Additional command line options:** <https://playwright.dev/docs/test-cli>
+
+### Shared Components Tests
+
+See the [Shared Components README](../packages/shared-components/README.md#visual-regression-tests) for instructions on running the shared components Playwright tests.
+
+### Projects
+
+By default, Playwright runs tests against all "Projects": Chrome, Firefox, "Safari" (Webkit), Dendrite and Picone.
+
+- Chrome, Firefox, Safari run against Synapse
+- Dendrite and Picone run against Chrome
+
+Misc:
+
+- **Pull Request CI:** Tests run only against Chrome
+- **Merge Queue:** Tests run against all projects
+- Some tests are excluded from certain browsers due to incompatibilities (see [Test Tags](#test-tags))
 
 ## How the Tests Work
 
-Everything Playwright-related lives in the `playwright/` subdirectory
-as is typical for Playwright tests. Likewise, tests live in `playwright/e2e`.
+### Test Structure
 
-`playwright/testcontainers` contains the testcontainers which start instances
-of Synapse/Dendrite. These servers are what Element-web runs against in the tests.
+**Element Web tests** are located in the `playwright/` subdirectory:
 
-Synapse can be launched with different configurations in order to test element
-in different configurations. You can specify `synapseConfig` as such:
+- `playwright/e2e/` - E2E test files
+- `playwright/testcontainers/` - Testcontainers for Synapse/Dendrite instances
+- `playwright/snapshots/` - Visual regression test screenshots
+- `playwright/pages/` - Page object models
+- `playwright/plugins/` - Custom Playwright plugins
+
+### Homeserver Setup
+
+Homeservers (Synapse or Dendrite) are launched by Playwright workers and reused for all tests matching the worker configuration.
+
+**Configure Synapse options:**
 
 ```typescript
 test.use({
     synapseConfig: {
-        // The config options to pass to the Synapse instance
+        // Configuration options for the Synapse instance
     },
 });
 ```
 
-The appropriate homeserver will be launched by the Playwright worker and reused for all tests which match the worker configuration.
-Due to homeservers being reused between tests, please use unique names for any rooms put into the room directory as
-they may be visible from other tests, the suggested approach is to use `testInfo.testId` within the name or lodash's uniqueId.
-We remove public rooms from the room directory between tests but deleting users doesn't have a homeserver agnostic solution.
-The logs from testcontainers will be attached to any reports output from Playwright.
+**Important notes:**
+
+- Homeservers are reused between tests for efficiency
+- Please use unique names for any rooms put into the room directory as they may be visible from other tests, the suggested approach is to use `testInfo.testId` within the name or lodash's uniqueId.
+- We remove public rooms from the room directory between tests but deleting users doesn't have a homeserver agnostic solution.
+- Homeserver logs are attached to Playwright test reports
+
+### Fixtures
+
+We heavily leverage [Playwright fixtures](https://playwright.dev/docs/test-fixtures) to provide:
+
+- Homeserver instances (`homeserver`)
+- Logged-in users (`user`)
+- Bot users (`bot`)
+- Application state (`app`)
+
+See [Writing Tests](#writing-tests) for usage examples.
 
 ## Writing Tests
 
-Mostly this is the same advice as for writing any other Playwright test: the Playwright
-docs are well worth a read if you're not already familiar with Playwright testing, eg.
-https://playwright.dev/docs/best-practices. To avoid your tests being flaky it is also
-recommended to use [auto-retrying assertions](https://playwright.dev/docs/test-assertions#auto-retrying-assertions).
+For general Playwright best practices, see:
 
-### Getting a Synapse
+- <https://playwright.dev/docs/best-practices>
+- <https://playwright.dev/docs/test-assertions#auto-retrying-assertions> (recommended for avoiding flaky tests)
 
-We heavily leverage the magic of [Playwright fixtures](https://playwright.dev/docs/test-fixtures).
-To acquire a homeserver within a test just add the `homeserver` fixture to the test:
+### Getting a Homeserver
+
+Use the `homeserver` fixture to acquire a Homeserver instance:
 
 ```typescript
 test("should do something", async ({ homeserver }) => {
-    // homeserver is a Synapse/Dendrite instance
+    // homeserver is a ready-to-use Synapse/Dendrite instance
 });
 ```
 
-This returns an object with information about the Homeserver instance, including what port
-it was started on and the ID that needs to be passed to shut it down again. It also
-returns the registration shared secret (`registrationSecret`) that can be used to
-register users via the REST API. The Homeserver has been ensured ready to go by awaiting
-its internal health-check.
+**The fixture provides:**
 
-Homeserver instances should be reasonably cheap to start (you may see the first one take a
-while as it pulls the Docker image).
-You do not need to explicitly clean up the instance as it will be cleaned up by the fixture.
+- Server port information
+- Instance ID for shutdown
+- Registration shared secret (`registrationSecret`) for registering users via REST API
+
+Homeserver instances are:
+
+- Reasonably cheap to start (first run may be slow while pulling Docker image)
+- Automatically cleaned up by the fixture
 
 ### Logging In
 
-We again heavily leverage the magic of [Playwright fixtures](https://playwright.dev/docs/test-fixtures).
-To acquire a logged-in user within a test just add the `user` fixture to the test:
+Use the `user` fixture to get a logged-in user:
 
 ```typescript
 test("should do something", async ({ user }) => {
-    // user is a logged in user
+    // user is logged in and ready to use
 });
 ```
 
-You can specify a display name for the user via `test.use` `displayName`,
-otherwise a random one will be generated.
-This will register a random userId using the registrationSecret with a random password
-and the given display name. The user fixture will contain details about the credentials for if
-they are needed for User-Interactive Auth or similar but localStorage will already be seeded with them
-and the app loaded (path `/`).
+**Customize the user:**
+
+```typescript
+test.use({
+    displayName: "Alice",
+});
+
+test("should do something", async ({ user }) => {
+    // user is logged in as "Alice"
+});
+```
+
+**What the fixture does:**
+
+- Registers a random userId with the `registrationSecret`
+- Generates a random password (or uses specified display name)
+- Seeds localStorage with credentials
+- Loads the app at path `/`
+- Provides user details for User-Interactive Auth if needed
 
 ### Joining a Room
 
-Many tests will also want to start with the client in a room, ready to send & receive messages. Best
-way to do this may be to get an access token for the user and use this to create a room with the REST
-API before logging the user in.
-You can make use of the bot fixture and the `client` field on the app fixture to do this.
+To start with a user in a room:
 
-### Try to write tests from the users' perspective
+```typescript
+test("should send a message", async ({ user, app, bot }) => {
+    // Use the bot client to create a room
+    const roomId = await bot.createRoom({
+        name: "Test Room",
+        invite: [user.userId],
+    });
 
-Like for instance a user will not look for a button by querying a CSS selector.
-Instead, you should work with roles / labels etc, see https://playwright.dev/docs/locators.
+    // Accept the invite using the app client
+    await app.client.joinRoom(roomId);
+
+    // Now ready to test messaging
+});
+```
+
+**Best practice:** Use the REST API (via `bot` or `app.client`) to set up room state rather than driving the UI.
 
 ### Using matrix-js-sdk
 
-Due to the way we run the Playwright tests in CI, at this time you can only use the matrix-js-sdk module
-exposed on `window.matrixcs`. This has the limitation that it is only accessible with the app loaded.
-This may be revisited in the future.
+Due to CI constraints, use the matrix-js-sdk module exposed on `window.matrixcs`:
 
-## Good Test Hygiene
+```typescript
+const matrixcs = window.matrixcs;
+```
 
-This section mostly summarises general good Playwright testing practice, and should not be news to anyone
-already familiar with Playwright.
+**Limitation:** Only accessible when the app is loaded. This may be revisited in the future.
 
-1. Test a well-isolated unit of functionality. The more specific, the easier it will be to tell what's
-   wrong when they fail.
-1. Don't depend on state from other tests: any given test should be able to run in isolation.
-1. Try to avoid driving the UI for anything other than the UI you're trying to test. e.g. if you're
-   testing that the user can send a reaction to a message, it's best to send a message using a REST
-   API, then react to it using the UI, rather than using the element-web UI to send the message.
-1. Avoid explicit waits. Playwright locators & assertions will implicitly wait for the specified
-   element to appear and all assertions are retried until they either pass or time out, so you should
-   never need to manually wait for an element.
-    - For example, for asserting about editing an already-edited message, you can't wait for the
-      'edited' element to appear as there was already one there, but you can assert that the body
-      of the message is what is should be after the second edit and this assertion will pass once
-      it becomes true. You can then assert that the 'edited' element is still in the DOM.
-    - You can also wait for other things like network requests in the
-      browser to complete (https://playwright.dev/docs/api/class-page#page-wait-for-response).
-      Needing to wait for things can also be because of race conditions in the app itself, which ideally
-      shouldn't be there!
+### Best Practices
 
-This is a small selection - the Playwright best practices guide, linked above, has more good advice, and we
-should generally try to adhere to them.
+For more guidance, see the [Playwright best practices guide](https://playwright.dev/docs/best-practices).
 
-## Screenshot testing
+#### 1. Test from the User's Perspective
 
-When we previously used Cypress we also dabbled with Percy, and whilst powerful it did not
-lend itself well to being executed on all PRs without needing to budget it substantially.
+Work with roles, labels, and accessible elements rather than CSS selectors:
+
+```typescript
+// Good
+await page.getByRole("button", { name: "Send" }).click();
+
+// Avoid
+await page.locator(".mx_MessageComposer_sendButton").click();
+```
+
+See <https://playwright.dev/docs/locators> for more guidance.
+
+#### 2. Test Well-Isolated Functionality
+
+- Focus on specific, well-defined units of functionality
+- Easier to debug when tests fail
+- More maintainable over time
+
+#### 3. Maintain Test Independence
+
+- Each test should run successfully in isolation
+- Don't depend on state from other tests
+- Clean up after your test if needed
+
+#### 4. Minimize UI Driving for Setup
+
+- Use REST APIs to set up test state when possible
+- Only drive the UI for the functionality you're actually testing
+
+**Example:**
+
+```typescript
+// Testing reactions - good approach
+test("should react to a message", async ({ page, app, bot }) => {
+    // Send message via API
+    const eventId = await bot.sendMessage(roomId, "Hello");
+
+    // Test the reaction UI
+    await page.getByText("Hello").hover();
+    await page.getByRole("button", { name: "React" }).click();
+    await page.getByLabel("😀").click();
+
+    // Verify reaction was sent
+    await expect(page.getByLabel("😀 1")).toBeVisible();
+});
+```
+
+#### 5. Avoid Explicit Waits
+
+Playwright locators and assertions automatically wait and retry:
+
+```typescript
+// Good - implicit waiting
+await expect(page.getByText("Message sent")).toBeVisible();
+
+// Avoid - explicit waits
+await page.waitForTimeout(1000);
+```
+
+**For dynamic content:**
+
+```typescript
+// Assert on the final state - Playwright will wait for it
+await expect(page.getByRole("textbox")).toHaveValue("Edited message");
+await expect(page.getByText("edited")).toBeVisible();
+```
+
+**When you do need to wait:**
+
+```typescript
+// Wait for network requests
+await page.waitForResponse("**/messages");
+
+// Wait for specific conditions
+await page.waitForFunction(() => window.matrixcs !== undefined);
+```
+
+## Visual Testing
 
 Playwright has built-in support for [visual comparison testing](https://playwright.dev/docs/test-snapshots).
-Screenshots are saved in `playwright/snapshots` and are rendered in a Linux Docker environment for stability.
 
-One must be careful to exclude any dynamic content from the screenshot, such as timestamps, avatars, etc,
-via the `mask` option. See the [Playwright docs](https://playwright.dev/docs/test-snapshots#masking).
+**Screenshot location:** `playwright/snapshots/`
 
-Some UI elements render differently between test runs, such as BaseAvatar when
-there is no avatar set, choosing a colour from the theme palette based on the
-hash of the user/room's Matrix ID. To avoid this creating flaky tests we inject
-some custom CSS, for this to happen we use the custom assertion `toMatchScreenshot`
-instead of the native `toHaveScreenshot`.
+**Rendering environment:** Linux Docker (for consistency across environments)
 
-If you are running Linux and are unfortunate that the screenshots are not rendering identically,
-you may wish to specify `--ignore-snapshots` and rely on Docker to render them for you.
+### Test Tag for Screenshots
+
+All screenshot tests must use the `@screenshot` tag:
+
+```typescript
+test("should render message list", { tag: "@screenshot" }, async ({ page }) => {
+    await expect(page).toMatchScreenshot("message-list.png");
+});
+```
+
+**Purpose of `@screenshot` tag:**
+
+- Allows running only screenshot tests via `test:playwright:screenshots`
+- Speeds up screenshot test runs and updates
+
+### Taking Screenshots
+
+Use the custom `toMatchScreenshot` assertion (not the native `toHaveScreenshot`):
+
+```typescript
+await expect(page).toMatchScreenshot("my-screenshot.png");
+```
+
+**Why a custom assertion?** We inject custom CSS to stabilize dynamic UI elements (e.g., BaseAvatar color selection based on Matrix ID hash).
+
+### Masking Dynamic Content
+
+Always mask dynamic content that changes between runs:
+
+```typescript
+await expect(page).toMatchScreenshot("chat.png", {
+    mask: [page.locator(".mx_MessageTimestamp"), page.locator(".mx_BaseAvatar")],
+});
+```
+
+Common elements to mask:
+
+- Timestamps
+- Avatars (when dynamic)
+- Animated elements
+- User-generated IDs
+
+See [Playwright masking docs](https://playwright.dev/docs/test-snapshots#masking) for more details.
+
+### Updating Screenshots
+
+This command runs only tests tagged with `@screenshot` in the Docker environment.
+When you need to update screenshot baselines (e.g., after intentional UI changes):
+
+```sh
+yarn run test:playwright:screenshots
+```
+
+**Important:** Always use this command to update screenshots rather than running tests locally with `--update-snapshots`.
+
+**Why?** Screenshots must be rendered in a consistent Linux Docker environment because:
+
+- Font rendering differs between operating systems (macOS, Windows, Linux)
+- Subpixel rendering varies across systems
+- Browser rendering engines have platform-specific differences
+
+Using `test:playwright:screenshots` ensures screenshots are generated in the same Docker environment used in CI, preventing false failures due to rendering differences.
 
 ## Test Tags
 
-We use test tags to categorise tests for running subsets more efficiently.
+Test tags categorize tests for efficient subset execution.
 
-- `@mergequeue`: Tests that are slow or flaky and cover areas of the app we update seldom, should not be run on every PR commit but will be run in the Merge Queue.
-- `@screenshot`: Tests that use `toMatchScreenshot` to speed up a run of `test:playwright:screenshots`. A test with this tag must not also have the `@mergequeue` tag as this would cause false positives in the stale screenshot detection.
-- `@no-$project`: Tests which are unsupported in $Project. These tests will be skipped when running in $Project.
+### Available Tags
 
-Anything testing Matrix media will need to have `@no-firefox` and `@no-webkit` as those rely on the service worker which
-has to be disabled in Playwright on Firefox & Webkit to retain routing functionality.
-Anything testing VoIP/microphone will need to have `@no-webkit` as fake microphone functionality is not available
-there at this time.
+- **`@mergequeue`**: Slow or flaky tests covering rarely-updated app areas
+    - Not run on every PR commit
+    - Run in the Merge Queue
 
-If you wish to run all tests in a PR, you can give it the label `X-Run-All-Tests`.
+- **`@screenshot`**: Tests using `toMatchScreenshot` for visual regression testing
+    - See the [Visual Testing](#visual-testing) section for detailed usage
 
-## Supporter container runtimes
+- **`@no-firefox`**: Tests unsupported in Firefox
+    - Automatically skipped in Firefox project
+    - Common reason: Service worker required (disabled in Playwright Firefox for routing)
 
-We use testcontainers to spin up various instances of Synapse, Matrix Authentication Service, and more.
-It supports Docker out of the box but also has support for Podman, Colima, Rancher, you just need to follow some instructions to achieve it:
-https://node.testcontainers.org/supported-container-runtimes/
+- **`@no-webkit`**: Tests unsupported in Webkit
+    - Automatically skipped in Webkit project
+    - Common reasons: Service worker required, microphone functionality unavailable
 
-If you are running under Colima, you may need to set the environment variable `TMPDIR` to `/tmp/colima` or a path
-within `$HOME` to allow bind mounting temporary directories into the Docker containers.
+### Running All Tests in a PR
+
+Add the `X-Run-All-Tests` label to your pull request to run all tests, including `@mergequeue` tests.
+
+## Supported Container Runtimes
+
+We use [testcontainers](https://node.testcontainers.org/) to manage Synapse, Matrix Authentication Service, and other service instances.
+
+**Supported runtimes:**
+
+- Docker (default, recommended)
+- Podman
+- Colima
+  See setup instructions: <https://node.testcontainers.org/supported-container-runtimes/>
+
+### Platform-Specific Configuration
+
+**Colima users:**
+
+If using Colima, you may need to set the `TMPDIR` environment variable to allow bind mounting temporary directories:
+
+```sh
+export TMPDIR=/tmp/colima
+# or
+export TMPDIR=$HOME/tmp
+```
+
+**macOS users:**
+
+Docker Desktop and Colima are both well-supported on macOS.
+
+> [!CAUTION]
+> Do not set `DOCKER_HOST` when running tests. Element Web uses [element-web-playwright-common](https://github.com/element-hq/element-modules/tree/main/packages/element-web-playwright-common), and setting `DOCKER_HOST` causes issues with testcontainers when running in the container VM.
diff --git a/docs/translating-dev.md b/docs/translating-dev.md
index fd1ac23294..03ea3fd715 100644
--- a/docs/translating-dev.md
+++ b/docs/translating-dev.md
@@ -58,6 +58,12 @@ We are aiming for a set of common strings to be shared then some more localised
 Edits to existing strings should be performed only via Localazy.
 There you can also require all translations to be redone if the meaning of the string has changed significantly.
 
+## Removing existing strings
+
+You can remove an existing string by removing the key from `en_EN.json`. Do not modify other language json files for this purpose.
+
+Localazy will mark the keys you removed as deprecated. See https://localazy.com/docs/general/editing-source-language#source-key-states for more information about the difference between deprecated keys and deleted keys.
+
 ## Adding variables inside a string.
 
 1. Extend your `_t()` call. Instead of `_t(TKEY)` use `_t(TKEY, {})`
@@ -66,7 +72,7 @@ There you can also require all translations to be redone if the meaning of the s
 1. Add the variable inside the string. The syntax for variables is `%(variable)s`. Please note the _s_ at the end. The name of the variable has to match the previous used name.
 
 - You can use the special `count` variable to choose between multiple versions of the same string, in order to get the correct pluralization. E.g. `_t('You have %(count)s new messages', { count: 2 })` would show 'You have 2 new messages', while `_t('You have %(count)s new messages', { count: 1 })` would show 'You have one new message' (assuming a singular version of the string has been added to the translation file. See above). Passing in `count` is much preferred over having an if-statement choose the correct string to use, because some languages have much more complicated plural rules than english (e.g. they might need a completely different form if there are three things rather than two).
-- If you want to translate text that includes e.g. hyperlinks or other HTML you have to also use tag substitution, e.g. `_t('<a>Click here!</a>', {}, { 'a': (sub) => <a>{sub}</a> })`. If you don't do the tag substitution you will end up showing literally '<a>' rather than making a hyperlink.
+- If you want to translate text that includes e.g. hyperlinks or other HTML you have to also use tag substitution, e.g. `_t('<a>Click here!</a>', {}, { 'a': (sub) => <a>{sub}</a> })`. If you don't do the tag substitution you will end up showing literally `<a>` rather than making a hyperlink.
 - You can also use React components with normal variable substitution if you want to insert HTML markup, e.g. `_t('Your email address is %(emailAddress)s', { emailAddress: <i>{userEmailAddress}</i> })`.
 
 ## Things to know/Style Guides
@@ -78,4 +84,4 @@ There you can also require all translations to be redone if the meaning of the s
 - Concatenating strings often also introduces an implicit assumption about word order (e.g. that the subject of the sentence comes first), which is incorrect for many languages.
 - Translation 'smell test': If you have a string that does not begin with a capital letter (is not the start of a sentence) or it ends with e.g. ':' or a preposition (e.g. 'to') you should recheck that you are not trying to translate a partial sentence.
 - If you have multiple strings, that are almost identical, except some part (e.g. a word or two) it is still better to translate the full sentence multiple times. It may seem like inefficient repetition, but unlike programming where you try to minimize repetition, translation is much faster if you have many, full, clear, sentences to work with, rather than fewer, but incomplete sentence fragments.
-- Don't forget curly braces when you assign an expression to JSX attributes in the render method)
+- Don't forget curly braces when you assign an expression to JSX attributes in the render method.
diff --git a/jest.config.ts b/jest.config.ts
index 148d55c94c..8662a89ca7 100644
--- a/jest.config.ts
+++ b/jest.config.ts
@@ -11,7 +11,7 @@ import { env } from "process";
 import type { Config } from "jest";
 
 const config: Config = {
-    testEnvironment: "jsdom",
+    testEnvironment: "jest-fixed-jsdom",
     testEnvironmentOptions: {
         url: "http://localhost/",
         // This is needed to be able to load dual CJS/ESM WASM packages e.g. rust crypto & matrix-wywiwyg
@@ -39,11 +39,11 @@ const config: Config = {
         "workers/(.+)Factory": "<rootDir>/__mocks__/workerFactoryMock.js",
         "^!!raw-loader!.*": "jest-raw-loader",
         "recorderWorkletFactory": "<rootDir>/__mocks__/empty.js",
-        "^fetch-mock$": "<rootDir>/node_modules/fetch-mock",
         "counterpart": "<rootDir>/node_modules/counterpart",
+        "@vector-im/compound-web": "<rootDir>/node_modules/@vector-im/compound-web",
     },
     transformIgnorePatterns: [
-        "/node_modules/(?!(mime|matrix-js-sdk|uuid|p-retry|is-network-error|react-merge-refs|is-ip|ip-regex|super-regex|function-timeout|time-span|convert-hrtime|clone-regexp|is-regexp)).+$",
+        "/node_modules/(?!(mime|matrix-js-sdk|uuid|p-retry|is-network-error|react-merge-refs|is-ip|ip-regex|super-regex|function-timeout|time-span|convert-hrtime|clone-regexp|is-regexp|matrix-web-i18n|await-lock|@element-hq/web-shared-components|react-virtuoso)).+$",
     ],
     collectCoverageFrom: [
         "<rootDir>/src/**/*.{js,ts,tsx}",
diff --git a/knip.ts b/knip.ts
index 24f8b97343..4b98d33fba 100644
--- a/knip.ts
+++ b/knip.ts
@@ -1,28 +1,34 @@
 import { KnipConfig } from "knip";
 
 export default {
-    entry: [
-        "src/serviceworker/index.ts",
-        "src/workers/*.worker.ts",
-        "src/utils/exportUtils/exportJS.js",
-        "src/vector/localstorage-fix.ts",
-        "scripts/**",
-        "playwright/**",
-        "test/**",
-        "res/decoder-ring/**",
-        "res/jitsi_external_api.min.js",
-        "docs/**",
-    ],
-    project: ["**/*.{js,ts,jsx,tsx}"],
-    ignore: [
-        // Keep for now
-        "src/hooks/useLocalStorageState.ts",
-        "src/hooks/useTimeout.ts",
-        "src/components/views/elements/InfoTooltip.tsx",
-        "src/components/views/elements/StyledCheckbox.tsx",
+    workspaces: {
+        "packages/shared-components": {
+            entry: ["src/index.ts"],
+        },
+        ".": {
+            entry: [
+                "src/serviceworker/index.ts",
+                "src/workers/*.worker.ts",
+                "src/utils/exportUtils/exportJS.js",
+                "src/vector/localstorage-fix.ts",
+                "scripts/**",
+                "playwright/**",
+                "test/**",
+                "res/decoder-ring/**",
+                "res/jitsi_external_api.min.js",
+                "docs/**",
+            ],
+            ignore: [
+                // Keep for now
+                "src/hooks/useLocalStorageState.ts",
+                "src/hooks/useTimeout.ts",
+                "src/components/views/elements/InfoTooltip.tsx",
+                "src/components/views/elements/StyledCheckbox.tsx",
 
-        "packages/**/*",
-    ],
+                "packages/**/*",
+            ],
+        },
+    },
     ignoreDependencies: [
         // Required for `action-validator`
         "@action-validator/*",
@@ -43,7 +49,11 @@ export default {
         // Embedded into webapp
         "@element-hq/element-call-embedded",
         // Transitive dep of jest
-        "jsdom",
+        "@jest/globals",
+        "vitest-environment-jest-fixed-jsdom",
+
+        // We import this in some tests, transitive dep of @playwright/test
+        "playwright-core",
 
         // Used by matrix-js-sdk, which means we have to include them as a
         // dependency so that // we can run `tsc` (since we import the typescript
@@ -51,13 +61,6 @@ export default {
         // would with a normal library).
         "@types/content-type",
         "@types/sdp-transform",
-
-        // Used in EW but failed because of "link:"
-        "@element-hq/web-shared-components",
-    ],
-    ignoreBinaries: [
-        // Used in scripts & workflows
-        "jq",
     ],
     ignoreExportsUsedInFile: true,
 } satisfies KnipConfig;
diff --git a/localazy.json b/localazy.json
index 7ba5ef2542..669ac657c3 100644
--- a/localazy.json
+++ b/localazy.json
@@ -18,6 +18,18 @@
                 "file": "element-web.json",
                 "excludes": ["src/i18n/strings/en_EN.json"],
                 "lang": "${autodetectLang}"
+            },
+            {
+                "pattern": "packages/shared-components/src/i18n/strings/en_EN.json",
+                "file": "shared-components.json",
+                "lang": "inherited"
+            },
+            {
+                "group": "existing",
+                "pattern": "packages/shared-components/src/i18n/strings/*.json",
+                "file": "shared-components.json",
+                "excludes": ["packages/shared-components/src/i18n/strings/en_EN.json"],
+                "lang": "${autodetectLang}"
             }
         ]
     },
@@ -27,6 +39,10 @@
             {
                 "conditions": "equals: ${file}, element-web.json",
                 "output": "src/i18n/strings/${langLsrUnderscore}.json"
+            },
+            {
+                "conditions": "equals: ${file}, shared-components.json",
+                "output": "packages/shared-components/src/i18n/strings/${langLsrUnderscore}.json"
             }
         ],
         "includeSourceLang": "${includeSourceLang|false}",
diff --git a/package.json b/package.json
index 0bbd0283dd..8b7efa7942 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "element-web",
-    "version": "1.12.7",
+    "version": "1.12.9",
     "description": "Element: the future of secure communication",
     "author": "New Vector Ltd.",
     "repository": {
@@ -29,9 +29,9 @@
         "UserFriendlyError"
     ],
     "scripts": {
-        "i18n": "matrix-gen-i18n src res packages/shared-components/src && yarn i18n:sort && yarn i18n:lint",
-        "i18n:sort": "jq --sort-keys '.' src/i18n/strings/en_EN.json > src/i18n/strings/en_EN.json.tmp && mv src/i18n/strings/en_EN.json.tmp src/i18n/strings/en_EN.json",
-        "i18n:lint": "matrix-i18n-lint && prettier --log-level=silent --write src/i18n/strings/ --ignore-path /dev/null",
+        "i18n": "matrix-gen-i18n src res && yarn i18n:sort && yarn i18n:lint",
+        "i18n:sort": "matrix-sort-i18n src/i18n/strings/en_EN.json && yarn --cwd packages/shared-components i18n:sort",
+        "i18n:lint": "matrix-i18n-lint && prettier --log-level=silent --write src/i18n/strings/ --ignore-path /dev/null && yarn --cwd packages/shared-components i18n:lint",
         "i18n:diff": "cp src/i18n/strings/en_EN.json src/i18n/strings/en_EN_orig.json && yarn i18n && matrix-compare-i18n-files src/i18n/strings/en_EN_orig.json src/i18n/strings/en_EN.json",
         "make-component": "node scripts/make-react-component.js",
         "rethemendex": "./res/css/rethemendex.sh",
@@ -69,15 +69,16 @@
         "postinstall": "patch-package"
     },
     "resolutions": {
-        "**/pretty-format/react-is": "19.2.1",
-        "@types/react": "19.2.7",
+        "**/pretty-format/react-is": "19.2.4",
+        "@types/react": "19.2.10",
         "@types/react-dom": "19.2.3",
         "oidc-client-ts": "3.4.1",
         "jwt-decode": "4.0.0",
-        "caniuse-lite": "1.0.30001759",
+        "caniuse-lite": "1.0.30001766",
         "testcontainers": "^11.0.0",
         "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0",
-        "wrap-ansi": "npm:wrap-ansi@^7.0.0"
+        "wrap-ansi": "npm:wrap-ansi@^7.0.0",
+        "matrix-widget-api": "^1.16.1"
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
@@ -85,20 +86,19 @@
         "@element-hq/web-shared-components": "link:packages/shared-components",
         "@fontsource/fira-code": "^5",
         "@fontsource/inter": "^5",
-        "@formatjs/intl-segmenter": "^11.5.7",
-        "@matrix-org/analytics-events": "^0.30.0",
+        "@formatjs/intl-segmenter": "^12.0.0",
+        "@matrix-org/analytics-events": "^0.31.0",
         "@matrix-org/emojibase-bindings": "^1.5.0",
         "@matrix-org/react-sdk-module-api": "^2.4.0",
-        "@matrix-org/spec": "^1.7.0",
         "@sentry/browser": "^10.0.0",
         "@types/png-chunks-extract": "^1.0.2",
-        "@vector-im/compound-design-tokens": "6.4.3",
-        "@vector-im/compound-web": "^8.3.1",
+        "@vector-im/compound-design-tokens": "6.9.0",
+        "@vector-im/compound-web": "^8.3.6",
         "@vector-im/matrix-wysiwyg": "2.40.0",
         "@zxcvbn-ts/core": "^3.0.4",
         "@zxcvbn-ts/language-common": "^3.0.4",
         "@zxcvbn-ts/language-en": "^3.0.2",
-        "await-lock": "^2.1.0",
+        "await-lock": "^3.0.0",
         "bloom-filters": "^3.0.3",
         "blurhash": "^2.0.3",
         "browserslist": "^4.23.2",
@@ -130,14 +130,14 @@
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
         "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#develop",
-        "matrix-widget-api": "^1.15.0",
+        "matrix-widget-api": "^1.16.1",
         "memoize-one": "^6.0.0",
         "mime": "^4.0.4",
         "oidc-client-ts": "^3.0.1",
         "opus-recorder": "^8.0.3",
         "pako": "^2.0.3",
         "png-chunks-extract": "^1.0.0",
-        "posthog-js": "1.302.2",
+        "posthog-js": "1.336.4",
         "qrcode": "1.5.4",
         "re-resizable": "6.11.2",
         "react": "^19.0.0",
@@ -145,15 +145,12 @@
         "react-blurhash": "^0.3.0",
         "react-dom": "^19.0.0",
         "react-focus-lock": "^2.5.1",
-        "react-merge-refs": "^3.0.2",
-        "react-string-replace": "^1.1.1",
+        "react-string-replace": "^2.0.0",
         "react-transition-group": "^4.4.1",
-        "react-virtuoso": "^4.14.0",
         "rfc4648": "^1.4.0",
         "sanitize-filename": "^1.6.3",
         "sanitize-html": "2.17.0",
         "tar-js": "^0.3.0",
-        "temporal-polyfill": "^0.3.0",
         "ua-parser-js": "1.0.40",
         "uuid": "^13.0.0",
         "what-input": "^5.2.10"
@@ -181,12 +178,12 @@
         "@babel/runtime": "^7.12.5",
         "@casualbot/jest-sonar-reporter": "2.5.0",
         "@element-hq/element-call-embedded": "0.16.3",
-        "@element-hq/element-web-playwright-common": "^2.0.0",
+        "@element-hq/element-web-playwright-common": "2.2.5",
+        "@fetch-mock/jest": "^0.2.20",
         "@peculiar/webcrypto": "^1.4.3",
-        "@playwright/test": "1.57.0",
+        "@playwright/test": "1.58.1",
         "@principalstudio/html-webpack-inject-preload": "^1.2.7",
         "@sentry/webpack-plugin": "^4.0.0",
-        "@storybook/react-vite": "^10.0.7",
         "@stylistic/eslint-plugin": "^5.0.0",
         "@svgr/webpack": "^8.0.0",
         "@testing-library/dom": "^10.4.0",
@@ -205,15 +202,13 @@
         "@types/jest": "30.0.0",
         "@types/jitsi-meet": "^2.0.2",
         "@types/jsrsasign": "^10.5.4",
-        "@types/katex": "^0.16.0",
         "@types/lodash": "^4.14.168",
         "@types/minimist": "^1.2.5",
         "@types/modernizr": "^3.5.3",
         "@types/node": "18",
-        "@types/node-fetch": "^2.6.2",
         "@types/pako": "^2.0.0",
         "@types/qrcode": "^1.3.5",
-        "@types/react": "19.2.7",
+        "@types/react": "19.2.10",
         "@types/react-beautiful-dnd": "^13.0.0",
         "@types/react-dom": "19.2.3",
         "@types/react-transition-group": "^4.4.0",
@@ -231,7 +226,6 @@
         "chokidar": "^5.0.0",
         "concurrently": "^9.0.0",
         "copy-webpack-plugin": "^13.0.0",
-        "core-js": "^3.38.1",
         "cronstrue": "^3.0.0",
         "css-loader": "^7.0.0",
         "css-minimizer-webpack-plugin": "^7.0.0",
@@ -250,51 +244,47 @@
         "eslint-plugin-unicorn": "^56.0.0",
         "express": "^5.0.0",
         "fake-indexeddb": "^6.0.0",
-        "fetch-mock": "9.11.0",
-        "fetch-mock-jest": "^1.5.1",
         "file-loader": "^6.0.0",
         "html-webpack-plugin": "^5.5.3",
         "husky": "^9.0.0",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^30.0.0",
         "jest-canvas-mock": "^2.5.2",
-        "jest-environment-jsdom": "^30.0.0",
+        "jest-environment-jsdom": "^30.2.0",
+        "jest-fixed-jsdom": "^0.0.11",
         "jest-mock": "^30.0.0",
         "jest-raw-loader": "^1.0.1",
         "jsqr": "^1.4.0",
         "knip": "^5.36.2",
         "lint-staged": "^16.0.0",
-        "matrix-web-i18n": "^3.2.1",
-        "mini-css-extract-plugin": "2.9.2",
+        "matrix-web-i18n": "3.6.0",
+        "mini-css-extract-plugin": "2.10.0",
         "minimist": "^1.2.6",
         "modernizr": "^3.12.0",
-        "node-fetch": "^2.6.7",
         "patch-package": "^8.0.0",
-        "playwright-core": "^1.51.0",
-        "postcss": "8.4.46",
+        "postcss": "8.5.6",
         "postcss-easings": "^4.0.0",
         "postcss-hexrgba": "2.1.0",
-        "postcss-import": "16.1.0",
-        "postcss-loader": "8.1.1",
+        "postcss-import": "16.1.1",
+        "postcss-loader": "8.2.0",
         "postcss-mixins": "^12.0.0",
         "postcss-nested": "^7.0.0",
-        "postcss-preset-env": "^10.0.0",
+        "postcss-preset-env": "^11.0.0",
         "postcss-scss": "^4.0.4",
         "postcss-simple-vars": "^7.0.1",
-        "prettier": "3.7.4",
+        "prettier": "3.8.1",
         "process": "^0.11.10",
         "raw-loader": "^4.0.2",
         "rimraf": "^6.0.0",
         "semver": "^7.5.2",
         "source-map-loader": "^5.0.0",
-        "storybook": "^10.0.7",
-        "stylelint": "^16.23.0",
-        "stylelint-config-standard": "^39.0.0",
-        "stylelint-scss": "^6.0.0",
+        "stylelint": "^17.0.0",
+        "stylelint-config-standard": "^40.0.0",
+        "stylelint-scss": "^7.0.0",
         "stylelint-value-no-unknown-custom-properties": "^6.0.1",
         "terser-webpack-plugin": "^5.3.9",
         "testcontainers": "^11.0.0",
-        "typescript": "5.8.3",
+        "typescript": "5.9.3",
         "util": "^0.12.5",
         "web-streams-polyfill": "^4.0.0",
         "webpack": "^5.89.0",
diff --git a/packages/shared-components/.eslintrc.js b/packages/shared-components/.eslintrc.cjs
similarity index 100%
rename from packages/shared-components/.eslintrc.js
rename to packages/shared-components/.eslintrc.cjs
diff --git a/packages/shared-components/.gitignore b/packages/shared-components/.gitignore
new file mode 100644
index 0000000000..1ec1623885
--- /dev/null
+++ b/packages/shared-components/.gitignore
@@ -0,0 +1,12 @@
+# Ignore test failure screenshots
+/src/**/__screenshots__/
+
+# Ignore vis diffs & local baseline
+/__vis__/**/__diffs__
+/__vis__/**/__results__
+/__vis__/local
+
+# Ignore coverage report
+/coverage/
+# Ignore generated docs
+typedoc
diff --git a/packages/shared-components/.prettierrc.cjs b/packages/shared-components/.prettierrc.cjs
new file mode 100644
index 0000000000..4954ff865e
--- /dev/null
+++ b/packages/shared-components/.prettierrc.cjs
@@ -0,0 +1,5 @@
+// Even though this (at time of writing) is identical Element Web's
+// .prettierrc.js, shared components needs its own because otherwise
+// this refers to element web's copy of eslint-plugin-matrix-org which
+// would require element-web's modules to be installed.
+module.exports = require("eslint-plugin-matrix-org/.prettierrc.js");
diff --git a/res/css/views/rooms/RoomListPanel/_RoomListSecondaryFilters.pcss b/packages/shared-components/.storybook/compound.css
similarity index 55%
rename from res/css/views/rooms/RoomListPanel/_RoomListSecondaryFilters.pcss
rename to packages/shared-components/.storybook/compound.css
index 0fa8dc12ae..42f8393666 100644
--- a/res/css/views/rooms/RoomListPanel/_RoomListSecondaryFilters.pcss
+++ b/packages/shared-components/.storybook/compound.css
@@ -5,8 +5,5 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-.mx_RoomListSecondaryFilters {
-    font: var(--cpd-font-body-md-medium);
-    margin: var(--cpd-space-2x);
-    margin-left: var(--cpd-space-1x);
-}
+@import url("@vector-im/compound-design-tokens/assets/web/css/compound-design-tokens.css") layer(compound);
+@import url("@vector-im/compound-web/dist/style.css");
diff --git a/packages/shared-components/.storybook/languageAddon.tsx b/packages/shared-components/.storybook/languageAddon.tsx
index e1483738f5..dcb9d8d814 100644
--- a/packages/shared-components/.storybook/languageAddon.tsx
+++ b/packages/shared-components/.storybook/languageAddon.tsx
@@ -10,16 +10,14 @@ import { WithTooltip, IconButton, TooltipLinkList } from "storybook/internal/com
 import React from "react";
 import { GlobeIcon } from "@storybook/icons";
 
-// We can't import `shared/i18n.tsx` directly here.
-// The storybook addon doesn't seem to benefit the vite config of storybook and we can't resolve the alias in i18n.tsx.
-import json from "../../../webapp/i18n/languages.json";
-const languages = Object.keys(json).filter((lang) => lang !== "default");
+const languages: string[] = JSON.parse(process.env.STORYBOOK_LANGUAGES!);
 
 /**
  * Returns the title of a language in the user's locale.
  */
 function languageTitle(language: string): string {
-    return new Intl.DisplayNames([language], { type: "language", style: "short" }).of(language) || language;
+    const normalisedLang = language.toLowerCase().replace("_", "-");
+    return new Intl.DisplayNames([normalisedLang], { type: "language", style: "short" }).of(normalisedLang) || language;
 }
 
 export const languageAddon: Addon = {
diff --git a/packages/shared-components/.storybook/main.ts b/packages/shared-components/.storybook/main.ts
index efc35752b5..834cd6dc5b 100644
--- a/packages/shared-components/.storybook/main.ts
+++ b/packages/shared-components/.storybook/main.ts
@@ -6,14 +6,43 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import type { StorybookConfig } from "@storybook/react-vite";
-import path from "node:path";
+import fs from "node:fs";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import { mergeConfig } from "vite";
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+// Get a list of available languages so the language selector can display them at runtime
+const languageFiles = fs.readdirSync("src/i18n/strings").map((f) => f.slice(0, -5));
+
+const languages: Record<string, string> = {};
+for (const lang of languageFiles) {
+    const normalizedLanguage = lang.toLowerCase().replace("_", "-");
+    const languageParts = normalizedLanguage.split("-");
+    if (languageParts.length === 2 && languageParts[0] === languageParts[1]) {
+        languages[languageParts[0]] = `${lang}.json`;
+    } else {
+        languages[normalizedLanguage] = `${lang}.json`;
+    }
+}
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+    return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
+}
 
 const config: StorybookConfig = {
     stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-    staticDirs: ["../../../webapp"],
-    addons: ["@storybook/addon-docs", "@storybook/addon-designs", "@storybook/addon-a11y"],
+    addons: [
+        "@storybook/addon-docs",
+        "@storybook/addon-designs",
+        "@storybook/addon-a11y",
+        "@storybook/addon-vitest",
+        getAbsolutePath("storybook-addon-vis"),
+    ],
     framework: "@storybook/react-vite",
     core: {
         disableTelemetry: true,
@@ -23,14 +52,31 @@ const config: StorybookConfig = {
     },
     async viteFinal(config) {
         return mergeConfig(config, {
-            resolve: {
-                alias: {
-                    // Alias used by i18n.tsx
-                    $webapp: path.resolve("../../webapp"),
+            plugins: [
+                // Needed for counterpart to work
+                nodePolyfills({ include: ["util"], globals: { global: false } }),
+                {
+                    name: "language-middleware",
+                    configureServer(server) {
+                        server.middlewares.use((req, res, next) => {
+                            if (req.url === "/i18n/languages.json") {
+                                // Dynamically generate a languages.json file based on what files are available
+                                res.setHeader("Content-Type", "application/json");
+                                res.end(JSON.stringify(languages));
+                            } else if (req.url?.startsWith("/i18n/")) {
+                                // Serve the individual language files, which annoyingly can't be a simple
+                                // static dir because the directory structure in src doesn't match what
+                                // the app requests.
+                                const langFile = req.url.split("/").pop();
+                                res.setHeader("Content-Type", "application/json");
+                                fs.createReadStream(`src/i18n/strings/${langFile}`).pipe(res);
+                            } else {
+                                next();
+                            }
+                        });
+                    },
                 },
-            },
-            // Needed for counterpart to work
-            plugins: [nodePolyfills({ include: ["process", "util"] })],
+            ],
             server: {
                 allowedHosts: ["localhost", ".docker.internal"],
             },
@@ -42,5 +88,9 @@ const config: StorybookConfig = {
             url: "https://element-hq.github.io/compound-web/",
         },
     },
+    env: (config) => ({
+        ...config,
+        STORYBOOK_LANGUAGES: JSON.stringify(Object.keys(languages)),
+    }),
 };
 export default config;
diff --git a/packages/shared-components/.storybook/preview.tsx b/packages/shared-components/.storybook/preview.tsx
index 91a6df646e..f3be0a8e88 100644
--- a/packages/shared-components/.storybook/preview.tsx
+++ b/packages/shared-components/.storybook/preview.tsx
@@ -1,6 +1,6 @@
 import type { ArgTypes, Preview, Decorator, ReactRenderer, StrictArgs } from "@storybook/react-vite";
 
-import "../../../res/css/shared.pcss";
+import "./compound.css";
 import "./preview.css";
 import React, { useLayoutEffect } from "react";
 import { setLanguage } from "../src/utils/i18n";
@@ -80,7 +80,7 @@ const withI18nProvider: Decorator = (Story) => {
 };
 
 const preview: Preview = {
-    tags: ["autodocs"],
+    tags: ["autodocs", "snapshot"],
     decorators: [withThemeProvider, withTooltipProvider, withI18nProvider],
     parameters: {
         options: {
diff --git a/packages/shared-components/.storybook/test-runner.ts b/packages/shared-components/.storybook/test-runner.ts
deleted file mode 100644
index 5f0748115a..0000000000
--- a/packages/shared-components/.storybook/test-runner.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import { waitForPageReady, TestRunnerConfig } from "@storybook/test-runner";
-import { toMatchImageSnapshot } from "jest-image-snapshot";
-
-const customSnapshotsDir = `${process.cwd()}/playwright/snapshots/`;
-const customReceivedDir = `${process.cwd()}/playwright/received/`;
-
-const config: TestRunnerConfig = {
-    setup() {
-        expect.extend({ toMatchImageSnapshot });
-    },
-    async postVisit(page, context) {
-        await waitForPageReady(page);
-
-        // If you want to take screenshot of multiple browsers, use
-        // page.context().browser().browserType().name() to get the browser name to prefix the file name
-        const image = await page.screenshot();
-        expect(image).toMatchImageSnapshot({
-            customSnapshotsDir,
-            customSnapshotIdentifier: `${context.id}-${process.platform}`,
-            storeReceivedOnFailure: true,
-            customReceivedDir,
-            customDiffDir: customReceivedDir,
-        });
-    },
-};
-
-export default config;
diff --git a/packages/shared-components/.storybook/vitest.setup.ts b/packages/shared-components/.storybook/vitest.setup.ts
new file mode 100644
index 0000000000..7a2eef0d86
--- /dev/null
+++ b/packages/shared-components/.storybook/vitest.setup.ts
@@ -0,0 +1,36 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
+import { setProjectAnnotations } from "@storybook/react-vite";
+import { vis, visAnnotations } from "storybook-addon-vis/vitest-setup";
+
+import * as projectAnnotations from "./preview.tsx";
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+setProjectAnnotations([a11yAddonAnnotations, projectAnnotations, visAnnotations]);
+
+vis.setup({
+    async auto() {
+        const style = document.createElement("style");
+        style.setAttribute("type", "text/css");
+        style.appendChild(
+            document.createTextNode(`
+                /* Inhibit all animations for the screenshot to be more stable */
+                *, *::before, *::after {
+                    animation: none !important;
+                }
+                /* Hide all storybook elements */
+                .sb-wrapper {
+                    visibility: hidden !important;
+                }
+            `),
+        );
+        document.head.appendChild(style);
+    },
+});
diff --git a/packages/shared-components/README.md b/packages/shared-components/README.md
new file mode 100644
index 0000000000..0c3afa99d8
--- /dev/null
+++ b/packages/shared-components/README.md
@@ -0,0 +1,350 @@
+# @element-hq/web-shared-components
+
+Shared React components library for Element Web, Aurora, Element
+modules... This package provides opinionated UI components built on top of the
+[Compound Design System](https://compound.element.io) and [Compound
+Web](https://github.com/element-hq/compound-web). This is not a design system
+by itself, but rather a set of larger components.
+
+## Installation in a new project
+
+When adding this library to a new project, as well as installing
+`@element-hq/web-shared-components` as normal, you will also need to add
+[compound-web](https://github.com/element-hq/compound-web) as a peer
+dependency:
+
+```bash
+yarn add @element-hq/web-shared-components
+yarn add @vector-im/compound-web
+```
+
+(This avoids problems where we end up with different versions of compound-web in the
+top-level project and web-shared-components).
+
+## Usage
+
+### Basic Import
+
+Both JavaScript and CSS can be imported as follows:
+
+```javascript
+import { RoomListHeaderView, useViewModel } from "@element-hq/web-shared-components";
+import "@element-hq/web-shared-components/dist/element-web-shared-components.css";
+```
+
+or in CSS file:
+
+```css
+@import url("@element-hq/web-shared-components");
+```
+
+### Using Components
+
+There are two kinds of components in this library:
+
+- _regular_ react component which doesn't follow specific pattern.
+- _view_ component(MVVM pattern).
+
+> [!TIP]
+> These components are available in the project storybook.
+
+#### Regular Components
+
+These components can be used directly by passing props. Example:
+
+```tsx
+import { Flex } from "@element-hq/web-shared-components";
+function MyApp() {
+    return <Flex align="center" />;
+}
+```
+
+#### View (MVVM) Components
+
+These components follow the [MVVM pattern](../../docs/MVVM.md). A ViewModel
+instance should be provided as a prop.
+
+Here's a basic example:
+
+```jsx
+import { ViewExample } from "@element-hq/web-shared-components";
+
+function MyApp() {
+    const viewModel = new ViewModelExample();
+    return <ViewExample vm={viewModel} />;
+}
+```
+
+### Utilities
+
+#### Internationalization
+
+- `useI18n()` - Hook for translations
+- `I18nApi` - Internationalization API utilities
+
+#### Date & Time
+
+- `DateUtils` - Date formatting and manipulation
+- `humanize` - Human-readable time formatting
+
+#### Formatting
+
+- `FormattingUtils` - Text and data formatting utilities
+- `numbers` - Number formatting utilities
+
+## Development
+
+### Prerequisites
+
+- Node.js >= 20.0.0
+- Yarn 1.22.22+
+
+### Setup
+
+```bash
+# Install dependencies
+yarn install
+
+# Build the library
+yarn prepare
+```
+
+### Running Storybook
+
+```bash
+yarn storybook
+```
+
+### Write components
+
+Most components should be written as [MVVM pattern](../../docs/MVVM.md) view
+components. See existing components for examples. The exceptions are low level
+components that don't need a view model.
+
+### Write Storybook Stories
+
+All components should have accompanying Storybook stories for documentation and visual testing. Stories are written in TypeScript using the [Component Story Format (CSF)](https://storybook.js.org/docs/api/csf).
+
+#### Story File Structure
+
+Place the story file next to the component with the `.stories.tsx` extension:
+
+```
+MyComponent/
+├── MyComponent.tsx
+├── MyComponent.module.css
+└── MyComponent.stories.tsx
+```
+
+#### Regular Component Stories
+
+For regular React components (non-MVVM), create stories by defining a meta object and story variations:
+
+```tsx
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { fn } from "storybook/test";
+import { MyComponent } from "./MyComponent";
+
+const meta = {
+    title: "Category/MyComponent",
+    component: MyComponent,
+    tags: ["autodocs"],
+    args: {
+        // Default args for all stories
+        label: "Default Label",
+        onClick: fn(), // Mock function for tracking interactions
+    },
+} satisfies Meta<typeof MyComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Default story uses the default args
+export const Default: Story = {};
+
+// Override specific args for variations
+export const WithCustomLabel: Story = {
+    args: {
+        label: "Custom Label",
+    },
+};
+
+export const Disabled: Story = {
+    args: {
+        disabled: true,
+    },
+};
+```
+
+#### MVVM Component Stories
+
+For MVVM components, create a wrapper component that uses `useMockedViewModel`:
+
+```tsx
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import { MyComponentView, type MyComponentViewSnapshot, type MyComponentViewActions } from "./MyComponentView";
+import { useMockedViewModel } from "../../useMockedViewModel";
+
+// Combine snapshot and actions for easier typing
+type MyComponentProps = MyComponentViewSnapshot & MyComponentViewActions;
+
+// Wrapper component that creates a mocked ViewModel
+const MyComponentViewWrapper = ({ onAction, ...rest }: MyComponentProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onAction,
+    });
+    return <MyComponentView vm={vm} />;
+};
+
+export default {
+    title: "Category/MyComponentView",
+    component: MyComponentViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        // Snapshot properties (state)
+        title: "Default Title",
+        isLoading: false,
+        // Action properties (callbacks)
+        onAction: fn(),
+    },
+} as Meta<typeof MyComponentViewWrapper>;
+
+const Template: StoryFn<typeof MyComponentViewWrapper> = (args) => <MyComponentViewWrapper {...args} />;
+
+export const Default = Template.bind({});
+
+export const Loading = Template.bind({});
+Loading.args = {
+    isLoading: true,
+};
+```
+
+Thanks to this approach, we can directly use primitives in the story arguments instead of a view model object.
+
+#### Linking Figma Designs
+
+This package uses [@storybook/addon-designs](https://github.com/storybookjs/addon-designs) to embed Figma designs directly in Storybook. This helps developers compare their implementation with the design specs.
+
+1. **Get the Figma URL**: Open your design in Figma, click "Share" → "Copy link"
+2. **Add to story parameters**: Include the `design` object in the meta's `parameters`
+3. **Supported URL formats**:
+    - File links: `https://www.figma.com/file/...`
+    - Design links: `https://www.figma.com/design/...`
+    - Specific node: `https://www.figma.com/design/...?node-id=123-456`
+
+Example with Figma integration:
+
+```tsx
+export default {
+    title: "Room List/RoomListSearchView",
+    component: RoomListSearchViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        // ... your args
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=98-1979",
+        },
+    },
+} as Meta<typeof RoomListSearchViewWrapper>;
+```
+
+The Figma design will appear in the "Design" tab in Storybook.
+
+#### Non-UI Utility Stories
+
+For utility functions, helpers, and other non-UI exports, create documentation stories using TSX format with TypeDoc-generated markdown.
+
+`src/utils/humanize.stories.tsx`
+
+```tsx
+import React from "react";
+import { Markdown } from "@storybook/addon-docs/blocks";
+
+import type { Meta } from "@storybook/react-vite";
+import humanizeTimeDoc from "../../typedoc/functions/humanizeTime.md?raw";
+
+const meta = {
+    title: "utils/humanize",
+    parameters: {
+        docs: {
+            page: () => (
+                <>
+                    <h1>humanize</h1>
+                    <Markdown>{humanizeTimeDoc}</Markdown>
+                </>
+            ),
+        },
+    },
+    tags: ["autodocs", "skip-test"],
+} satisfies Meta;
+
+export default meta;
+
+// Docs-only story - renders nothing but triggers autodocs
+export const Docs = {
+    render: () => null,
+};
+```
+
+> [!NOTE]
+> Be sure to include the `skip-test` tag in your utility stories to prevent them from running as visual tests.
+
+**Workflow:**
+
+1. Write TsDoc in your utility function
+2. Export the function from `src/index.ts`
+3. Run `yarn build:doc` to generate TypeDoc markdown
+4. Create a `.stories.tsx` file importing the generated markdown
+5. The documentation appears automatically in Storybook
+
+### Tests
+
+Two types of tests are available: unit tests and visual regression tests.
+
+### Unit Tests
+
+These tests cover the logic of the components and utilities. Built with Vitest
+and React Testing Library.
+
+```bash
+yarn test:unit
+```
+
+### Visual Regression Tests
+
+These tests ensure the UI components render correctly.
+Built with Storybook and run under vitest using playwright.
+
+```bash
+yarn test:storybook:update
+```
+
+Each story will be rendered and a screenshot will be taken and compared to the
+existing baseline. If there are visual changes or AXE violation, the test will
+fail.
+
+Screenshots are located in `packages/shared-components/__vis__/`.
+
+> [!IMPORTANT]
+> In case of docker issues with Playwright, see [playwright EW documentation](https://github.com/element-hq/element-web/blob/develop/docs/playwright.md#supported-container-runtimes).
+
+### Translations
+
+First see our [translation guide](../../docs/translating.md) and [translation dev guide](../../docs/translating-dev.md).
+To generate translation strings for this package, run:
+
+```bash
+yarn i18n
+```
+
+## Publish a new version
+
+Two steps are required to publish a new version of this package:
+
+1. Bump the version in `package.json` following semver rules and open a PR.
+2. Once merged run the [github workflow](https://github.com/element-hq/element-web/actions/workflows/shared-component-publish.yaml)
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..7de0a32d50
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/has-error-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/has-error-auto.png
new file mode 100644
index 0000000000..1b867daf22
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/has-error-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/no-media-name-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/no-media-name-auto.png
new file mode 100644
index 0000000000..da721483de
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/no-media-name-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/no-size-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/no-size-auto.png
new file mode 100644
index 0000000000..0e6321ef4a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/AudioPlayerView/AudioPlayerView.stories.tsx/no-size-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..f53a9d0f89
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/lot-of-seconds-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/lot-of-seconds-auto.png
new file mode 100644
index 0000000000..34f40b8165
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/Clock/Clock.stories.tsx/lot-of-seconds-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..9ee24b5c55
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/playing-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/playing-auto.png
new file mode 100644
index 0000000000..4e432ba9b7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/PlayPauseButton/PlayPauseButton.stories.tsx/playing-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/SeekBar/SeekBar.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/SeekBar/SeekBar.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..2d275e14bb
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/SeekBar/SeekBar.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/audio/SeekBar/SeekBar.stories.tsx/disabled-auto.png b/packages/shared-components/__vis__/linux/__baselines__/audio/SeekBar/SeekBar.stories.tsx/disabled-auto.png
new file mode 100644
index 0000000000..bd3a4ac90b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/audio/SeekBar/SeekBar.stories.tsx/disabled-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..3733a95b01
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/critical-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/critical-auto.png
new file mode 100644
index 0000000000..afe84b3579
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/critical-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..3e3bca2a35
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/info-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/info-auto.png
new file mode 100644
index 0000000000..023e6af54c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/info-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/success-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/success-auto.png
new file mode 100644
index 0000000000..9b6d88e610
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/success-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-action-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-action-auto.png
new file mode 100644
index 0000000000..c2e523db13
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-action-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png
new file mode 100644
index 0000000000..994a3426f6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-loads-of-content-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-loads-of-content-auto.png
new file mode 100644
index 0000000000..68d4d0f60e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-loads-of-content-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/without-close-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/without-close-auto.png
new file mode 100644
index 0000000000..13a4980352
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/without-close-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..a79770445e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..0c58b2b70c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/worst-case-albanian-auto.png b/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/worst-case-albanian-auto.png
new file mode 100644
index 0000000000..c57847ce6b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/worst-case-albanian-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/worst-case-german-auto.png b/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/worst-case-german-auto.png
new file mode 100644
index 0000000000..e230daefef
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/crypto/SasEmoji/SasEmoji.stories.tsx/worst-case-german-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..1bb98ff6da
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/has-children-auto.png b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/has-children-auto.png
new file mode 100644
index 0000000000..b7509b00a1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/has-children-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/has-lock-solid-icon-auto.png b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/has-lock-solid-icon-auto.png
new file mode 100644
index 0000000000..99683701c9
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/has-lock-solid-icon-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/is-crypto-event-bubble-auto.png b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/is-crypto-event-bubble-auto.png
new file mode 100644
index 0000000000..2767b4dd1c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/EventTileBubble/EventTileBubble.stories.tsx/is-crypto-event-bubble-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/event-tiles/TextualEventView/TextualEventView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/TextualEventView/TextualEventView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..7f7b1736bc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/event-tiles/TextualEventView/TextualEventView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..78ab5b60ea
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-false-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-false-auto.png
new file mode 100644
index 0000000000..5752391671
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-false-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-true-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-true-auto.png
new file mode 100644
index 0000000000..78ab5b60ea
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-backup-configured-verified-true-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-block-icon-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-block-icon-auto.png
new file mode 100644
index 0000000000..d1c5f6f7c0
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-block-icon-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-class-name-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-class-name-auto.png
new file mode 100644
index 0000000000..b5f7f810de
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-error-class-name-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-extra-class-names-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-extra-class-names-auto.png
new file mode 100644
index 0000000000..78ab5b60ea
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx/has-extra-class-names-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/MediaBody/MediaBody.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/MediaBody/MediaBody.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..e229052444
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/MediaBody/MediaBody.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..1bd6b0e55a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/many-senders-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/many-senders-auto.png
new file mode 100644
index 0000000000..8776eee112
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/many-senders-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/no-tooltip-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/no-tooltip-auto.png
new file mode 100644
index 0000000000..04edc17bee
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/no-tooltip-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/without-caption-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/without-caption-auto.png
new file mode 100644
index 0000000000..4d75f74cb5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx/without-caption-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..9cc04c2006
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-date-event-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-date-event-auto.png
new file mode 100644
index 0000000000..88f95f804f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-date-event-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-html-child-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-html-child-auto.png
new file mode 100644
index 0000000000..6be0311bab
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-html-child-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-late-event-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-late-event-auto.png
new file mode 100644
index 0000000000..a9d968d969
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/with-late-event-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/without-children-auto.png b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/without-children-auto.png
new file mode 100644
index 0000000000..2e132bb28b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/message-body/TimelineSeparator/TimelineSeparator.stories.tsx/without-children-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/pill-input/Pill/Pill.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/pill-input/Pill/Pill.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..c849fa7c0e
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/pill-input/Pill/Pill.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/pill-input/Pill/Pill.stories.tsx/without-close-button-auto.png b/packages/shared-components/__vis__/linux/__baselines__/pill-input/Pill/Pill.stories.tsx/without-close-button-auto.png
new file mode 100644
index 0000000000..c3f7c0d041
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/pill-input/Pill/Pill.stories.tsx/without-close-button-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/pill-input/PillInput/PillInput.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/pill-input/PillInput/PillInput.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..992bc2713c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/pill-input/PillInput/PillInput.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/pill-input/PillInput/PillInput.stories.tsx/no-child-auto.png b/packages/shared-components/__vis__/linux/__baselines__/pill-input/PillInput/PillInput.stories.tsx/no-child-auto.png
new file mode 100644
index 0000000000..cf7fd6ed38
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/pill-input/PillInput/PillInput.stories.tsx/no-child-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..43df9d7ffc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/hover-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/hover-auto.png
new file mode 100644
index 0000000000..43df9d7ffc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/hover-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/selected-auto.png
new file mode 100644
index 0000000000..54f9f9d172
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/separator-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/separator-auto.png
new file mode 100644
index 0000000000..277400aa56
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/separator-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/without-timestamp-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/without-timestamp-auto.png
new file mode 100644
index 0000000000..815ab86b1d
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichItem/RichItem.stories.tsx/without-timestamp-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichList/RichList.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichList/RichList.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..c91ac330b1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichList/RichList.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichList/RichList.stories.tsx/empty-auto.png b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichList/RichList.stories.tsx/empty-auto.png
new file mode 100644
index 0000000000..7610eb2b09
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/rich-list/RichList/RichList.stories.tsx/empty-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..27dc35b48c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx/only-basic-modification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx/only-basic-modification-auto.png
new file mode 100644
index 0000000000..1efbec2117
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx/only-basic-modification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..0510570c85
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/no-compose-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/no-compose-menu-auto.png
new file mode 100644
index 0000000000..62a6db0401
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/no-compose-menu-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/no-space-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/no-space-menu-auto.png
new file mode 100644
index 0000000000..3396e4d7af
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx/no-space-menu-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/activity-indicator-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/activity-indicator-auto.png
new file mode 100644
index 0000000000..6ac546adbc
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/activity-indicator-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/invited-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/invited-auto.png
new file mode 100644
index 0000000000..cfd3f0f556
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/invited-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/mention-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/mention-auto.png
new file mode 100644
index 0000000000..bacce8176c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/mention-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/mention-with-count-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/mention-with-count-auto.png
new file mode 100644
index 0000000000..571b86c600
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/mention-with-count-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/muted-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/muted-auto.png
new file mode 100644
index 0000000000..d4dbca6e39
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/muted-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/muted-without-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/muted-without-activity-auto.png
new file mode 100644
index 0000000000..d4dbca6e39
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/muted-without-activity-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/no-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/no-notification-auto.png
new file mode 100644
index 0000000000..9f58a62407
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/no-notification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/notification-with-count-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/notification-with-count-auto.png
new file mode 100644
index 0000000000..0c2c4bbe5a
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/notification-with-count-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/unsent-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/unsent-message-auto.png
new file mode 100644
index 0000000000..c2bcf320c5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/unsent-message-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-auto.png
new file mode 100644
index 0000000000..9a6f8b5b35
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png
new file mode 100644
index 0000000000..9a6f8b5b35
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/voice-call-auto.png
new file mode 100644
index 0000000000..86f5cde837
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx/voice-call-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/bold-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/bold-auto.png
new file mode 100644
index 0000000000..7c5fa14a48
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/bold-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..e045a22515
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/invitation-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/invitation-auto.png
new file mode 100644
index 0000000000..b9613435e8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/invitation-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/no-message-preview-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/no-message-preview-auto.png
new file mode 100644
index 0000000000..c1caeadc05
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/no-message-preview-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/selected-auto.png
new file mode 100644
index 0000000000..c44d733d2f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/unsent-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/unsent-message-auto.png
new file mode 100644
index 0000000000..30ad387147
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/unsent-message-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-hover-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-hover-menu-auto.png
new file mode 100644
index 0000000000..e045a22515
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-hover-menu-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-mention-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-mention-auto.png
new file mode 100644
index 0000000000..345a8775f8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-mention-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-notification-auto.png
new file mode 100644
index 0000000000..d6ff5c8493
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/with-notification-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/without-hover-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/without-hover-menu-auto.png
new file mode 100644
index 0000000000..e045a22515
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItem/RoomListItem.stories.tsx/without-hover-menu-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..95078643c6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/narrow-container-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/narrow-container-auto.png
new file mode 100644
index 0000000000..08f95e5684
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/narrow-container-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/narrow-with-active-wrapping-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/narrow-with-active-wrapping-filter-auto.png
new file mode 100644
index 0000000000..a9d71aeb4f
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/narrow-with-active-wrapping-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/no-filters-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/no-filters-auto.png
new file mode 100644
index 0000000000..9f58a62407
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/no-filters-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/people-selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/people-selected-auto.png
new file mode 100644
index 0000000000..44c69d4b65
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx/people-selected-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/all-buttons-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/all-buttons-auto.png
new file mode 100644
index 0000000000..3c16c7aac7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/all-buttons-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..0d390fb218
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/with-dial-pad-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/with-dial-pad-auto.png
new file mode 100644
index 0000000000..3c16c7aac7
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/with-dial-pad-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/without-explore-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/without-explore-auto.png
new file mode 100644
index 0000000000..3fa2ac2799
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSearchView/RoomListSearchView.stories.tsx/without-explore-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..980c20f8f5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-auto.png
new file mode 100644
index 0000000000..65f8c7b203
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-favourite-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-favourite-filter-auto.png
new file mode 100644
index 0000000000..6b342ecc84
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-favourite-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-invites-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-invites-filter-auto.png
new file mode 100644
index 0000000000..f6e995e46b
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-invites-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-low-priority-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-low-priority-filter-auto.png
new file mode 100644
index 0000000000..af7e857088
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-low-priority-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-mentions-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-mentions-filter-auto.png
new file mode 100644
index 0000000000..a654ab1e94
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-mentions-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-people-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-people-filter-auto.png
new file mode 100644
index 0000000000..1ff8fed3ea
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-people-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-rooms-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-rooms-filter-auto.png
new file mode 100644
index 0000000000..5a6cbf6cae
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-rooms-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-unread-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-unread-filter-auto.png
new file mode 100644
index 0000000000..2d829787b2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-unread-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-without-create-permission-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-without-create-permission-auto.png
new file mode 100644
index 0000000000..fac07b40c4
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/empty-without-create-permission-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-list-auto.png
new file mode 100644
index 0000000000..980c20f8f5
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/large-list-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/loading-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/loading-auto.png
new file mode 100644
index 0000000000..bace5dba52
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/loading-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-list-auto.png
new file mode 100644
index 0000000000..dd4d0a4bac
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/small-list-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/with-active-filter-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/with-active-filter-auto.png
new file mode 100644
index 0000000000..c8087956e2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/with-active-filter-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/with-selection-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/with-selection-auto.png
new file mode 100644
index 0000000000..ba35806f60
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/with-selection-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..0447c2d348
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/invited-history-visibility-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/invited-history-visibility-auto.png
new file mode 100644
index 0000000000..27ae2f14a1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/invited-history-visibility-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/joined-history-visibility-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/joined-history-visibility-auto.png
new file mode 100644
index 0000000000..086460d8e6
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/joined-history-visibility-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/shared-history-visibility-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/shared-history-visibility-auto.png
new file mode 100644
index 0000000000..2b47574de8
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/shared-history-visibility-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/world-readable-history-visibility-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/world-readable-history-visibility-auto.png
new file mode 100644
index 0000000000..76a4eaf89c
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx/world-readable-history-visibility-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-connection-lost-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-connection-lost-auto.png
new file mode 100644
index 0000000000..cf66b145d0
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-connection-lost-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-consent-link-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-consent-link-auto.png
new file mode 100644
index 0000000000..ec27e69163
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-consent-link-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-local-room-retry-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-local-room-retry-auto.png
new file mode 100644
index 0000000000..eab66ee802
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-local-room-retry-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-resource-limit-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-resource-limit-auto.png
new file mode 100644
index 0000000000..74ab83fab2
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-resource-limit-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-unsent-messages-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-unsent-messages-auto.png
new file mode 100644
index 0000000000..a08a9d4155
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-unsent-messages-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-unsent-messages-sending-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-unsent-messages-sending-auto.png
new file mode 100644
index 0000000000..4c8736bcec
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/room/RoomStatusBar/RoomStatusBarView.stories.tsx/with-unsent-messages-sending-auto.png differ
diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/VirtualizedList/VirtualizedList.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/VirtualizedList/VirtualizedList.stories.tsx/default-auto.png
new file mode 100644
index 0000000000..c71aaab6b1
Binary files /dev/null and b/packages/shared-components/__vis__/linux/__baselines__/utils/VirtualizedList/VirtualizedList.stories.tsx/default-auto.png differ
diff --git a/packages/shared-components/babel.config.js b/packages/shared-components/babel.config.js
deleted file mode 100644
index 02ff2e43fe..0000000000
--- a/packages/shared-components/babel.config.js
+++ /dev/null
@@ -1,21 +0,0 @@
-module.exports = {
-    sourceMaps: true,
-    presets: [
-        [
-            "@babel/preset-env",
-            {
-                include: ["@babel/plugin-transform-class-properties"],
-            },
-        ],
-        ["@babel/preset-typescript", { allowDeclareFields: true }],
-        "@babel/preset-react",
-    ],
-    plugins: [
-        "@babel/plugin-proposal-export-default-from",
-        "@babel/plugin-transform-numeric-separator",
-        "@babel/plugin-transform-object-rest-spread",
-        "@babel/plugin-transform-optional-chaining",
-        "@babel/plugin-transform-nullish-coalescing-operator",
-        "@babel/plugin-transform-runtime",
-    ],
-};
diff --git a/packages/shared-components/jest.config.ts b/packages/shared-components/jest.config.ts
deleted file mode 100644
index 30a96a6cb1..0000000000
--- a/packages/shared-components/jest.config.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
-Copyright 2025 Element Creations Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import { env } from "process";
-
-import type { Config } from "jest";
-
-const config: Config = {
-    testEnvironment: "jsdom",
-    testEnvironmentOptions: {
-        url: "http://localhost/",
-    },
-    testMatch: ["<rootDir>/src/**/*.test.[tj]s?(x)"],
-    setupFilesAfterEnv: ["<rootDir>/src/test/setupTests.ts"],
-    moduleNameMapper: {
-        // Support CSS module
-        "\\.(module.css)$": "identity-obj-proxy",
-        "\\.(css|scss|pcss)$": "<rootDir>/__mocks__/cssMock.js",
-        "\\.(gif|png|ttf|woff2)$": "<rootDir>/__mocks__/imageMock.js",
-        "\\.svg$": "<rootDir>/__mocks__/svg.js",
-        "\\$webapp/i18n/languages.json": "<rootDir>/../../__mocks__/languages.json",
-        "^react$": "<rootDir>/node_modules/react",
-        "^react-dom$": "<rootDir>/node_modules/react-dom",
-        "waveWorker\\.min\\.js": "<rootDir>/__mocks__/empty.js",
-        "context-filter-polyfill": "<rootDir>/__mocks__/empty.js",
-        "workers/(.+)Factory": "<rootDir>/__mocks__/workerFactoryMock.js",
-    },
-    transformIgnorePatterns: [
-        "/node_modules/(?!(mime|matrix-js-sdk|uuid|p-retry|is-network-error|react-merge-refs|@storybook|storybook)).+$",
-    ],
-    collectCoverageFrom: [
-        "<rootDir>/src/**/*.{js,ts,tsx}",
-        "<rootDir>/packages/**/*.{js,ts,tsx}",
-        // Coverage chokes on type definition files
-        "!<rootDir>/src/**/*.d.ts",
-    ],
-    coverageReporters: ["text-summary", "lcov"],
-    testResultsProcessor: "@casualbot/jest-sonar-reporter",
-    prettierPath: null,
-    moduleDirectories: ["node_modules", "./src/test/utils"],
-};
-
-// if we're running under GHA, enable the GHA reporter
-if (env["GITHUB_ACTIONS"] !== undefined) {
-    const reporters: Config["reporters"] = [["github-actions", { silent: false }], "summary"];
-
-    // if we're running against the develop branch, also enable the slow test reporter
-    if (env["GITHUB_REF"] == "refs/heads/develop") {
-        reporters.push("<rootDir>/../../test/slowReporter.cjs");
-    }
-    config.reporters = reporters;
-}
-
-export default config;
diff --git a/packages/shared-components/package.json b/packages/shared-components/package.json
index 38c186a243..fa29558335 100644
--- a/packages/shared-components/package.json
+++ b/packages/shared-components/package.json
@@ -1,23 +1,24 @@
 {
     "name": "@element-hq/web-shared-components",
-    "version": "0.0.0-test.12",
+    "version": "0.0.2",
     "description": "Shared components for Element",
     "author": "New Vector Ltd.",
     "repository": {
         "type": "git",
         "url": "https://github.com/element-hq/element-web"
     },
+    "type": "module",
     "exports": {
         ".": {
             "require": {
                 "style": "./dist/element-web-shared-components.css",
                 "types": "./dist/element-web-shared-components.d.ts",
-                "default": "./dist/element-web-shared-components.umd.js"
+                "default": "./dist/element-web-shared-components.umd.cjs"
             },
             "import": {
                 "style": "./dist/element-web-shared-components.css",
                 "types": "./dist/element-web-shared-components.d.ts",
-                "default": "./dist/element-web-shared-components.mjs"
+                "default": "./dist/element-web-shared-components.js"
             }
         },
         "./dist/element-web-shared-components.css": {
@@ -34,65 +35,92 @@
         "package.json"
     ],
     "scripts": {
-        "test": "jest",
-        "prepare": "patch-package && yarn --cwd ../.. build:res && node scripts/gatherTranslationKeys.ts && vite build",
+        "i18n": "matrix-gen-i18n src && yarn i18n:sort && yarn i18n:lint",
+        "i18n:sort": "matrix-sort-i18n src/i18n/strings/en_EN.json",
+        "i18n:lint": "matrix-i18n-lint && prettier --log-level=silent --write src/i18n/strings/ --ignore-path /dev/null",
+        "test:unit": "vitest --project=unit",
+        "test:storybook": "yarn build:doc && vitest --project=storybook",
+        "test:storybook:update": "playwright-screenshots --entrypoint /work/scripts/storybook-screenshot-update.sh --with-node-modules",
+        "prepare": "patch-package && vite build",
         "storybook": "storybook dev -p 6007",
-        "build-storybook": "storybook build",
+        "build:storybook": "yarn build:doc && storybook build && node scripts/storybook-build-i18n.ts",
+        "build:doc": "typedoc",
         "lint": "yarn lint:types && yarn lint:js",
         "lint:js": "eslint --max-warnings 0 src && prettier --check .",
-        "lint:types": "tsc --noEmit --jsx react",
-        "test:storybook": "test-storybook --url http://localhost:6007/",
-        "test:storybook:ci": "concurrently -k -s first -n \"SB,TEST\" \"yarn storybook --no-open\" \"wait-on tcp:6007 && yarn test-storybook --url http://localhost:6007/ --ci --maxWorkers=2\"",
-        "test:storybook:update": "playwright-screenshots --entrypoint /work/scripts/storybook-screenshot-update.sh --with-node-modules"
-    },
-    "resolutions": {
-        "playwright": "1.57.0"
+        "lint:types": "tsc --noEmit && tsc --noEmit -p tsconfig.node.json"
     },
     "dependencies": {
         "@element-hq/element-web-module-api": "^1.8.0",
-        "@vector-im/compound-design-tokens": "^6.3.0",
+        "@matrix-org/spec": "^1.7.0",
+        "@vector-im/compound-design-tokens": "^6.4.3",
         "classnames": "^2.5.1",
         "counterpart": "^0.18.6",
         "lodash": "^4.17.21",
-        "matrix-web-i18n": "^3.4.0",
-        "patch-package": "^8.0.1",
+        "matrix-web-i18n": "3.6.0",
         "react-merge-refs": "^3.0.2",
+        "react-virtuoso": "^4.14.0",
         "temporal-polyfill": "^0.3.0"
     },
     "devDependencies": {
-        "@element-hq/element-web-playwright-common": "^2.0.0",
-        "@playwright/test": "1.57.0",
+        "@element-hq/element-web-playwright-common": "2.2.5",
+        "@fetch-mock/vitest": "^0.2.18",
+        "@matrix-org/react-sdk-module-api": "^2.5.0",
+        "@playwright/test": "1.58.1",
         "@storybook/addon-a11y": "^10.0.7",
         "@storybook/addon-designs": "^11.0.1",
         "@storybook/addon-docs": "^10.0.7",
+        "@storybook/addon-vitest": "^10.1.11",
         "@storybook/icons": "^2.0.0",
         "@storybook/react-vite": "^10.0.7",
-        "@storybook/test-runner": "^0.24.1",
+        "@stylistic/eslint-plugin": "^5.7.0",
         "@testing-library/dom": "^10.4.1",
-        "@testing-library/react": "^16.3.0",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.2",
+        "@testing-library/user-event": "^14.6.1",
         "@types/counterpart": "^0.18.4",
-        "@types/jest-image-snapshot": "^6.4.0",
         "@types/lodash": "^4.17.20",
         "@types/react": "^19.2.2",
-        "concurrently": "^9.2.1",
+        "@types/react-dom": "^19.2.3",
+        "@typescript-eslint/eslint-plugin": "^8.53.1",
+        "@typescript-eslint/parser": "^8.53.1",
+        "@vector-im/compound-web": "^8.3.6",
+        "@vitejs/plugin-react": "^5.1.2",
+        "@vitest/browser-playwright": "^4.0.17",
+        "@vitest/coverage-v8": "^4.0.17",
+        "@vitest/ui": "^4.0.17",
         "eslint": "8",
+        "eslint-config-google": "^0.14.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-deprecate": "^0.8.7",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
         "eslint-plugin-matrix-org": "^3.0.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-compiler": "^19.1.0-rc.2",
+        "eslint-plugin-react-hooks": "^7.0.1",
         "eslint-plugin-storybook": "^10.0.7",
-        "jest": "^30.2.0",
-        "jest-image-snapshot": "^6.5.1",
+        "eslint-plugin-unicorn": "^56.0.0",
+        "expect": "^30.2.0",
         "patch-package": "^8.0.1",
         "prettier": "^3.6.2",
         "storybook": "^10.0.7",
+        "storybook-addon-vis": "^3.1.2",
+        "typedoc": "^0.28.16",
+        "typedoc-plugin-markdown": "^4.9.0",
+        "typedoc-plugin-missing-exports": "^4.1.2",
         "typescript": "^5.9.3",
-        "vite": "^7.1.9",
+        "vite": "^7.3.1",
         "vite-plugin-dts": "^4.5.4",
-        "vite-plugin-node-polyfills": "^0.24.0"
+        "vite-plugin-node-polyfills": "^0.25.0",
+        "vitest": "^4.0.18",
+        "vitest-browser-react": "^2.0.2",
+        "vitest-sonar-reporter": "^3.0.0"
     },
     "engines": {
         "node": ">=20.0.0"
     },
     "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
     "peerDependencies": {
-        "@vector-im/compound-web": "^8.2.5"
+        "@vector-im/compound-web": "^8.3.5"
     }
 }
diff --git a/packages/shared-components/playwright/snapshots/audio-audioplayerview--default-linux.png b/packages/shared-components/playwright/snapshots/audio-audioplayerview--default-linux.png
deleted file mode 100644
index e4d6a84d23..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-audioplayerview--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-audioplayerview--has-error-linux.png b/packages/shared-components/playwright/snapshots/audio-audioplayerview--has-error-linux.png
deleted file mode 100644
index 36684675f7..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-audioplayerview--has-error-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-audioplayerview--no-media-name-linux.png b/packages/shared-components/playwright/snapshots/audio-audioplayerview--no-media-name-linux.png
deleted file mode 100644
index c46e59ac21..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-audioplayerview--no-media-name-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-audioplayerview--no-size-linux.png b/packages/shared-components/playwright/snapshots/audio-audioplayerview--no-size-linux.png
deleted file mode 100644
index 928f6f0197..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-audioplayerview--no-size-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-clock--default-linux.png b/packages/shared-components/playwright/snapshots/audio-clock--default-linux.png
deleted file mode 100644
index be66f4b70c..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-clock--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-clock--lot-of-seconds-linux.png b/packages/shared-components/playwright/snapshots/audio-clock--lot-of-seconds-linux.png
deleted file mode 100644
index b4879e1a0c..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-clock--lot-of-seconds-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-playpausebutton--default-linux.png b/packages/shared-components/playwright/snapshots/audio-playpausebutton--default-linux.png
deleted file mode 100644
index 8c8baa7a65..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-playpausebutton--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-playpausebutton--playing-linux.png b/packages/shared-components/playwright/snapshots/audio-playpausebutton--playing-linux.png
deleted file mode 100644
index 53d58a4c2f..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-playpausebutton--playing-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-seekbar--default-linux.png b/packages/shared-components/playwright/snapshots/audio-seekbar--default-linux.png
deleted file mode 100644
index 60e51020cf..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-seekbar--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/audio-seekbar--disabled-linux.png b/packages/shared-components/playwright/snapshots/audio-seekbar--disabled-linux.png
deleted file mode 100644
index 128f7e2ee5..0000000000
Binary files a/packages/shared-components/playwright/snapshots/audio-seekbar--disabled-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/avatar-avatarwithdetails--default-linux.png b/packages/shared-components/playwright/snapshots/avatar-avatarwithdetails--default-linux.png
deleted file mode 100644
index ae339219e5..0000000000
Binary files a/packages/shared-components/playwright/snapshots/avatar-avatarwithdetails--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/composer-historyvisiblebannerview--default-linux.png b/packages/shared-components/playwright/snapshots/composer-historyvisiblebannerview--default-linux.png
deleted file mode 100644
index 7ab93a0cb8..0000000000
Binary files a/packages/shared-components/playwright/snapshots/composer-historyvisiblebannerview--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/event-textualevent--default-linux.png b/packages/shared-components/playwright/snapshots/event-textualevent--default-linux.png
index 16855e8448..ede4361ae3 100644
Binary files a/packages/shared-components/playwright/snapshots/event-textualevent--default-linux.png and b/packages/shared-components/playwright/snapshots/event-textualevent--default-linux.png differ
diff --git a/packages/shared-components/playwright/snapshots/messagebody-mediabody--default-linux.png b/packages/shared-components/playwright/snapshots/messagebody-mediabody--default-linux.png
deleted file mode 100644
index 56b8072d2d..0000000000
Binary files a/packages/shared-components/playwright/snapshots/messagebody-mediabody--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/pillinput-pill--default-linux.png b/packages/shared-components/playwright/snapshots/pillinput-pill--default-linux.png
deleted file mode 100644
index cd8eb65ba1..0000000000
Binary files a/packages/shared-components/playwright/snapshots/pillinput-pill--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/pillinput-pill--without-close-button-linux.png b/packages/shared-components/playwright/snapshots/pillinput-pill--without-close-button-linux.png
deleted file mode 100644
index 451de895dc..0000000000
Binary files a/packages/shared-components/playwright/snapshots/pillinput-pill--without-close-button-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/pillinput-pillinput--default-linux.png b/packages/shared-components/playwright/snapshots/pillinput-pillinput--default-linux.png
deleted file mode 100644
index 93bf6317a9..0000000000
Binary files a/packages/shared-components/playwright/snapshots/pillinput-pillinput--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/pillinput-pillinput--no-child-linux.png b/packages/shared-components/playwright/snapshots/pillinput-pillinput--no-child-linux.png
deleted file mode 100644
index a303e726b5..0000000000
Binary files a/packages/shared-components/playwright/snapshots/pillinput-pillinput--no-child-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richitem--default-linux.png b/packages/shared-components/playwright/snapshots/richlist-richitem--default-linux.png
deleted file mode 100644
index 9a5ad9eb0f..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richitem--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richitem--hover-linux.png b/packages/shared-components/playwright/snapshots/richlist-richitem--hover-linux.png
deleted file mode 100644
index 9a5ad9eb0f..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richitem--hover-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richitem--selected-linux.png b/packages/shared-components/playwright/snapshots/richlist-richitem--selected-linux.png
deleted file mode 100644
index f9c92b066f..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richitem--selected-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richitem--separator-linux.png b/packages/shared-components/playwright/snapshots/richlist-richitem--separator-linux.png
deleted file mode 100644
index a405f35902..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richitem--separator-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richitem--without-timestamp-linux.png b/packages/shared-components/playwright/snapshots/richlist-richitem--without-timestamp-linux.png
deleted file mode 100644
index de5ecda7c3..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richitem--without-timestamp-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richlist--default-linux.png b/packages/shared-components/playwright/snapshots/richlist-richlist--default-linux.png
deleted file mode 100644
index 7919f356df..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richlist--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/richlist-richlist--empty-linux.png b/packages/shared-components/playwright/snapshots/richlist-richlist--empty-linux.png
deleted file mode 100644
index f655ecab96..0000000000
Binary files a/packages/shared-components/playwright/snapshots/richlist-richlist--empty-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/rightpanel-widgetcontextmenuview--default-linux.png b/packages/shared-components/playwright/snapshots/rightpanel-widgetcontextmenuview--default-linux.png
new file mode 100644
index 0000000000..a210966744
Binary files /dev/null and b/packages/shared-components/playwright/snapshots/rightpanel-widgetcontextmenuview--default-linux.png differ
diff --git a/packages/shared-components/playwright/snapshots/rightpanel-widgetcontextmenuview--only-basic-modification-linux.png b/packages/shared-components/playwright/snapshots/rightpanel-widgetcontextmenuview--only-basic-modification-linux.png
new file mode 100644
index 0000000000..ec57d3d389
Binary files /dev/null and b/packages/shared-components/playwright/snapshots/rightpanel-widgetcontextmenuview--only-basic-modification-linux.png differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--critical-linux.png b/packages/shared-components/playwright/snapshots/room-banner--critical-linux.png
deleted file mode 100644
index d920c59664..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--critical-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--default-linux.png b/packages/shared-components/playwright/snapshots/room-banner--default-linux.png
deleted file mode 100644
index 39079994d2..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--info-linux.png b/packages/shared-components/playwright/snapshots/room-banner--info-linux.png
deleted file mode 100644
index 7d93288e42..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--info-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--success-linux.png b/packages/shared-components/playwright/snapshots/room-banner--success-linux.png
deleted file mode 100644
index 8417f0aee3..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--success-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--with-action-linux.png b/packages/shared-components/playwright/snapshots/room-banner--with-action-linux.png
deleted file mode 100644
index b3968f9db7..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--with-action-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--with-avatar-image-linux.png b/packages/shared-components/playwright/snapshots/room-banner--with-avatar-image-linux.png
deleted file mode 100644
index d015a12a00..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--with-avatar-image-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--with-loads-of-content-linux.png b/packages/shared-components/playwright/snapshots/room-banner--with-loads-of-content-linux.png
deleted file mode 100644
index 85372e48fa..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--with-loads-of-content-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png b/packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png
deleted file mode 100644
index 9645bd1d8a..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-banner--without-close-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--default-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--default-linux.png
new file mode 100644
index 0000000000..aa0e385a97
Binary files /dev/null and b/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--default-linux.png differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--no-compose-menu-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--no-compose-menu-linux.png
new file mode 100644
index 0000000000..4e67ae0129
Binary files /dev/null and b/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--no-compose-menu-linux.png differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--no-space-menu-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--no-space-menu-linux.png
new file mode 100644
index 0000000000..1466544712
Binary files /dev/null and b/packages/shared-components/playwright/snapshots/room-list-roomlistheaderview--no-space-menu-linux.png differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--all-buttons-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--all-buttons-linux.png
deleted file mode 100644
index 0d7f17d511..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--all-buttons-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--default-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--default-linux.png
deleted file mode 100644
index 2f41682551..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--default-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--with-dial-pad-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--with-dial-pad-linux.png
deleted file mode 100644
index 0d7f17d511..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--with-dial-pad-linux.png and /dev/null differ
diff --git a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--without-explore-linux.png b/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--without-explore-linux.png
deleted file mode 100644
index e3e14ccfb4..0000000000
Binary files a/packages/shared-components/playwright/snapshots/room-list-roomlistsearchview--without-explore-linux.png and /dev/null differ
diff --git a/packages/shared-components/scripts/gatherTranslationKeys.ts b/packages/shared-components/scripts/gatherTranslationKeys.ts
deleted file mode 100644
index 37812df33b..0000000000
--- a/packages/shared-components/scripts/gatherTranslationKeys.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
-Copyright 2025 Element Creations Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-// Gathers all the translation keys from element-web's en_EN.json into a TypeScript type definition file
-// that exports a type `TranslationKey` which is a union of all supported translation keys.
-// This prevents having to import the json file and make typescript do the work as this results in vite-dts
-// generating an import to the json file in the .d.ts which doesn't work at runtime: this way, the type
-// gets put into the bundle.
-// XXX: It should *not* be in the 'src' directory, being a generated file, but if it isn't then the type
-// bundler won't bundle the types and will leave the file as a relative import, which will break.
-
-import * as fs from "fs";
-import * as path from "path";
-import { dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const i18nStringsPath = path.resolve(__dirname, "../../../src/i18n/strings/en_EN.json");
-const outPath = path.resolve(__dirname, "../src/i18nKeys.d.ts");
-
-function gatherKeys(obj: any, prefix: string[] = []): string[] {
-    if (typeof obj !== "object" || obj === null) return [];
-    let keys: string[] = [];
-    for (const key of Object.keys(obj)) {
-        const value = obj[key];
-
-        // add the path (for both leaves and intermediates as then we include plurals)
-        keys.push([...prefix, key].join("|"));
-        if (typeof value === "object" && value !== null) {
-            // If the value is an object, recurse
-            keys = keys.concat(gatherKeys(value, [...prefix, key]));
-        }
-    }
-    return keys;
-}
-
-function main() {
-    const json = JSON.parse(fs.readFileSync(i18nStringsPath, "utf8"));
-    const keys = gatherKeys(json);
-    const typeDef =
-        "/*\n" +
-        " * Copyright 2025 Element Creations Ltd.\n" +
-        " *\n" +
-        " * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial\n" +
-        " * Please see LICENSE files in the repository root for full details.\n" +
-        " */\n" +
-        "\n" +
-        "// This file is auto-generated by gatherTranslationKeys.ts\n" +
-        "// Do not edit manually.\n\n" +
-        "export type TranslationKey =\n" +
-        keys.map((k) => `    | \"${k}\"`).join("\n") +
-        ";\n";
-    fs.mkdirSync(path.dirname(outPath), { recursive: true });
-    fs.writeFileSync(outPath, typeDef, "utf8");
-    console.log(`Wrote ${keys.length} keys to ${outPath}`);
-}
-
-if (import.meta.url.startsWith("file:")) {
-    const modulePath = fileURLToPath(import.meta.url);
-    if (process.argv[1] === modulePath) {
-        main();
-    }
-}
diff --git a/packages/shared-components/scripts/storybook-build-i18n.ts b/packages/shared-components/scripts/storybook-build-i18n.ts
new file mode 100644
index 0000000000..e0f6dbfb38
--- /dev/null
+++ b/packages/shared-components/scripts/storybook-build-i18n.ts
@@ -0,0 +1,85 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * Script to generate i18n files for Storybook build.
+ */
+
+import * as fs from "node:fs";
+import { createHash } from "node:crypto";
+
+// Base path for i18n strings
+const I18N_BASE_PATH = "./src/i18n/strings/";
+// Destination path for generated i18n files
+const I18N_DEST = "storybook-static/i18n/";
+
+// List of languages to include
+const INCLUDE_LANGS = [...new Set([...fs.readdirSync(I18N_BASE_PATH)])]
+    .filter((fn) => fn.endsWith(".json"))
+    .map((f) => f.slice(0, -5));
+
+// Check if dist exists
+if (!fs.existsSync("dist")) {
+    fs.mkdirSync("dist");
+}
+// Check if i18n exists
+if (!fs.existsSync(I18N_DEST)) {
+    fs.mkdirSync(I18N_DEST);
+}
+
+// Type mapping language codes to filenames
+type LangFileMap = Record<string, string>;
+
+/**
+ * Prepare language files by creating hashed filenames and writing them to the destination.
+ * @returns Mapping of language codes to filenames
+ */
+function prepareLangFiles(): LangFileMap {
+    return INCLUDE_LANGS.reduce<Record<string, string>>((fileMap, lang) => {
+        const [filename, json] = createHashFromFile(lang);
+        fs.writeFileSync(`${I18N_DEST}${filename}`, json);
+        fileMap[lang] = filename;
+        return fileMap;
+    }, {});
+}
+
+/**
+ * Create a hash from the contents of the language file.
+ * @param lang - Language code
+ * @returns Tuple of filename and JSON content
+ */
+function createHashFromFile(lang: string): [filename: string, json: string] {
+    const translationsPath = `${I18N_BASE_PATH}${lang}.json`;
+
+    const json = JSON.stringify(fs.readFileSync(translationsPath).toString(), null, 4);
+    const jsonBuffer = Buffer.from(json);
+    const digest = createHash("sha256").update(jsonBuffer).digest("hex").slice(0, 7);
+    const filename = `${lang}.${digest}.json`;
+
+    return [filename, json];
+}
+
+/**
+ * Generate the languages.json file mapping language codes to filenames.
+ * @param langFileMap
+ */
+function genLangList(langFileMap: LangFileMap): void {
+    const languages: Record<string, string> = {};
+    INCLUDE_LANGS.forEach(function (lang) {
+        const normalizedLanguage = lang.toLowerCase().replace("_", "-");
+        const languageParts = normalizedLanguage.split("-");
+        if (languageParts.length == 2 && languageParts[0] == languageParts[1]) {
+            languages[languageParts[0]] = langFileMap[lang];
+        } else {
+            languages[normalizedLanguage] = langFileMap[lang];
+        }
+    });
+    fs.writeFileSync(`${I18N_DEST}/languages.json`, JSON.stringify(languages, null, 4));
+}
+
+const langFileMap = prepareLangFiles();
+genLangList(langFileMap);
diff --git a/packages/shared-components/scripts/storybook-screenshot-update.sh b/packages/shared-components/scripts/storybook-screenshot-update.sh
index 6310d6887f..fb06017500 100755
--- a/packages/shared-components/scripts/storybook-screenshot-update.sh
+++ b/packages/shared-components/scripts/storybook-screenshot-update.sh
@@ -3,22 +3,9 @@
 # Update storybook screenshots
 #
 # This script should be used as the entrypoint parameter of the `playwright-screenshots` script. It
-# installs the yarn dependencies, and then runs `test-storybook` to update the storybook screenshots.
+# installs the yarn dependencies, and then runs `vitest --run --update --project=storybook` to update the storybook screenshots.
 #
-# It expects to find a storybook instance running at :6007 on the host machine. It also requires that
-# `playwright-screenshots` is given the `--with-node-modules` parameter.
-#
-# Example:
-#
-#        test-storybook --url http://localhost:6007/
-#        playwright-screenshots --entrypoint /work/scripts/storybook-screenshot-update.sh --with-node-modules
-#
-#
-# Note: even though this script is small, it is important because the alternative is running
-# `playwright-screenshots` twice in quick succession (once to do `yarn install`, a second to do the
-# actual updates): and that fails, because running `playwright-screenshots` without actually starting
-# Testcontainers leaves a ryuk container hanging around for up to 60s, which will block the second
-# invocation.
+# It requires that `playwright-screenshots` is given the `--with-node-modules` parameter.
 
 set -e
 
@@ -28,5 +15,5 @@ set -e
 # those on the host).
 yarn
 
-# Now run the screenshot update
-/work/node_modules/.bin/test-storybook --url http://host.docker.internal:6007/ --updateSnapshot
+# Now run the screenshot update, we set CI=1 to inform vis to update the real baselines
+CI=1 /work/node_modules/.bin/vitest --run --update --project=storybook "$@"
diff --git a/packages/shared-components/src/@types/global.d.ts b/packages/shared-components/src/@types/global.d.ts
index 1334c41737..5e8049628c 100644
--- a/packages/shared-components/src/@types/global.d.ts
+++ b/packages/shared-components/src/@types/global.d.ts
@@ -6,3 +6,9 @@ Please see LICENSE files in the repository root for full details.
 */
 
 declare module "*.css";
+
+// For importing markdown files into storybook stories
+declare module "*.md?raw" {
+    const content: string;
+    export default content;
+}
diff --git a/packages/shared-components/src/@types/i18n.d.ts b/packages/shared-components/src/@types/i18n.d.ts
new file mode 100644
index 0000000000..04531d8954
--- /dev/null
+++ b/packages/shared-components/src/@types/i18n.d.ts
@@ -0,0 +1,14 @@
+/*
+Copyright 2025 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type TranslationKey as _TranslationKey } from "matrix-web-i18n";
+
+import type Translations from "../i18n/strings/en_EN.json";
+
+declare global {
+    type TranslationKey = _TranslationKey<typeof Translations>;
+}
diff --git a/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.stories.tsx b/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.stories.tsx
index 18782f25cb..8e2c91eadc 100644
--- a/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.stories.tsx
+++ b/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.stories.tsx
@@ -10,7 +10,7 @@ import { fn } from "storybook/test";
 
 import type { Meta, StoryFn } from "@storybook/react-vite";
 import { AudioPlayerView, type AudioPlayerViewActions, type AudioPlayerViewSnapshot } from "./AudioPlayerView";
-import { useMockedViewModel } from "../../useMockedViewModel";
+import { useMockedViewModel } from "../../viewmodel";
 
 type AudioPlayerProps = AudioPlayerViewSnapshot & AudioPlayerViewActions;
 const AudioPlayerViewWrapper = ({ togglePlay, onKeyDown, onSeekbarChange, ...rest }: AudioPlayerProps): JSX.Element => {
diff --git a/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.test.tsx b/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.test.tsx
index 55e159f110..89e08bb340 100644
--- a/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.test.tsx
+++ b/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.test.tsx
@@ -5,11 +5,12 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import { render, screen } from "jest-matrix-react";
+import { render, screen } from "@test-utils";
 import { composeStories } from "@storybook/react-vite";
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { fireEvent } from "@testing-library/dom";
+import { describe, it, vi, afterEach, expect } from "vitest";
 
 import * as stories from "./AudioPlayerView.stories.tsx";
 import { AudioPlayerView, type AudioPlayerViewActions, type AudioPlayerViewSnapshot } from "./AudioPlayerView";
@@ -21,7 +22,7 @@ const { Default, NoMediaName, NoSize, HasError } = composeStories(stories);
 
 describe("AudioPlayerView", () => {
     afterEach(() => {
-        jest.clearAllMocks();
+        vi.clearAllMocks();
     });
 
     it("renders the audio player in default state", () => {
@@ -44,9 +45,9 @@ describe("AudioPlayerView", () => {
         expect(container).toMatchSnapshot();
     });
 
-    const onKeyDown = jest.fn();
-    const togglePlay = jest.fn();
-    const onSeekbarChange = jest.fn();
+    const onKeyDown = vi.fn();
+    const togglePlay = vi.fn();
+    const onSeekbarChange = vi.fn();
 
     class AudioPlayerViewModel extends MockViewModel<AudioPlayerViewSnapshot> implements AudioPlayerViewActions {
         public onKeyDown = onKeyDown;
diff --git a/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.tsx b/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.tsx
index d3c9fb87ee..b68e06d2aa 100644
--- a/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.tsx
+++ b/packages/shared-components/src/audio/AudioPlayerView/AudioPlayerView.tsx
@@ -7,8 +7,7 @@
 
 import React, { type ChangeEventHandler, type JSX, type KeyboardEventHandler, type MouseEventHandler } from "react";
 
-import { type ViewModel } from "../../viewmodel/ViewModel";
-import { useViewModel } from "../../useViewModel";
+import { type ViewModel, useViewModel } from "../../viewmodel";
 import { MediaBody } from "../../message-body/MediaBody";
 import { Flex } from "../../utils/Flex";
 import styles from "./AudioPlayerView.module.css";
diff --git a/packages/shared-components/src/audio/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap b/packages/shared-components/src/audio/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap
index 85004e4ba5..051a91da21 100644
--- a/packages/shared-components/src/audio/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap
+++ b/packages/shared-components/src/audio/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`AudioPlayerView renders the audio player in default state 1`] = `
+exports[`AudioPlayerView > renders the audio player in default state 1`] = `
 <div>
   <div
     aria-label="Audio player"
@@ -16,7 +16,7 @@ exports[`AudioPlayerView renders the audio player in default state 1`] = `
         aria-disabled="false"
         aria-label="Play"
         aria-labelledby="_r_0_"
-        class="_icon-button_1pz9o_8 button"
+        class="_icon-button_1215g_8 button"
         data-kind="primary"
         role="button"
         style="--cpd-icon-button-size: 32px;"
@@ -91,7 +91,7 @@ exports[`AudioPlayerView renders the audio player in default state 1`] = `
 </div>
 `;
 
-exports[`AudioPlayerView renders the audio player in error state 1`] = `
+exports[`AudioPlayerView > renders the audio player in error state 1`] = `
 <div>
   <div
     aria-label="Audio player"
@@ -107,7 +107,7 @@ exports[`AudioPlayerView renders the audio player in error state 1`] = `
         aria-disabled="false"
         aria-label="Play"
         aria-labelledby="_r_i_"
-        class="_icon-button_1pz9o_8 button"
+        class="_icon-button_1215g_8 button"
         data-kind="primary"
         role="button"
         style="--cpd-icon-button-size: 32px;"
@@ -187,7 +187,7 @@ exports[`AudioPlayerView renders the audio player in error state 1`] = `
 </div>
 `;
 
-exports[`AudioPlayerView renders the audio player without media name 1`] = `
+exports[`AudioPlayerView > renders the audio player without media name 1`] = `
 <div>
   <div
     aria-label="Audio player"
@@ -203,7 +203,7 @@ exports[`AudioPlayerView renders the audio player without media name 1`] = `
         aria-disabled="false"
         aria-label="Play"
         aria-labelledby="_r_6_"
-        class="_icon-button_1pz9o_8 button"
+        class="_icon-button_1215g_8 button"
         data-kind="primary"
         role="button"
         style="--cpd-icon-button-size: 32px;"
@@ -278,7 +278,7 @@ exports[`AudioPlayerView renders the audio player without media name 1`] = `
 </div>
 `;
 
-exports[`AudioPlayerView renders the audio player without size 1`] = `
+exports[`AudioPlayerView > renders the audio player without size 1`] = `
 <div>
   <div
     aria-label="Audio player"
@@ -294,7 +294,7 @@ exports[`AudioPlayerView renders the audio player without size 1`] = `
         aria-disabled="false"
         aria-label="Play"
         aria-labelledby="_r_c_"
-        class="_icon-button_1pz9o_8 button"
+        class="_icon-button_1215g_8 button"
         data-kind="primary"
         role="button"
         style="--cpd-icon-button-size: 32px;"
diff --git a/packages/shared-components/src/audio/Clock/Clock.test.tsx b/packages/shared-components/src/audio/Clock/Clock.test.tsx
index fdbbf49518..9350b7cae3 100644
--- a/packages/shared-components/src/audio/Clock/Clock.test.tsx
+++ b/packages/shared-components/src/audio/Clock/Clock.test.tsx
@@ -6,8 +6,9 @@
  */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./Clock.stories.tsx";
 
diff --git a/packages/shared-components/src/audio/Clock/Clock.tsx b/packages/shared-components/src/audio/Clock/Clock.tsx
index 176044269d..7b8d9496cb 100644
--- a/packages/shared-components/src/audio/Clock/Clock.tsx
+++ b/packages/shared-components/src/audio/Clock/Clock.tsx
@@ -5,13 +5,16 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type HTMLProps } from "react";
+import React, { type JSX, type HTMLProps, useMemo } from "react";
 import { Temporal } from "temporal-polyfill";
 import classNames from "classnames";
 
 import { formatSeconds } from "../../utils/DateUtils";
 
 export interface Props extends Pick<HTMLProps<HTMLSpanElement>, "aria-live" | "role" | "className"> {
+    /**
+     * The number of seconds to display.
+     */
     seconds: number;
 }
 
@@ -19,33 +22,39 @@ export interface Props extends Pick<HTMLProps<HTMLSpanElement>, "aria-live" | "r
  * Clock which represents time periods rather than absolute time.
  * Simply converts seconds using formatSeconds().
  * Note that in this case hours will not be displayed, making it possible to see "82:29".
+ *
+ * @example
+ * ```tsx
+ * <Clock seconds={125} />
+ * ```
  */
-export class Clock extends React.Component<Props> {
-    public shouldComponentUpdate(nextProps: Readonly<Props>): boolean {
-        const currentFloor = Math.floor(this.props.seconds);
-        const nextFloor = Math.floor(nextProps.seconds);
-        return currentFloor !== nextFloor;
-    }
+export function Clock({ seconds, className, ...rest }: Props): JSX.Element {
+    // Memoize current second to avoid recalculating the duration when seconds changes slightly (e.g. 1.2 -> 1.3)
+    const currentSecond = useMemo(() => Math.floor(seconds), [seconds]);
+    const duration = useMemo(() => calculateDuration(currentSecond), [currentSecond]);
 
-    private calculateDuration(seconds: number): string | undefined {
-        if (isNaN(seconds)) return undefined;
-        return new Temporal.Duration(0, 0, 0, 0, 0, 0, Math.round(seconds))
-            .round({ smallestUnit: "seconds", largestUnit: "hours" })
-            .toString();
-    }
-
-    public render(): React.ReactNode {
-        const { seconds, role } = this.props;
-        return (
-            <time
-                dateTime={this.calculateDuration(seconds)}
-                aria-live={this.props["aria-live"]}
-                role={role}
-                /* Keep class for backward compatibility with parent component */
-                className={classNames("mx_Clock", this.props.className)}
-            >
-                {formatSeconds(seconds)}
-            </time>
-        );
-    }
+    return (
+        <time
+            dateTime={duration}
+            /* Keep class for backward compatibility with parent component */
+            className={classNames("mx_Clock", className)}
+            {...rest}
+        >
+            {formatSeconds(seconds)}
+        </time>
+    );
+}
+
+/**
+ * Calculates an ISO 8601 duration string from seconds.
+ * @param seconds
+ * @returns ISO 8601 duration string or undefined if input is NaN
+ */
+function calculateDuration(seconds: number): string | undefined {
+    // This shouldn't happen but it's in the original implementation
+    if (isNaN(seconds)) return undefined;
+
+    return new Temporal.Duration(0, 0, 0, 0, 0, 0, Math.round(seconds))
+        .round({ smallestUnit: "seconds", largestUnit: "hours" })
+        .toString();
 }
diff --git a/packages/shared-components/src/audio/Clock/__snapshots__/Clock.test.tsx.snap b/packages/shared-components/src/audio/Clock/__snapshots__/Clock.test.tsx.snap
index 5ab0799d28..e400b9dc5b 100644
--- a/packages/shared-components/src/audio/Clock/__snapshots__/Clock.test.tsx.snap
+++ b/packages/shared-components/src/audio/Clock/__snapshots__/Clock.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Clock renders the clock 1`] = `
+exports[`Clock > renders the clock 1`] = `
 <div>
   <time
     class="mx_Clock"
@@ -11,7 +11,7 @@ exports[`Clock renders the clock 1`] = `
 </div>
 `;
 
-exports[`Clock renders the clock with a lot of seconds 1`] = `
+exports[`Clock > renders the clock with a lot of seconds 1`] = `
 <div>
   <time
     class="mx_Clock"
diff --git a/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx
index 3a032f5e02..57cc2afc8b 100644
--- a/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx
+++ b/packages/shared-components/src/audio/PlayPauseButton/PlayPauseButton.test.tsx
@@ -6,10 +6,11 @@
  */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
 import userEvent from "@testing-library/user-event";
 import { fn } from "storybook/test";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./PlayPauseButton.stories.tsx";
 
diff --git a/packages/shared-components/src/audio/PlayPauseButton/__snapshots__/PlayPauseButton.test.tsx.snap b/packages/shared-components/src/audio/PlayPauseButton/__snapshots__/PlayPauseButton.test.tsx.snap
index 3b98652cd1..0ab00c6917 100644
--- a/packages/shared-components/src/audio/PlayPauseButton/__snapshots__/PlayPauseButton.test.tsx.snap
+++ b/packages/shared-components/src/audio/PlayPauseButton/__snapshots__/PlayPauseButton.test.tsx.snap
@@ -1,12 +1,12 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PlayPauseButton renders the button in default state 1`] = `
+exports[`PlayPauseButton > renders the button in default state 1`] = `
 <div>
   <button
     aria-disabled="false"
     aria-label="Play"
     aria-labelledby="_r_0_"
-    class="_icon-button_1pz9o_8 button"
+    class="_icon-button_1215g_8 button"
     data-kind="primary"
     role="button"
     style="--cpd-icon-button-size: 32px;"
@@ -32,13 +32,13 @@ exports[`PlayPauseButton renders the button in default state 1`] = `
 </div>
 `;
 
-exports[`PlayPauseButton renders the button in playing state 1`] = `
+exports[`PlayPauseButton > renders the button in playing state 1`] = `
 <div>
   <button
     aria-disabled="false"
     aria-label="Pause"
     aria-labelledby="_r_6_"
-    class="_icon-button_1pz9o_8 button"
+    class="_icon-button_1215g_8 button"
     data-kind="primary"
     role="button"
     style="--cpd-icon-button-size: 32px;"
diff --git a/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx b/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx
index 0d52ab3993..0e3dc78432 100644
--- a/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx
+++ b/packages/shared-components/src/audio/SeekBar/SeekBar.test.tsx
@@ -5,9 +5,10 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
 import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./SeekBar.stories.tsx";
 const { Default } = composeStories(stories);
diff --git a/packages/shared-components/src/audio/SeekBar/__snapshots__/SeekBar.test.tsx.snap b/packages/shared-components/src/audio/SeekBar/__snapshots__/SeekBar.test.tsx.snap
index e3cc92279e..db496e5853 100644
--- a/packages/shared-components/src/audio/SeekBar/__snapshots__/SeekBar.test.tsx.snap
+++ b/packages/shared-components/src/audio/SeekBar/__snapshots__/SeekBar.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Seekbar renders the clock 1`] = `
+exports[`Seekbar > renders the clock 1`] = `
 <div>
   <input
     aria-label="Audio seek bar"
diff --git a/packages/shared-components/src/avatar/AvatarWithDetails/AvatarWithDetails.test.tsx b/packages/shared-components/src/avatar/AvatarWithDetails/AvatarWithDetails.test.tsx
index f5d482613f..157062656b 100644
--- a/packages/shared-components/src/avatar/AvatarWithDetails/AvatarWithDetails.test.tsx
+++ b/packages/shared-components/src/avatar/AvatarWithDetails/AvatarWithDetails.test.tsx
@@ -6,8 +6,9 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./AvatarWithDetails.stories.tsx";
 
diff --git a/packages/shared-components/src/avatar/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap b/packages/shared-components/src/avatar/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap
index 7b927f2c3b..6c5e1c8511 100644
--- a/packages/shared-components/src/avatar/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap
+++ b/packages/shared-components/src/avatar/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`AvatarWithDetails renders a textual event 1`] = `
+exports[`AvatarWithDetails > renders a textual event 1`] = `
 <div>
   <div
     class="avatarWithDetails"
diff --git a/packages/shared-components/src/composer/Banner/Banner.test.tsx b/packages/shared-components/src/composer/Banner/Banner.test.tsx
index 0f33fb452b..0af64a1f2e 100644
--- a/packages/shared-components/src/composer/Banner/Banner.test.tsx
+++ b/packages/shared-components/src/composer/Banner/Banner.test.tsx
@@ -6,7 +6,8 @@
  */
 
 import React from "react";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
+import { describe, it, expect } from "vitest";
 import { composeStories } from "@storybook/react-vite";
 
 import * as stories from "./Banner.stories.tsx";
diff --git a/packages/shared-components/src/composer/Banner/Banner.tsx b/packages/shared-components/src/composer/Banner/Banner.tsx
index 7781442ed9..377e18ac12 100644
--- a/packages/shared-components/src/composer/Banner/Banner.tsx
+++ b/packages/shared-components/src/composer/Banner/Banner.tsx
@@ -12,6 +12,7 @@ import React, {
     type ReactNode,
     type PropsWithChildren,
     useMemo,
+    type HTMLAttributes,
 } from "react";
 import { Button } from "@vector-im/compound-web";
 import CheckCircleIcon from "@vector-im/compound-design-tokens/assets/web/icons/check-circle";
@@ -32,8 +33,6 @@ interface BannerProps {
      */
     avatar?: React.ReactNode;
 
-    className?: string;
-
     /**
      * Actions presented to the user in the right-hand side of the banner alongside the dismiss button.
      */
@@ -60,21 +59,21 @@ export function Banner({
     actions,
     onClose,
     ...props
-}: PropsWithChildren<BannerProps>): ReactElement {
+}: PropsWithChildren<BannerProps & HTMLAttributes<HTMLDivElement>>): ReactElement {
     const classes = classNames(styles.banner, className);
 
-    const icon = useMemo(() => {
+    const icon = useMemo((): ReactElement => {
         switch (type) {
             case "critical":
-                return <ErrorIcon fontSize={24} {...props} />;
+                return <ErrorIcon fontSize={24} />;
             case "info":
-                return <InfoIcon fontSize={24} {...props} />;
+                return <InfoIcon fontSize={24} />;
             case "success":
-                return <CheckCircleIcon fontSize={24} {...props} />;
+                return <CheckCircleIcon fontSize={24} />;
             default:
-                return <InfoIcon fontSize={24} {...props} />;
+                return <InfoIcon fontSize={24} />;
         }
-    }, [type, props]);
+    }, [type]);
 
     return (
         <div {...props} className={classes} data-type={type}>
diff --git a/packages/shared-components/src/composer/Banner/__snapshots__/Banner.test.tsx.snap b/packages/shared-components/src/composer/Banner/__snapshots__/Banner.test.tsx.snap
index ebb8df0a3d..b438e18ec6 100644
--- a/packages/shared-components/src/composer/Banner/__snapshots__/Banner.test.tsx.snap
+++ b/packages/shared-components/src/composer/Banner/__snapshots__/Banner.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`AvatarWithDetails renders a banner with an action 1`] = `
+exports[`AvatarWithDetails > renders a banner with an action 1`] = `
 <div>
   <div
     class="banner"
@@ -46,7 +46,7 @@ exports[`AvatarWithDetails renders a banner with an action 1`] = `
       class="actions"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="sm"
         role="button"
@@ -55,7 +55,7 @@ exports[`AvatarWithDetails renders a banner with an action 1`] = `
         Withdraw verification
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -68,7 +68,7 @@ exports[`AvatarWithDetails renders a banner with an action 1`] = `
 </div>
 `;
 
-exports[`AvatarWithDetails renders a banner with an avatar iamge 1`] = `
+exports[`AvatarWithDetails > renders a banner with an avatar iamge 1`] = `
 <div>
   <div
     class="banner"
@@ -92,7 +92,7 @@ exports[`AvatarWithDetails renders a banner with an avatar iamge 1`] = `
       class="actions"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -105,7 +105,7 @@ exports[`AvatarWithDetails renders a banner with an avatar iamge 1`] = `
 </div>
 `;
 
-exports[`AvatarWithDetails renders a critical banner 1`] = `
+exports[`AvatarWithDetails > renders a critical banner 1`] = `
 <div>
   <div
     class="banner"
@@ -138,7 +138,7 @@ exports[`AvatarWithDetails renders a critical banner 1`] = `
       class="actions"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -151,7 +151,7 @@ exports[`AvatarWithDetails renders a critical banner 1`] = `
 </div>
 `;
 
-exports[`AvatarWithDetails renders a default banner 1`] = `
+exports[`AvatarWithDetails > renders a default banner 1`] = `
 <div>
   <div
     class="banner"
@@ -188,7 +188,7 @@ exports[`AvatarWithDetails renders a default banner 1`] = `
       class="actions"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -201,7 +201,7 @@ exports[`AvatarWithDetails renders a default banner 1`] = `
 </div>
 `;
 
-exports[`AvatarWithDetails renders a info banner 1`] = `
+exports[`AvatarWithDetails > renders a info banner 1`] = `
 <div>
   <div
     class="banner"
@@ -239,7 +239,7 @@ exports[`AvatarWithDetails renders a info banner 1`] = `
       class="actions"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -252,7 +252,7 @@ exports[`AvatarWithDetails renders a info banner 1`] = `
 </div>
 `;
 
-exports[`AvatarWithDetails renders a success banner 1`] = `
+exports[`AvatarWithDetails > renders a success banner 1`] = `
 <div>
   <div
     class="banner"
@@ -285,7 +285,7 @@ exports[`AvatarWithDetails renders a success banner 1`] = `
       class="actions"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
diff --git a/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.stories.tsx b/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.stories.tsx
deleted file mode 100644
index 5bd95e0113..0000000000
--- a/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.stories.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Copyright (c) 2025 Element Creations Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-import { type Meta, type StoryFn } from "@storybook/react-vite";
-import React, { type JSX } from "react";
-import { fn } from "storybook/test";
-
-import { useMockedViewModel } from "../../useMockedViewModel";
-import {
-    HistoryVisibleBannerView,
-    type HistoryVisibleBannerViewActions,
-    type HistoryVisibleBannerViewSnapshot,
-} from "./HistoryVisibleBannerView";
-
-type HistoryVisibleBannerProps = HistoryVisibleBannerViewSnapshot & HistoryVisibleBannerViewActions;
-
-const HistoryVisibleBannerViewWrapper = ({ onClose, ...rest }: HistoryVisibleBannerProps): JSX.Element => {
-    const vm = useMockedViewModel(rest, {
-        onClose,
-    });
-    return <HistoryVisibleBannerView vm={vm} />;
-};
-
-export default {
-    title: "composer/HistoryVisibleBannerView",
-    component: HistoryVisibleBannerViewWrapper,
-    tags: ["autodocs"],
-    argTypes: {},
-    args: {
-        visible: true,
-        onClose: fn(),
-    },
-} as Meta<typeof HistoryVisibleBannerViewWrapper>;
-
-const Template: StoryFn<typeof HistoryVisibleBannerViewWrapper> = (args) => (
-    <HistoryVisibleBannerViewWrapper {...args} />
-);
-
-export const Default = Template.bind({});
diff --git a/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.test.tsx b/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.test.tsx
deleted file mode 100644
index 04d1ca40e6..0000000000
--- a/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.test.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright (c) 2025 Element Creations Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { render } from "jest-matrix-react";
-import { composeStories } from "@storybook/react-vite";
-
-import * as stories from "./HistoryVisibleBannerView.stories.tsx";
-
-const { Default } = composeStories(stories);
-
-describe("HistoryVisibleBannerView", () => {
-    it("renders a history visible banner", () => {
-        const dismissFn = jest.fn();
-
-        const { container } = render(<Default onClose={dismissFn} />);
-        expect(container).toMatchSnapshot();
-
-        const button = container.querySelector("button");
-        expect(button).not.toBeNull();
-        button?.click();
-        expect(dismissFn).toHaveBeenCalled();
-    });
-});
diff --git a/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.tsx b/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.tsx
deleted file mode 100644
index fcd00327d6..0000000000
--- a/packages/shared-components/src/composer/HistoryVisibleBannerView/HistoryVisibleBannerView.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- * Copyright (c) 2025 Element Creations Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { Link } from "@vector-im/compound-web";
-import React, { type JSX } from "react";
-
-import { useViewModel } from "../../useViewModel";
-import { _t } from "../../utils/i18n";
-import { type ViewModel } from "../../viewmodel";
-import { Banner } from "../Banner";
-
-export interface HistoryVisibleBannerViewActions {
-    /**
-     * Called when the user dismisses the banner.
-     */
-    onClose: () => void;
-}
-
-export interface HistoryVisibleBannerViewSnapshot {
-    /**
-     * Whether the banner is currently visible.
-     */
-    visible: boolean;
-}
-
-/**
- * The view model for the banner.
- */
-export type HistoryVisibleBannerViewModel = ViewModel<HistoryVisibleBannerViewSnapshot> &
-    HistoryVisibleBannerViewActions;
-
-interface HistoryVisibleBannerViewProps {
-    /**
-     * The view model for the banner.
-     */
-    vm: HistoryVisibleBannerViewModel;
-}
-
-/**
- * A component to alert that history is shared to new members of the room.
- *
- * @example
- * ```tsx
- * <HistoryVisibleBannerView vm={historyVisibleBannerViewModel} />
- * ```
- */
-export function HistoryVisibleBannerView({ vm }: Readonly<HistoryVisibleBannerViewProps>): JSX.Element {
-    const { visible } = useViewModel(vm);
-
-    const contents = _t(
-        "room|status_bar|history_visible",
-        {},
-        {
-            a: substituteATag,
-        },
-    );
-
-    return (
-        <>
-            {visible && (
-                <Banner type="info" onClose={() => vm.onClose()}>
-                    {contents}
-                </Banner>
-            )}
-        </>
-    );
-}
-
-function substituteATag(sub: string): JSX.Element {
-    return (
-        <Link href="https://element.io/en/help#e2ee-history-sharing" target="_blank">
-            {sub}
-        </Link>
-    );
-}
diff --git a/packages/shared-components/src/composer/HistoryVisibleBannerView/__snapshots__/HistoryVisibleBannerView.test.tsx.snap b/packages/shared-components/src/composer/HistoryVisibleBannerView/__snapshots__/HistoryVisibleBannerView.test.tsx.snap
deleted file mode 100644
index 1ee67f9a37..0000000000
--- a/packages/shared-components/src/composer/HistoryVisibleBannerView/__snapshots__/HistoryVisibleBannerView.test.tsx.snap
+++ /dev/null
@@ -1,62 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`HistoryVisibleBannerView renders a history visible banner 1`] = `
-<div>
-  <div
-    class="banner"
-    data-type="info"
-  >
-    <div
-      class="icon"
-    >
-      <svg
-        fill="currentColor"
-        font-size="24"
-        height="1em"
-        viewBox="0 0 24 24"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
-        />
-        <path
-          clip-rule="evenodd"
-          d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
-          fill-rule="evenodd"
-        />
-      </svg>
-    </div>
-    <div
-      class="content"
-    >
-      <span>
-        This room has been configured so that new members can read history. 
-        <a
-          class="_link_1v5rz_8"
-          data-kind="primary"
-          data-size="medium"
-          href="https://element.io/en/help#e2ee-history-sharing"
-          rel="noreferrer noopener"
-          target="_blank"
-        >
-          Learn More
-        </a>
-      </span>
-    </div>
-    <div
-      class="actions"
-    >
-      <button
-        class="_button_187yx_8"
-        data-kind="secondary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        Dismiss
-      </button>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/shared-components/src/crypto/SasEmoji/SasEmoji.module.css b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.module.css
new file mode 100644
index 0000000000..b763ef6664
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.module.css
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--cpd-space-2x);
+    justify-content: space-evenly;
+}
+
+.segment {
+    display: inline-block;
+    margin-bottom: var(--cpd-space-4x);
+    text-align: center;
+    /* Allow maximum 4 per line, accounting for 8px gap */
+    min-width: calc(25% - 8px);
+}
+
+.emoji {
+    /* Use the Twemoji font for consistency with other clients */
+    font-family: Twemoji, var(--cpd-font-family-sans);
+    font-size: var(--cpd-font-size-heading-xl);
+}
+
+.label {
+    font-weight: var(--cpd-font-weight-regular);
+    font-size: var(--cpd-font-size-body-lg);
+    color: var(--cpd-color-text-secondary);
+}
diff --git a/packages/shared-components/src/crypto/SasEmoji/SasEmoji.stories.tsx b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.stories.tsx
new file mode 100644
index 0000000000..9c0fcc3f40
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.stories.tsx
@@ -0,0 +1,48 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type Meta, type StoryObj } from "@storybook/react-vite";
+
+import { SasEmoji } from "./SasEmoji";
+
+const meta = {
+    title: "Crypto/SasEmoji",
+    component: SasEmoji,
+    tags: ["autodocs"],
+    args: {
+        emoji: ["🍕", "🌽", "🚀", "🔒", "🔧", "🍓", "⌛"],
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/XLWIAB5n8yObYvU0INKPK1/Verification-by-Emoji?node-id=1-2935&t=NrV9JnuItrAyyh53-4",
+        },
+    },
+} satisfies Meta<typeof SasEmoji>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WorstCaseAlbanian: Story = {
+    globals: {
+        language: "sq",
+    },
+    args: {
+        emoji: ["🎅", "🎅", "🎅", "🎅", "🎅", "🎅", "🎅"],
+    },
+};
+
+export const WorstCaseGerman: Story = {
+    globals: {
+        language: "de",
+    },
+    args: {
+        emoji: ["🔧", "🔧", "🔧", "🔧", "🔧", "🔧", "🔧"],
+    },
+};
diff --git a/packages/shared-components/src/crypto/SasEmoji/SasEmoji.test.tsx b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.test.tsx
new file mode 100644
index 0000000000..c9946d52a0
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.test.tsx
@@ -0,0 +1,19 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import { describe, it, expect } from "vitest";
+import { render } from "@test-utils";
+
+import { SasEmoji } from "./SasEmoji";
+
+describe("<SasEmoji/>", () => {
+    it("should match snapshot", () => {
+        const { asFragment } = render(<SasEmoji emoji={["🦋", "🍄", "⚽", "🌏", "🦄", "🚀", "🔧"]} />);
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/crypto/SasEmoji/SasEmoji.tsx b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.tsx
new file mode 100644
index 0000000000..6701cb37c9
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmoji.tsx
@@ -0,0 +1,43 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import classNames from "classnames";
+
+import { type SasEmoji, tEmoji } from "./SasEmojiTranslate.ts";
+import styles from "./SasEmoji.module.css";
+import { useI18n } from "../../utils/i18nContext.ts";
+
+export type Props = {
+    /**
+     * The emoji to render
+     */
+    emoji: [SasEmoji, SasEmoji, SasEmoji, SasEmoji, SasEmoji, SasEmoji, SasEmoji];
+    /**
+     * Optional className to apply to the container
+     */
+    className?: string;
+};
+
+/**
+ * Renders the 7 emoji used for SAS verification.
+ * The component is responsive so can be rendered in any context, dialog, side panel.
+ */
+export function SasEmoji({ emoji, className }: Props): JSX.Element {
+    const { language } = useI18n();
+
+    const emojiBlocks = emoji.map((emoji, i) => (
+        <div className={styles.segment} key={i}>
+            <div className={styles.emoji} aria-hidden={true}>
+                {emoji}
+            </div>
+            <div className={styles.label}>{tEmoji(emoji, language)}</div>
+        </div>
+    ));
+
+    return <div className={classNames(styles.container, className)}>{emojiBlocks}</div>;
+}
diff --git a/packages/shared-components/src/crypto/SasEmoji/SasEmojiTranslate.test.ts b/packages/shared-components/src/crypto/SasEmoji/SasEmojiTranslate.test.ts
new file mode 100644
index 0000000000..8251e52ea4
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmojiTranslate.test.ts
@@ -0,0 +1,26 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { describe, it, expect } from "vitest";
+
+import { tEmoji, type SasEmoji } from "./SasEmojiTranslate.ts";
+
+describe("tEmoji", () => {
+    it.each([
+        ["🐶", "en-GB", "Dog"],
+        ["🐶", "en", "Dog"],
+        ["🐶", "de-DE", "Hund"],
+        ["🐶", "pt", "Cachorro"],
+        ["🔧", "de-DE", "Schraubenschlüssel"],
+        ["🎅", "sq", "Babagjyshi i Vitit të Ri"],
+    ] as [emoji: SasEmoji, locale: string, expectation: string][])(
+        "should handle locale %s",
+        (emoji, locale, expectation) => {
+            expect(tEmoji(emoji, locale)).toEqual(expectation);
+        },
+    );
+});
diff --git a/packages/shared-components/src/crypto/SasEmoji/SasEmojiTranslate.ts b/packages/shared-components/src/crypto/SasEmoji/SasEmojiTranslate.ts
new file mode 100644
index 0000000000..da977a98e0
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/SasEmojiTranslate.ts
@@ -0,0 +1,122 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import SasEmojiJson from "@matrix-org/spec/sas-emoji.json";
+import { getNormalizedLanguageKeys } from "matrix-web-i18n";
+
+// Type as specified in https://spec.matrix.org/v1.17/client-server-api/#sas-method-emoji
+export type SasEmoji =
+    | "🐶"
+    | "🐱"
+    | "🦁"
+    | "🐎"
+    | "🦄"
+    | "🐷"
+    | "🐘"
+    | "🐰"
+    | "🐼"
+    | "🐓"
+    | "🐧"
+    | "🐢"
+    | "🐟"
+    | "🐙"
+    | "🦋"
+    | "🌷"
+    | "🌳"
+    | "🌵"
+    | "🍄"
+    | "🌏"
+    | "🌙"
+    | "☁"
+    | "🔥"
+    | "🍌"
+    | "🍎"
+    | "🍓"
+    | "🌽"
+    | "🍕"
+    | "🎂"
+    | "❤"
+    | "😀"
+    | "🤖"
+    | "🎩"
+    | "👓"
+    | "🔧"
+    | "🎅"
+    | "👍"
+    | "☂"
+    | "⌛"
+    | "⏰"
+    | "🎁"
+    | "💡"
+    | "📕"
+    | "✏"
+    | "📎"
+    | "✂"
+    | "🔒"
+    | "🔑"
+    | "🔨"
+    | "☎"
+    | "🏁"
+    | "🚂"
+    | "🚲"
+    | "✈"
+    | "🚀"
+    | "🏆"
+    | "⚽"
+    | "🎸"
+    | "🎺"
+    | "🔔"
+    | "⚓"
+    | "🎧"
+    | "📁"
+    | "📌";
+
+const SasEmojiMap = new Map<
+    SasEmoji,
+    [
+        description: string,
+        translations: {
+            [normalizedLanguageKey: string]: string;
+        },
+    ]
+>(
+    SasEmojiJson.map(({ emoji, description, translated_descriptions: translations }) => [
+        emoji as SasEmoji,
+        [
+            description,
+            // Normalize the translation keys
+            Object.keys(translations).reduce<Record<string, string>>((o, k) => {
+                for (const key of getNormalizedLanguageKeys(k)) {
+                    o[key] = translations[k as keyof typeof translations]!;
+                }
+                return o;
+            }, {}),
+        ],
+    ]),
+);
+
+/**
+ * Translate given SAS emoji into the target locale
+ * @param emoji - the SAS emoji to translate
+ * @param locale - the BCP 47 locale to translate to, will fall back to English as the base locale for Matrix SAS Emoji.
+ */
+export function tEmoji(emoji: SasEmoji, locale: string): string {
+    const mapping = SasEmojiMap.get(emoji);
+    if (!mapping) {
+        throw new Error(`Emoji mapping not found for emoji ${emoji}`);
+    }
+
+    const [description, translations] = mapping;
+
+    for (const key of getNormalizedLanguageKeys(locale)) {
+        if (translations[key]) {
+            return translations[key];
+        }
+    }
+
+    return description;
+}
diff --git a/packages/shared-components/src/crypto/SasEmoji/__snapshots__/SasEmoji.test.tsx.snap b/packages/shared-components/src/crypto/SasEmoji/__snapshots__/SasEmoji.test.tsx.snap
new file mode 100644
index 0000000000..27f53cb870
--- /dev/null
+++ b/packages/shared-components/src/crypto/SasEmoji/__snapshots__/SasEmoji.test.tsx.snap
@@ -0,0 +1,115 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<SasEmoji/> > should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  >
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        🦋
+      </div>
+      <div
+        class="label"
+      >
+        Butterfly
+      </div>
+    </div>
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        🍄
+      </div>
+      <div
+        class="label"
+      >
+        Mushroom
+      </div>
+    </div>
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        ⚽
+      </div>
+      <div
+        class="label"
+      >
+        Ball
+      </div>
+    </div>
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        🌏
+      </div>
+      <div
+        class="label"
+      >
+        Globe
+      </div>
+    </div>
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        🦄
+      </div>
+      <div
+        class="label"
+      >
+        Unicorn
+      </div>
+    </div>
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        🚀
+      </div>
+      <div
+        class="label"
+      >
+        Rocket
+      </div>
+    </div>
+    <div
+      class="segment"
+    >
+      <div
+        aria-hidden="true"
+        class="emoji"
+      >
+        🔧
+      </div>
+      <div
+        class="label"
+      >
+        Spanner
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/res/css/views/rooms/RoomListPanel/_RoomList.pcss b/packages/shared-components/src/crypto/SasEmoji/index.ts
similarity index 67%
rename from res/css/views/rooms/RoomListPanel/_RoomList.pcss
rename to packages/shared-components/src/crypto/SasEmoji/index.ts
index 54798f1ea9..5c6dc18fb7 100644
--- a/res/css/views/rooms/RoomListPanel/_RoomList.pcss
+++ b/packages/shared-components/src/crypto/SasEmoji/index.ts
@@ -1,10 +1,8 @@
 /*
- * Copyright 2025 New Vector Ltd.
+ * Copyright 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
  * Please see LICENSE files in the repository root for full details.
  */
 
-.mx_RoomList {
-    height: 100%;
-}
+export { SasEmoji } from "./SasEmoji.tsx";
diff --git a/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.module.css b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.module.css
new file mode 100644
index 0000000000..40c6156ba8
--- /dev/null
+++ b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.module.css
@@ -0,0 +1,51 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.container {
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    padding: var(--cpd-space-3x);
+    border-radius: 8px;
+    /* Reserve space for external timestamps, but also cap the width */
+    /* Legacy variable: --MessageTimestamp-width: 46px; /* 8 + 30 (avatar) + 8 */
+    /* max-width: min(calc(100% - 2 * var(--MessageTimestamp-width)), 600px); */
+    max-width: min(calc(100% - 2 * 46px), 600px);
+    box-sizing: border-box;
+    display: grid;
+    grid-template-columns: 24px minmax(0, 1fr) min-content min-content;
+
+    svg {
+        position: relative;
+        grid-column: 1;
+        grid-row: 1 / 3;
+        width: 16px;
+        height: 16px;
+        content: "";
+        inset: 0;
+        mask-repeat: no-repeat;
+        mask-position: center;
+        mask-size: contain;
+        margin-top: var(--cpd-space-1x);
+    }
+
+    .title,
+    .subtitle {
+        grid-column: 2;
+        overflow-wrap: break-word;
+        min-inline-size: 50px;
+    }
+
+    .title {
+        font-weight: var(--cpd-font-weight-semibold);
+        font-size: var(--cpd-font-size-body-md);
+        grid-row: 1;
+    }
+
+    .subtitle {
+        font-size: var(--cpd-font-size-body-sm);
+        grid-row: 2;
+    }
+}
diff --git a/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.stories.tsx b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.stories.tsx
new file mode 100644
index 0000000000..9ad126da3c
--- /dev/null
+++ b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.stories.tsx
@@ -0,0 +1,49 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { LockSolidIcon, ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import { EventTileBubble } from "./EventTileBubble";
+
+export default {
+    title: "Event/EventTileBubble",
+    component: EventTileBubble,
+    tags: ["autodocs"],
+    args: {
+        icon: <ErrorSolidIcon />,
+        title: "Title goes here",
+        subtitle: "Subtitle goes here",
+        className: "custom-class",
+    },
+} as Meta<typeof EventTileBubble>;
+
+const Template: StoryFn<typeof EventTileBubble> = (args) => <EventTileBubble {...args} />;
+
+export const Default = Template.bind({});
+
+export const HasLockSolidIcon = Template.bind({});
+HasLockSolidIcon.args = {
+    className: undefined,
+    icon: <LockSolidIcon />,
+    children: undefined,
+};
+
+export const HasChildren = Template.bind({});
+HasChildren.args = {
+    className: undefined,
+    children: <div>children</div>,
+};
+
+export const IsCryptoEventBubble = Template.bind({});
+IsCryptoEventBubble.args = {
+    className: undefined,
+    icon: <LockSolidIcon />,
+    title: "Encryption enabled",
+    subtitle: "Messages here are end-to-end encrypted. Verify XYZ in their profile - tap on their profile picture.",
+};
diff --git a/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.test.tsx b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.test.tsx
new file mode 100644
index 0000000000..ecac4f6615
--- /dev/null
+++ b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.test.tsx
@@ -0,0 +1,37 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { render } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+import React from "react";
+
+import * as stories from "./EventTileBubble.stories.tsx";
+
+const { Default, HasLockSolidIcon, HasChildren, IsCryptoEventBubble } = composeStories(stories);
+
+describe("EventTileBubble", () => {
+    it("renders the event tile bubble", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the event tile bubble with icon", () => {
+        const { container } = render(<HasLockSolidIcon />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the event tile bubble with children", () => {
+        const { container } = render(<HasChildren />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the event tile bubble as crypto event bubble", () => {
+        const { container } = render(<IsCryptoEventBubble />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.tsx b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.tsx
new file mode 100644
index 0000000000..7890e62302
--- /dev/null
+++ b/packages/shared-components/src/event-tiles/EventTileBubble/EventTileBubble.tsx
@@ -0,0 +1,64 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type ReactNode } from "react";
+import classNames from "classnames";
+
+import styles from "./EventTileBubble.module.css";
+
+export interface EventTileBubbleProps {
+    /**
+     * Icon rendered at the start of the bubble.
+     */
+    icon: JSX.Element;
+    /**
+     * Main title text for the bubble.
+     */
+    title: string;
+    /**
+     * Optional subtitle rendered beneath the title.
+     */
+    subtitle?: ReactNode;
+    /**
+     * Optional extra class name for the container.
+     */
+    className?: string;
+    /**
+     * Optional children rendered between subtitle and timestamp.
+     */
+    children?: JSX.Element;
+    /**
+     * Forwarded ref for the container element.
+     */
+    ref?: React.RefObject<HTMLDivElement>;
+}
+
+/**
+ * EventTileBubble renders a compact event tile with an icon, title, and optional subtitle/content.
+ *
+ * @example
+ * ```tsx
+ * <EventTileBubble icon={<Icon />} title="Room created" />
+ * ```
+ */
+export function EventTileBubble({
+    icon,
+    title,
+    subtitle,
+    className,
+    children,
+    ref,
+}: EventTileBubbleProps): JSX.Element {
+    return (
+        <div className={classNames(styles.container, className)} ref={ref}>
+            {icon}
+            <div className={styles.title}>{title}</div>
+            {subtitle && <div className={styles.subtitle}>{subtitle}</div>}
+            {children}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/event-tiles/EventTileBubble/__snapshots__/EventTileBubble.test.tsx.snap b/packages/shared-components/src/event-tiles/EventTileBubble/__snapshots__/EventTileBubble.test.tsx.snap
new file mode 100644
index 0000000000..ce96c45525
--- /dev/null
+++ b/packages/shared-components/src/event-tiles/EventTileBubble/__snapshots__/EventTileBubble.test.tsx.snap
@@ -0,0 +1,124 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EventTileBubble > renders the event tile bubble 1`] = `
+<div>
+  <div
+    class="container custom-class"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+      />
+    </svg>
+    <div
+      class="title"
+    >
+      Title goes here
+    </div>
+    <div
+      class="subtitle"
+    >
+      Subtitle goes here
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EventTileBubble > renders the event tile bubble as crypto event bubble 1`] = `
+<div>
+  <div
+    class="container"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
+      />
+    </svg>
+    <div
+      class="title"
+    >
+      Encryption enabled
+    </div>
+    <div
+      class="subtitle"
+    >
+      Messages here are end-to-end encrypted. Verify XYZ in their profile - tap on their profile picture.
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EventTileBubble > renders the event tile bubble with children 1`] = `
+<div>
+  <div
+    class="container"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+      />
+    </svg>
+    <div
+      class="title"
+    >
+      Title goes here
+    </div>
+    <div
+      class="subtitle"
+    >
+      Subtitle goes here
+    </div>
+    <div>
+      children
+    </div>
+  </div>
+</div>
+`;
+
+exports[`EventTileBubble > renders the event tile bubble with icon 1`] = `
+<div>
+  <div
+    class="container"
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
+      />
+    </svg>
+    <div
+      class="title"
+    >
+      Title goes here
+    </div>
+    <div
+      class="subtitle"
+    >
+      Subtitle goes here
+    </div>
+  </div>
+</div>
+`;
diff --git a/res/css/views/rooms/RoomListPanel/_RoomListItemMenuView.pcss b/packages/shared-components/src/event-tiles/EventTileBubble/index.ts
similarity index 57%
rename from res/css/views/rooms/RoomListPanel/_RoomListItemMenuView.pcss
rename to packages/shared-components/src/event-tiles/EventTileBubble/index.ts
index cabd9b2d20..e9f58fc469 100644
--- a/res/css/views/rooms/RoomListPanel/_RoomListItemMenuView.pcss
+++ b/packages/shared-components/src/event-tiles/EventTileBubble/index.ts
@@ -1,12 +1,8 @@
 /*
- * Copyright 2025 New Vector Ltd.
+ * Copyright 2026 Element Creations Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
  * Please see LICENSE files in the repository root for full details.
  */
 
-.mx_RoomListItemMenuView {
-    svg {
-        fill: var(--cpd-color-icon-primary);
-    }
-}
+export { EventTileBubble, type EventTileBubbleProps } from "./EventTileBubble";
diff --git a/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.test.tsx b/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.test.tsx
index 5d2dd912ef..3a508df56b 100644
--- a/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.test.tsx
+++ b/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.test.tsx
@@ -6,8 +6,9 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./TextualEventView.stories.tsx";
 
diff --git a/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.tsx b/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.tsx
index 3d9e4ac109..d08bfb0adb 100644
--- a/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.tsx
+++ b/packages/shared-components/src/event-tiles/TextualEventView/TextualEventView.tsx
@@ -7,8 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type ReactNode, type JSX } from "react";
 
-import { type ViewModel } from "../../viewmodel/ViewModel";
-import { useViewModel } from "../../useViewModel";
+import { type ViewModel, useViewModel } from "../../viewmodel";
 
 export type TextualEventViewSnapshot = {
     content: string | ReactNode;
diff --git a/packages/shared-components/src/event-tiles/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap b/packages/shared-components/src/event-tiles/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap
index 37c53e56bd..7f0a0ff90c 100644
--- a/packages/shared-components/src/event-tiles/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap
+++ b/packages/shared-components/src/event-tiles/TextualEventView/__snapshots__/TextualEventView.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`TextualEventView renders a textual event 1`] = `
+exports[`TextualEventView > renders a textual event 1`] = `
 <div>
   <div
     class="mx_TextualEvent"
diff --git a/packages/shared-components/src/hooks/useListKeyboardNavigation.test.ts b/packages/shared-components/src/hooks/useListKeyboardNavigation.test.ts
index 9381619edc..860b547ab4 100644
--- a/packages/shared-components/src/hooks/useListKeyboardNavigation.test.ts
+++ b/packages/shared-components/src/hooks/useListKeyboardNavigation.test.ts
@@ -6,7 +6,8 @@
  */
 
 import { type KeyboardEvent } from "react";
-import { renderHook } from "jest-matrix-react";
+import { renderHook } from "@test-utils";
+import { vi, describe, expect, it, beforeEach, afterEach } from "vitest";
 
 import { useListKeyboardNavigation } from "./useListKeyboardNavigation";
 
@@ -31,20 +32,20 @@ describe("useListKeyDown", () => {
 
         // Mock event object
         mockEvent = {
-            preventDefault: jest.fn(),
+            preventDefault: vi.fn(),
             key: "",
         };
 
         // Mock focus methods
         mockItems.forEach((item) => {
-            item.focus = jest.fn();
-            item.click = jest.fn();
+            item.focus = vi.fn();
+            item.click = vi.fn();
         });
     });
 
     afterEach(() => {
         document.body.removeChild(mockList);
-        jest.clearAllMocks();
+        vi.clearAllMocks();
     });
 
     function render(): {
@@ -91,7 +92,7 @@ describe("useListKeyDown", () => {
         ],
     )("should handle %s to focus the %inth element", (key, finalPosition, startPosition) => {
         const result = render();
-        mockList.contains = jest.fn().mockReturnValue(true);
+        mockList.contains = vi.fn().mockReturnValue(true);
 
         Object.defineProperty(document, "activeElement", {
             value: mockItems[startPosition],
@@ -109,7 +110,7 @@ describe("useListKeyDown", () => {
 
     it.each([["ArrowDown"], ["ArrowUp"]])("should not handle %s when active element is not in list", (key) => {
         const result = render();
-        mockList.contains = jest.fn().mockReturnValue(false);
+        mockList.contains = vi.fn().mockReturnValue(false);
 
         const outsideElement = document.createElement("button");
 
diff --git a/packages/shared-components/src/i18n/strings/cs.json b/packages/shared-components/src/i18n/strings/cs.json
new file mode 100644
index 0000000000..c16a2e29b0
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/cs.json
@@ -0,0 +1,113 @@
+{
+    "a11y": {
+        "seek_bar_label": "Panel posunu zvuku"
+    },
+    "action": {
+        "delete": "Smazat",
+        "dismiss": "Zavřít",
+        "edit": "Upravit",
+        "explore_rooms": "Procházet místnosti",
+        "invite": "Pozvat",
+        "new_conversation": "Nová konverzace",
+        "new_room": "Nová místnost",
+        "new_video_room": "Nová video místnost",
+        "open_menu": "Otevřít nabídku",
+        "pause": "Pozastavit",
+        "play": "Přehrát",
+        "remove": "Odstranit",
+        "retry": "Zkusit znovu",
+        "search": "Hledání",
+        "start_chat": "Zahájit konverzaci"
+    },
+    "common": {
+        "preferences": "Předvolby"
+    },
+    "left_panel": {
+        "open_dial_pad": "Otevřít číselník"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Možnosti místnosti"
+        },
+        "history_visibility_badge": {
+            "private": "Noví členové nevidí historii",
+            "shared": "Noví členové vidí historii",
+            "world_readable": "Každý může vidět historii"
+        },
+        "status_bar": {
+            "delete_all": "Smazat vše",
+            "exceeded_resource_limit_description": "Chcete-li službu nadále používat, obraťte se na správce služby.",
+            "exceeded_resource_limit_title": "Vaše zpráva nebyla odeslána, protože tento domovský server překročil limit zdrojů.",
+            "failed_to_create_room_title": "S tímto uživatelem se nepodařilo zahájit chat.",
+            "homeserver_blocked_title": "Vaše zpráva nebyla odeslána, protože tento domovský server byl zablokován jeho správcem.",
+            "monthly_user_limit_reached_title": "Vaše zpráva nebyla odeslána, protože tento domovský server dosáhl svého měsíčního limitu aktivních uživatelů.",
+            "requires_consent_agreement_title": "Nemůžete odesílat žádné zprávy, dokud si nepřečtete a nesouhlasíte s našimi obchodními podmínkami.",
+            "retry_all": "Zkusit vše znovu",
+            "select_messages_to_retry": "Můžete vybrat všechny nebo jednotlivé zprávy, které chcete znovu odeslat nebo smazat.",
+            "server_connectivity_lost_description": "Odeslané zprávy zůstanou uložené, dokud se spojení znovu neobnoví.",
+            "server_connectivity_lost_title": "Připojení k serveru bylo ztraceno.",
+            "some_messages_not_sent": "Některé z vašich zpráv nebyly odeslány"
+        }
+    },
+    "room_list": {
+        "appearance": "Vzhled",
+        "open_space_menu": "Otevřít nabídku prostoru",
+        "room_options": "Možnosti místnosti",
+        "show_message_previews": "Zobrazit náhledy zpráv",
+        "sort": "Řadit",
+        "sort_type": {
+            "activity": "Aktivita",
+            "atoz": "A-Z",
+            "unread_first": "Nepřečtené jako první"
+        },
+        "space_menu": {
+            "home": "Domov prostoru",
+            "space_settings": "Nastavení prostoru"
+        }
+    },
+    "terms": {
+        "tac_button": "Přečíst smluvní podmínky"
+    },
+    "time": {
+        "about_day_ago": "před jedním dnem",
+        "about_hour_ago": "asi před hodinou",
+        "about_minute_ago": "před minutou",
+        "few_seconds_ago": "před pár vteřinami",
+        "in_about_day": "asi za den",
+        "in_about_hour": "asi za hodinu",
+        "in_about_minute": "asi za minutu",
+        "in_few_seconds": "za pár vteřin",
+        "in_n_days": "za %(num)s dní",
+        "in_n_hours": "za %(num)s hodin",
+        "in_n_minutes": "za %(num)s minut",
+        "n_days_ago": "před %(num)s dny",
+        "n_hours_ago": "před %(num)s hodinami",
+        "n_minutes_ago": "před %(num)s minutami"
+    },
+    "timeline": {
+        "decryption_failure": {
+            "blocked": "Odesílatel vám zablokoval příjem této zprávy, protože vaše zařízení není ověřeno",
+            "historical_event_no_key_backup": "Historické zprávy nejsou na tomto zařízení k dispozici",
+            "historical_event_unverified_device": "Pro přístup k historickým zprávám musíte toto zařízení ověřit",
+            "historical_event_user_not_joined": "Nemáte přístup k této zprávě",
+            "sender_identity_previously_verified": "Ověřená identita odesílatele se změnila",
+            "sender_unsigned_device": "Odesláno z nezabezpečeného zařízení.",
+            "unable_to_decrypt": "Nepodařilo se dešifrovat zprávu"
+        },
+        "m.audio": {
+            "audio_player": "Audio přehrávač",
+            "error_downloading_audio": "Chyba při stahování audia",
+            "unnamed_audio": "Nepojmenovaný audio soubor"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Posunout doleva",
+            "move_right": "Posunout doprava",
+            "remove": "Odstranit pro všechny",
+            "revoke": "Odvolat oprávnění",
+            "screenshot": "Vyfotit",
+            "start_audio_stream": "Zahájit audio přenos"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/cy.json b/packages/shared-components/src/i18n/strings/cy.json
new file mode 100644
index 0000000000..3bd036f441
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/cy.json
@@ -0,0 +1,59 @@
+{
+    "a11y": {
+        "seek_bar_label": "Bar chwilio sain"
+    },
+    "action": {
+        "delete": "Dileu",
+        "dismiss": "Gwrthod",
+        "explore_rooms": "Archwilio Ystafelloedd",
+        "pause": "Oedi",
+        "play": "Chwarae",
+        "retry": "Ceisio eto",
+        "search": "Chwilio"
+    },
+    "left_panel": {
+        "open_dial_pad": "Agor y pad deialu"
+    },
+    "room": {
+        "status_bar": {
+            "delete_all": "Dileu'r cyfan",
+            "exceeded_resource_limit_description": "Cysylltwch â gweinyddwr eich gwasanaeth i barhau i ddefnyddio'r gwasanaeth.",
+            "exceeded_resource_limit_title": "Dyw eich neges heb ei anfon oherwydd bod y gweinydd cartref hwn wedi mynd y tu hwnt i derfyn ei adnoddau.",
+            "failed_to_create_room_title": "Methwyd dechrau sgwrs gyda'r defnyddiwr hwn",
+            "homeserver_blocked_title": "Dyw eich neges heb ei anfon oherwydd bod y gweinydd cartref hwn wedi'i rwystro gan ei weinyddwr.",
+            "monthly_user_limit_reached_title": "Dyw eich neges heb ei anfon oherwydd bod y gweinydd cartref hwn wedi cyrraedd ei Derfyn Defnyddiwr Gweithredol Misol.",
+            "requires_consent_agreement_title": "Does dim modd i chi anfon unrhyw negeseuon nes i chi adolygu a chytuno â'n telerau ac amodau.",
+            "retry_all": "Ail-geisio popeth",
+            "select_messages_to_retry": "Gallwch ddewis pob neges neu negeseuon unigol i geisio eto neu eu dileu",
+            "server_connectivity_lost_description": "Bydd negeseuon sy'n cael eu hanfon yn cael eu cadw nes bod eich cysylltiad wedi dychwelyd.",
+            "server_connectivity_lost_title": "Mae'r cysylltiad â'r gweinydd wedi'i golli.",
+            "some_messages_not_sent": "Dyw rhai o'ch negeseuon heb eu hanfon"
+        }
+    },
+    "terms": {
+        "tac_button": "Adolygwch y telerau a'r amodau"
+    },
+    "time": {
+        "about_day_ago": "tua diwrnod yn ôl",
+        "about_hour_ago": "tua awr yn ol",
+        "about_minute_ago": "tua munud yn ôl",
+        "few_seconds_ago": "ychydig eiliadau yn ôl",
+        "in_about_day": "tua diwrnod o nawr",
+        "in_about_hour": "tuag awr o hyn",
+        "in_about_minute": "tua munud o nawr",
+        "in_few_seconds": "ychydig eiliadau o nawr",
+        "in_n_days": "%(num)s diwrnod o nawr",
+        "in_n_hours": "%(num)s awr o nawr",
+        "in_n_minutes": "%(num)s munud o nawr",
+        "n_days_ago": "%(num)s diwrnod yn ôl",
+        "n_hours_ago": "%(num)s awr yn ôl",
+        "n_minutes_ago": "%(num)s munud yn ôl"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Chwaraewr sain",
+            "error_downloading_audio": "Gwall wrth llwytho i lawrsain",
+            "unnamed_audio": "Sain dienw"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/da.json b/packages/shared-components/src/i18n/strings/da.json
new file mode 100644
index 0000000000..39eb6ccfa8
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/da.json
@@ -0,0 +1,35 @@
+{
+    "a11y": {
+        "seek_bar_label": "Progressionsmarkør for lydafspiller"
+    },
+    "action": {
+        "delete": "Slet",
+        "dismiss": "Afvis",
+        "explore_rooms": "Udforsk rum",
+        "pause": "Pausér",
+        "play": "Afspil",
+        "search": "Søg"
+    },
+    "time": {
+        "about_day_ago": "omkring en dag siden",
+        "about_hour_ago": "for omkring en time siden",
+        "about_minute_ago": "for omkring et minut siden",
+        "few_seconds_ago": "for et par sekunder siden",
+        "in_about_day": "om cirka en dag fra nu",
+        "in_about_hour": "omkring en time fra nu",
+        "in_about_minute": "omkring et minut fra nu",
+        "in_few_seconds": "et par sekunder fra nu",
+        "in_n_days": "%(num)s dage fra nu",
+        "in_n_hours": "%(num)s timer fra nu",
+        "in_n_minutes": "%(num)s minutter fra nu",
+        "n_days_ago": "%(num)s dage siden",
+        "n_hours_ago": "%(num)s timer siden",
+        "n_minutes_ago": "%(num)s minutter siden"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Fejl ved download af lyd",
+            "unnamed_audio": "Unavngiven lyd"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/de_DE.json b/packages/shared-components/src/i18n/strings/de_DE.json
new file mode 100644
index 0000000000..158c75e6d5
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/de_DE.json
@@ -0,0 +1,110 @@
+{
+    "a11y": {
+        "seek_bar_label": "Audio-Suchleiste"
+    },
+    "action": {
+        "delete": "Löschen",
+        "dismiss": "Ausblenden",
+        "edit": "Bearbeiten",
+        "explore_rooms": "Chats erkunden",
+        "invite": "Einladen",
+        "new_room": "Neue Gruppe",
+        "new_video_room": "Neuer Videochat",
+        "open_menu": "Menü öffnen",
+        "pause": "Pausieren",
+        "play": "Abspielen",
+        "remove": "Entfernen",
+        "retry": "Erneut versuchen",
+        "search": "Suchen",
+        "start_chat": "Neuer Chat"
+    },
+    "common": {
+        "preferences": "Einstellungen"
+    },
+    "left_panel": {
+        "open_dial_pad": "Wähltastatur öffnen"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Chatoptionen"
+        },
+        "history_visibility_badge": {
+            "private": "Neue Mitglieder sehen keinen historischen Nachrichtenverlauf",
+            "shared": "Neue Mitglieder sehen den historischen Nachrichtenverlauf",
+            "world_readable": "Jeder kann vergangene Nachrichten lesen"
+        },
+        "status_bar": {
+            "delete_all": "Alle löschen",
+            "exceeded_resource_limit_title": "Deine Nachricht konnte nicht versendet werden, da dein Homeserver ein Ressourcenlimit überschritten hat.",
+            "failed_to_create_room_title": "Es konnte kein Chat mit diesem Nutzer gestartet werden",
+            "homeserver_blocked_title": "Deine Nachricht konnte nicht versendet werden, da der Admin deinen Homeserver gesperrt hat.",
+            "monthly_user_limit_reached_title": "Deine Nachricht konnte nicht versendet werden, da dein Homeserver das monatliche Nutzerlimit erreicht hat.",
+            "requires_consent_agreement_title": "Du kannst erst dann Nachrichten verschicken, wenn du unsere Geschäftsbedingungen gelesen und akzeptiert hast.",
+            "select_messages_to_retry": "Du kannst einzelne oder alle Nachrichten erneut senden oder löschen",
+            "server_connectivity_lost_description": "Nachrichten werden gespeichert und gesendet, wenn die Internetverbindung wiederhergestellt ist.",
+            "server_connectivity_lost_title": "Verbindung zum Server wurde unterbrochen.",
+            "some_messages_not_sent": "Einige Nachrichten konnten nicht gesendet werden"
+        }
+    },
+    "room_list": {
+        "appearance": "Darstellung",
+        "open_space_menu": "Menü für Spaces öffnen",
+        "room_options": "Chatoptionen",
+        "show_message_previews": "Nachrichtenvorschau anzeigen",
+        "sort": "Sortieren",
+        "sort_type": {
+            "activity": "Aktivität",
+            "atoz": "A–Z",
+            "unread_first": "Ungelesen zuerst"
+        },
+        "space_menu": {
+            "home": "Space Home",
+            "space_settings": "Space Einstellungen"
+        }
+    },
+    "terms": {
+        "tac_button": "Geschäftsbedingungen anzeigen"
+    },
+    "time": {
+        "about_day_ago": "vor etwa einem Tag",
+        "about_hour_ago": "vor etwa einer Stunde",
+        "about_minute_ago": "vor etwa einer Minute",
+        "few_seconds_ago": "vor ein paar Sekunden",
+        "in_about_day": "in etwa einem Tag",
+        "in_about_hour": "in etwa einer Stunde",
+        "in_about_minute": "in etwa einer Minute",
+        "in_few_seconds": "in ein paar Sekunden",
+        "in_n_days": "in %(num)s Tagen",
+        "in_n_hours": "in %(num)s Stunden",
+        "in_n_minutes": "In etwa %(num)s Minuten",
+        "n_days_ago": "vor %(num)s Tagen",
+        "n_hours_ago": "vor %(num)s Stunden",
+        "n_minutes_ago": "vor %(num)s Minuten"
+    },
+    "timeline": {
+        "decryption_failure": {
+            "blocked": "Der Absender hat den Empfang dieser Nachricht blockiert, da dein Gerät nicht verifiziert ist.",
+            "historical_event_no_key_backup": "Der Nachrichtenverlauf ist auf diesem Gerät nicht verfügbar",
+            "historical_event_unverified_device": "Für den Zugriff auf den Nachrichtenverlauf musst du dieses Gerät verifizieren",
+            "historical_event_user_not_joined": "Du hast keinen Zugriff auf diese Nachricht",
+            "sender_identity_previously_verified": "Die verifizierte Identität des Absenders wurde zurückgesetzt",
+            "sender_unsigned_device": "Von einem unsicheren Gerät verschickt.",
+            "unable_to_decrypt": "Nachricht kann nicht entschlüsselt werden"
+        },
+        "m.audio": {
+            "audio_player": "Audio-Player",
+            "error_downloading_audio": "Fehler beim Herunterladen der Audiodatei",
+            "unnamed_audio": "Unbenannte Audiodatei"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Nach links schieben",
+            "move_right": "Nach rechts schieben",
+            "remove": "Für alle entfernen",
+            "revoke": "Berechtigungen widerrufen",
+            "screenshot": "Bildschirmfoto",
+            "start_audio_stream": "Audiostream starten"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/el.json b/packages/shared-components/src/i18n/strings/el.json
new file mode 100644
index 0000000000..1a9693f88e
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/el.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "Διαγραφή",
+        "dismiss": "Απόρριψη",
+        "explore_rooms": "Εξερευνήστε αίθουσες",
+        "pause": "Παύση",
+        "play": "Αναπαραγωγή",
+        "search": "Αναζήτηση"
+    },
+    "left_panel": {
+        "open_dial_pad": "Άνοιγμα πληκτρολογίου κλήσης"
+    },
+    "time": {
+        "about_day_ago": "σχεδόν μία μέρα πριν",
+        "about_hour_ago": "σχεδόν μία ώρα πριν",
+        "about_minute_ago": "σχεδόν ένα λεπτό πριν",
+        "few_seconds_ago": "λίγα δευτερόλεπτα πριν",
+        "in_about_day": "περίπου μια μέρα από τώρα",
+        "in_about_hour": "περίπου μία ώρα από τώρα",
+        "in_about_minute": "περίπου ένα λεπτό από τώρα",
+        "in_few_seconds": "λίγα δευτερόλεπτα από τώρα",
+        "in_n_days": "%(num)s μέρες από τώρα",
+        "in_n_hours": "%(num)s ώρες από τώρα",
+        "in_n_minutes": "%(num)s λεπτά από τώρα",
+        "n_days_ago": "%(num)s μέρες πριν",
+        "n_hours_ago": "%(num)s ώρες πριν",
+        "n_minutes_ago": "%(num)s λεπτά πριν"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Σφάλμα λήψης ήχου",
+            "unnamed_audio": "Ήχος χωρίς όνομα"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/en_EN.json b/packages/shared-components/src/i18n/strings/en_EN.json
new file mode 100644
index 0000000000..2ba72dd1c5
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/en_EN.json
@@ -0,0 +1,174 @@
+{
+    "a11y": {
+        "seek_bar_label": "Audio seek bar"
+    },
+    "action": {
+        "delete": "Delete",
+        "dismiss": "Dismiss",
+        "edit": "Edit",
+        "explore_rooms": "Explore rooms",
+        "invite": "Invite",
+        "new_conversation": "New conversation",
+        "new_room": "New room",
+        "new_video_room": "New video room",
+        "open_menu": "Open menu",
+        "pause": "Pause",
+        "play": "Play",
+        "remove": "Remove",
+        "retry": "Retry",
+        "search": "Search",
+        "start_chat": "Start chat"
+    },
+    "common": {
+        "preferences": "Preferences"
+    },
+    "left_panel": {
+        "open_dial_pad": "Open dial pad"
+    },
+    "notifications": {
+        "all_messages": "All messages",
+        "default_settings": "Match default settings",
+        "mentions_keywords": "Mentions and keywords",
+        "mute_room": "Mute room"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Room options"
+        },
+        "history_visibility_badge": {
+            "private": "New members don't see history",
+            "shared": "New members see history",
+            "world_readable": "Anyone can see history"
+        },
+        "status_bar": {
+            "delete_all": "Delete all",
+            "exceeded_resource_limit_description": "Please contact your service administrator to continue using the service.",
+            "exceeded_resource_limit_title": "Your message wasn't sent because this homeserver has exceeded a resource limit.",
+            "failed_to_create_room_title": "Could not start a chat with this user",
+            "homeserver_blocked_title": "Your message wasn't sent because this homeserver has been blocked by its administrator.",
+            "monthly_user_limit_reached_title": "Your message wasn't sent because this homeserver has hit its Monthly Active User Limit.",
+            "requires_consent_agreement_title": "You can't send any messages until you review and agree to our terms and conditions.",
+            "retry_all": "Retry all",
+            "select_messages_to_retry": "You can select all or individual messages to retry or delete",
+            "server_connectivity_lost_description": "Sent messages will be stored until your connection has returned.",
+            "server_connectivity_lost_title": "Connectivity to the server has been lost.",
+            "some_messages_not_sent": "Some of your messages have not been sent"
+        }
+    },
+    "room_list": {
+        "a11y": {
+            "default": "Open room %(roomName)s",
+            "invitation": "Open room %(roomName)s invitation.",
+            "mention": {
+                "one": "Open room %(roomName)s with 1 unread mention.",
+                "other": "Open room %(roomName)s with %(count)s unread mentions."
+            },
+            "unread": {
+                "one": "Open room %(roomName)s with 1 unread message.",
+                "other": "Open room %(roomName)s with %(count)s unread messages."
+            },
+            "unsent_message": "Open room %(roomName)s with an unsent message."
+        },
+        "appearance": "Appearance",
+        "collapse_filters": "Collapse filter list",
+        "empty": {
+            "no_chats": "No chats yet",
+            "no_chats_description": "Get started by messaging someone or by creating a room",
+            "no_chats_description_no_room_rights": "Get started by messaging someone",
+            "no_favourites": "You don't have favourite chats yet",
+            "no_favourites_description": "You can add a chat to your favourites in the chat settings",
+            "no_invites": "You don't have any unread invites",
+            "no_lowpriority": "You don't have any low priority rooms",
+            "no_mentions": "You don't have any unread mentions",
+            "no_people": "You don’t have direct chats with anyone yet",
+            "no_people_description": "You can deselect filters in order to see your other chats",
+            "no_rooms": "You’re not in any room yet",
+            "no_rooms_description": "You can deselect filters in order to see your other chats",
+            "no_unread": "Congrats! You don’t have any unread messages",
+            "show_activity": "See all activity",
+            "show_chats": "Show all chats"
+        },
+        "expand_filters": "Expand filter list",
+        "filters": {
+            "favourite": "Favourites",
+            "invites": "Invites",
+            "low_priority": "Low priority",
+            "mentions": "Mentions",
+            "people": "People",
+            "rooms": "Rooms",
+            "unread": "Unreads"
+        },
+        "list_title": "Room list",
+        "more_options": {
+            "copy_link": "Copy room link",
+            "favourited": "Favourited",
+            "leave_room": "Leave room",
+            "low_priority": "Low priority",
+            "mark_read": "Mark as read",
+            "mark_unread": "Mark as unread"
+        },
+        "notification_options": "Notification options",
+        "open_space_menu": "Open space menu",
+        "primary_filters": "Room list filters",
+        "room": {
+            "more_options": "More Options"
+        },
+        "room_options": "Room Options",
+        "show_message_previews": "Show message previews",
+        "sort": "Sort",
+        "sort_type": {
+            "activity": "Activity",
+            "atoz": "A-Z",
+            "unread_first": "Unread first"
+        },
+        "space_menu": {
+            "home": "Space home",
+            "space_settings": "Space settings"
+        }
+    },
+    "terms": {
+        "tac_button": "Review terms and conditions"
+    },
+    "time": {
+        "about_day_ago": "about a day ago",
+        "about_hour_ago": "about an hour ago",
+        "about_minute_ago": "about a minute ago",
+        "few_seconds_ago": "a few seconds ago",
+        "in_about_day": "about a day from now",
+        "in_about_hour": "about an hour from now",
+        "in_about_minute": "about a minute from now",
+        "in_few_seconds": "a few seconds from now",
+        "in_n_days": "%(num)s days from now",
+        "in_n_hours": "%(num)s hours from now",
+        "in_n_minutes": "%(num)s minutes from now",
+        "n_days_ago": "%(num)s days ago",
+        "n_hours_ago": "%(num)s hours ago",
+        "n_minutes_ago": "%(num)s minutes ago"
+    },
+    "timeline": {
+        "decryption_failure": {
+            "blocked": "The sender has blocked you from receiving this message because your device is unverified",
+            "historical_event_no_key_backup": "Historical messages are not available on this device",
+            "historical_event_unverified_device": "You need to verify this device for access to historical messages",
+            "historical_event_user_not_joined": "You don't have access to this message",
+            "sender_identity_previously_verified": "Sender's verified identity was reset",
+            "sender_unsigned_device": "Sent from an insecure device.",
+            "unable_to_decrypt": "Unable to decrypt message"
+        },
+        "m.audio": {
+            "audio_player": "Audio player",
+            "error_downloading_audio": "Error downloading audio",
+            "unnamed_audio": "Unnamed audio"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Move left",
+            "move_right": "Move right",
+            "remove": "Remove for everyone",
+            "revoke": "Revoke permissions",
+            "screenshot": "Take a picture",
+            "start_audio_stream": "Start audio stream"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/eo.json b/packages/shared-components/src/i18n/strings/eo.json
new file mode 100644
index 0000000000..83c7485327
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/eo.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "Forigi",
+        "dismiss": "Rezigni",
+        "explore_rooms": "Esplori ĉambrojn",
+        "pause": "Paŭzigi",
+        "play": "Ludi",
+        "search": "Serĉi"
+    },
+    "left_panel": {
+        "open_dial_pad": "Malfermi ciferplaton"
+    },
+    "time": {
+        "about_day_ago": "antaŭ ĉirkaŭ tago",
+        "about_hour_ago": "antaŭ ĉirkaŭ horo",
+        "about_minute_ago": "antaŭ ĉirkaŭ minuto",
+        "few_seconds_ago": "antaŭ kelkaj sekundoj",
+        "in_about_day": "ĉirkaŭ tagon de nun",
+        "in_about_hour": "ĉirkaŭ horon de nun",
+        "in_about_minute": "ĉirkaŭ minuton de nun",
+        "in_few_seconds": "kelkajn sekundojn de nun",
+        "in_n_days": "%(num)s tagojn de nun",
+        "in_n_hours": "%(num)s horojn de nun",
+        "in_n_minutes": "%(num)s minutojn de nun",
+        "n_days_ago": "antaŭ %(num)s tagoj",
+        "n_hours_ago": "antaŭ %(num)s horoj",
+        "n_minutes_ago": "antaŭ %(num)s minutoj"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Eraris elŝuto de sondosiero",
+            "unnamed_audio": "Sennoma sondosiero"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/es.json b/packages/shared-components/src/i18n/strings/es.json
new file mode 100644
index 0000000000..3efb5cdeea
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/es.json
@@ -0,0 +1,39 @@
+{
+    "a11y": {
+        "seek_bar_label": "Barra de búsqueda de audio"
+    },
+    "action": {
+        "delete": "Borrar",
+        "dismiss": "Omitir",
+        "explore_rooms": "Explorar salas",
+        "pause": "Pausar",
+        "play": "Reproducir",
+        "search": "Buscar"
+    },
+    "left_panel": {
+        "open_dial_pad": "Abrir teclado numérico"
+    },
+    "time": {
+        "about_day_ago": "hace aprox. un día",
+        "about_hour_ago": "hace aprox. una hora",
+        "about_minute_ago": "hace aproximadamente un minuto",
+        "few_seconds_ago": "hace unos segundos",
+        "in_about_day": "dentro de un día",
+        "in_about_hour": "dentro de una hora",
+        "in_about_minute": "dentro de un minuto",
+        "in_few_seconds": "dentro de unos segundos",
+        "in_n_days": "dentro de %(num)s días",
+        "in_n_hours": "dentro de %(num)s horas",
+        "in_n_minutes": "dentro de %(num)s minutos",
+        "n_days_ago": "hace %(num)s días",
+        "n_hours_ago": "hace %(num)s horas",
+        "n_minutes_ago": "hace %(num)s minutos"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Reproductor de audio",
+            "error_downloading_audio": "Error al descargar el audio",
+            "unnamed_audio": "Audio sin título"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/et.json b/packages/shared-components/src/i18n/strings/et.json
new file mode 100644
index 0000000000..6310387318
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/et.json
@@ -0,0 +1,113 @@
+{
+    "a11y": {
+        "seek_bar_label": "Heli kerimisriba"
+    },
+    "action": {
+        "delete": "Kustuta",
+        "dismiss": "Loobu",
+        "edit": "Muuda",
+        "explore_rooms": "Tutvu jututubadega",
+        "invite": "Kutsu",
+        "new_conversation": "Uus vestlus",
+        "new_room": "Uus jututuba",
+        "new_video_room": "Uus videotuba",
+        "open_menu": "Ava menüü",
+        "pause": "Peata",
+        "play": "Esita",
+        "remove": "Eemalda",
+        "retry": "Proovi uuesti",
+        "search": "Otsing",
+        "start_chat": "Alusta vestlust"
+    },
+    "common": {
+        "preferences": "Eelistused"
+    },
+    "left_panel": {
+        "open_dial_pad": "Ava numbriklahvistik"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Jututoa eelistused"
+        },
+        "history_visibility_badge": {
+            "private": "Uued liikmed ei näe ajalugu",
+            "shared": "Uued liikmed näevad ajalugu",
+            "world_readable": "Kõik võivad ajalugu näha"
+        },
+        "status_bar": {
+            "delete_all": "Kustuta kõik",
+            "exceeded_resource_limit_description": "Teenuse kasutamise jätkamiseks võta ühendust oma teenuse haldajaga või peakasutajaga.",
+            "exceeded_resource_limit_title": "Kuna see koduserver on ületanud etteantud ressursside ülempiiri, siis sinu sõnum on saatmata.",
+            "failed_to_create_room_title": "Selle kasutajaga ei õnnestunud alustada vestlust",
+            "homeserver_blocked_title": "Kuna see koduserver on peakasutaja või haldaaja poolt blokeerinud, siis sinu sõnum on saatmata.",
+            "monthly_user_limit_reached_title": "Sinu sõnum on saatmata, kuna see koduserver on saavutanud oma igakuise aktiivsete kasutajate ülempiiri.",
+            "requires_consent_agreement_title": "Sa ei saa sõnumeid saata enne, kui oled meie kasutustingimustega tutvunud ja nendega nõustunud.",
+            "retry_all": "Proovi kõikidega uuesti",
+            "select_messages_to_retry": "Sa võid valida kas kõik või mõned sõnumid kas kustutamiseks või uuesti saatmiseks",
+            "server_connectivity_lost_description": "Saadetud sõnumid salvestatakse seniks, kuni võrguühendus on taastunud.",
+            "server_connectivity_lost_title": "Võrguühendus serveriga on katkenud.",
+            "some_messages_not_sent": "Mõned sinu sõnumid on saatmata"
+        }
+    },
+    "room_list": {
+        "appearance": "Välimus",
+        "open_space_menu": "Ava kogukonna menüü",
+        "room_options": "Jututoa valikud",
+        "show_message_previews": "Näita sõnumite eelvaateid",
+        "sort": "Järjesta",
+        "sort_type": {
+            "activity": "Aktiivsuse alusel",
+            "atoz": "Tähestiku järjekorras",
+            "unread_first": "Esmalt lugemata"
+        },
+        "space_menu": {
+            "home": "Kogukonna avaleht",
+            "space_settings": "Kogukonna seadistused"
+        }
+    },
+    "terms": {
+        "tac_button": "Vaata üle kasutustingimused"
+    },
+    "time": {
+        "about_day_ago": "umbes päev tagasi",
+        "about_hour_ago": "umbes tund aega tagasi",
+        "about_minute_ago": "umbes minut tagasi",
+        "few_seconds_ago": "mõni sekund tagasi",
+        "in_about_day": "umbes päeva pärast",
+        "in_about_hour": "umbes tunni pärast",
+        "in_about_minute": "umbes minuti pärast",
+        "in_few_seconds": "mõne sekundi pärast",
+        "in_n_days": "%(num)s päeva pärast",
+        "in_n_hours": "%(num)s tunni pärast",
+        "in_n_minutes": "%(num)s minuti pärast",
+        "n_days_ago": "%(num)s päeva tagasi",
+        "n_hours_ago": "%(num)s tundi tagasi",
+        "n_minutes_ago": "%(num)s minutit tagasi"
+    },
+    "timeline": {
+        "decryption_failure": {
+            "blocked": "Kuna sinu seade on verifitseerimata, siis saatja on blokeerinud võimaluse, et sa saaksid selle sõnumi",
+            "historical_event_no_key_backup": "Varasemad sõnumid pole selles seadmes loetavad",
+            "historical_event_unverified_device": "Ligipääsuks vanadele sõnumitele pead selle seadme verifitseerima",
+            "historical_event_user_not_joined": "Sul pole ligipääsu antud sõnumile",
+            "sender_identity_previously_verified": "Saatja verifitseeritud võrguidentiteet on lähtestatud",
+            "sender_unsigned_device": "Saadetud ebaturvalisest seadmest.",
+            "unable_to_decrypt": "Sõnumi dekrüptimine ei õnnestunud"
+        },
+        "m.audio": {
+            "audio_player": "Meediaesitaja",
+            "error_downloading_audio": "Helifaili allalaadimine ei õnnestunud",
+            "unnamed_audio": "Nimetu helifail"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Liigu vasakule",
+            "move_right": "Liigu paremale",
+            "remove": "Eemalda kõigilt",
+            "revoke": "Tühista õigused",
+            "screenshot": "Pildista",
+            "start_audio_stream": "Käivita audiovoog"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/fa.json b/packages/shared-components/src/i18n/strings/fa.json
new file mode 100644
index 0000000000..0871bcdc0b
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/fa.json
@@ -0,0 +1,29 @@
+{
+    "action": {
+        "delete": "پاک‌کردن",
+        "dismiss": "نادیده بگیر",
+        "explore_rooms": "جستجو در اتاق ها",
+        "pause": "متوقف‌کردن",
+        "play": "اجرا کردن",
+        "search": "جستجو"
+    },
+    "left_panel": {
+        "open_dial_pad": "باز کردن صفحه شماره‌گیری"
+    },
+    "time": {
+        "about_day_ago": "حدود یک روز قبل",
+        "about_hour_ago": "حدود یک ساعت قبل",
+        "about_minute_ago": "حدود یک دقیقه قبل",
+        "few_seconds_ago": "چند ثانیه قبل",
+        "in_about_day": "حدود یک روز دیگر",
+        "in_about_hour": "حدود یک ساعت دیگر",
+        "in_about_minute": "حدود یک دقیقه دیگر",
+        "in_few_seconds": "چند ثانیه دیگر",
+        "in_n_days": "%(num)s روز دیگر",
+        "in_n_hours": "%(num)s ساعت دیگر",
+        "in_n_minutes": "%(num)s دقیقه دیگر",
+        "n_days_ago": "%(num)s روز قبل",
+        "n_hours_ago": "%(num)s ساعت قبل",
+        "n_minutes_ago": "%(num)s دقیقه قبل"
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/fi.json b/packages/shared-components/src/i18n/strings/fi.json
new file mode 100644
index 0000000000..d178b17307
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/fi.json
@@ -0,0 +1,38 @@
+{
+    "a11y": {
+        "seek_bar_label": "Äänen siirtymispalkki"
+    },
+    "action": {
+        "delete": "Poista",
+        "dismiss": "Hylkää",
+        "explore_rooms": "Selaa huoneita",
+        "pause": "Keskeytä",
+        "play": "Toista",
+        "search": "Haku"
+    },
+    "left_panel": {
+        "open_dial_pad": "Avaa näppäimistö"
+    },
+    "time": {
+        "about_day_ago": "noin päivä sitten",
+        "about_hour_ago": "noin tunti sitten",
+        "about_minute_ago": "noin minuutti sitten",
+        "few_seconds_ago": "muutama sekunti sitten",
+        "in_about_day": "noin päivä sitten",
+        "in_about_hour": "noin tunti sitten",
+        "in_about_minute": "noin minuutti sitten",
+        "in_few_seconds": "muutama sekunti sitten",
+        "in_n_days": "%(num)s päivää sitten",
+        "in_n_hours": "%(num)s tuntia sitten",
+        "in_n_minutes": "%(num)s minuuttia sitten",
+        "n_days_ago": "%(num)s päivää sitten",
+        "n_hours_ago": "%(num)s tuntia sitten",
+        "n_minutes_ago": "%(num)s minuuttia sitten"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Virhe ääntä ladattaessa",
+            "unnamed_audio": "Nimetön ääni"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/fr.json b/packages/shared-components/src/i18n/strings/fr.json
new file mode 100644
index 0000000000..674f99cac8
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/fr.json
@@ -0,0 +1,84 @@
+{
+    "a11y": {
+        "seek_bar_label": "Barre de recherche audio"
+    },
+    "action": {
+        "delete": "Supprimer",
+        "dismiss": "Ignorer",
+        "explore_rooms": "Parcourir les salons",
+        "invite": "Inviter",
+        "new_conversation": "Nouvelle conversation",
+        "new_room": "Nouveau salon",
+        "new_video_room": "Nouveau salon visio",
+        "open_menu": "Ouvrir le menu",
+        "pause": "Pause",
+        "play": "Lecture",
+        "retry": "Réessayer",
+        "search": "Rechercher",
+        "start_chat": "Démarrer une discussion"
+    },
+    "common": {
+        "preferences": "Préférences"
+    },
+    "left_panel": {
+        "open_dial_pad": "Ouvrir le pavé de numérotation"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Options du salon"
+        },
+        "status_bar": {
+            "delete_all": "Tout supprimer",
+            "exceeded_resource_limit_description": "Veuillez contacter votre administrateur pour continuer à utiliser le service.",
+            "exceeded_resource_limit_title": "Votre message n'a pas pu être envoyé car ce serveur d'accueil a dépassé sa limite de ressources.",
+            "failed_to_create_room_title": "Impossible de démarrer une discussion avec cet utilisateur",
+            "homeserver_blocked_title": "Votre message n'a pas pu être envoyé car ce serveur d'accueil a été bloqué par son administrateur.",
+            "monthly_user_limit_reached_title": "Votre message n'a pas pu être envoyé car ce serveur d'accueil a atteint sa limite mensuelle d'utilisateurs actifs.",
+            "requires_consent_agreement_title": "Vous ne pouvez envoyer aucun message tant que vous n'aurez pas consulté et accepté nos conditions générales.",
+            "retry_all": "Tout réessayer",
+            "select_messages_to_retry": "Vous pouvez choisir de renvoyer ou supprimer tous les messages ou seulement certains",
+            "server_connectivity_lost_description": "Les messages envoyés seront stockés jusqu’à ce que votre connexion revienne.",
+            "server_connectivity_lost_title": "La connexion avec le serveur a été perdue.",
+            "some_messages_not_sent": "Certains de vos messages n’ont pas été envoyés"
+        }
+    },
+    "room_list": {
+        "open_space_menu": "Ouvrir le menu de l’espace",
+        "room_options": "Options du salon",
+        "sort": "Trier",
+        "sort_type": {
+            "activity": "Activité",
+            "atoz": "A-Z"
+        },
+        "space_menu": {
+            "home": "Accueil de l’espace",
+            "space_settings": "Paramètres de l'espace"
+        }
+    },
+    "terms": {
+        "tac_button": "Voir les conditions générales"
+    },
+    "time": {
+        "about_day_ago": "il y a environ un jour",
+        "about_hour_ago": "il y a environ une heure",
+        "about_minute_ago": "il y a environ une minute",
+        "few_seconds_ago": "il y a quelques secondes",
+        "in_about_day": "dans un jour environ",
+        "in_about_hour": "dans une heure environ",
+        "in_about_minute": "dans une minute environ",
+        "in_few_seconds": "dans quelques secondes",
+        "in_n_days": "dans %(num)s jours",
+        "in_n_hours": "dans %(num)s heures",
+        "in_n_minutes": "dans %(num)s minutes",
+        "n_days_ago": "il y a %(num)s jours",
+        "n_hours_ago": "il y a %(num)s heures",
+        "n_minutes_ago": "il y a %(num)s minutes"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Lecteur audio",
+            "error_downloading_audio": "Erreur lors du téléchargement de l’audio",
+            "unnamed_audio": "Audio sans nom"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/gl.json b/packages/shared-components/src/i18n/strings/gl.json
new file mode 100644
index 0000000000..2acc9ba7ca
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/gl.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "Eliminar",
+        "dismiss": "Rexeitar",
+        "explore_rooms": "Explorar salas",
+        "pause": "Deter",
+        "play": "Reproducir",
+        "search": "Busca"
+    },
+    "left_panel": {
+        "open_dial_pad": "Abrir marcador"
+    },
+    "time": {
+        "about_day_ago": "onte",
+        "about_hour_ago": "fai unha hora",
+        "about_minute_ago": "fai un minuto",
+        "few_seconds_ago": "fai uns segundos",
+        "in_about_day": "foi onte",
+        "in_about_hour": "fará unha hora",
+        "in_about_minute": "haberá un minuto",
+        "in_few_seconds": "hai só uns segundos",
+        "in_n_days": "fará %(num)s días",
+        "in_n_hours": "fará %(num)s horas",
+        "in_n_minutes": "fará %(num)s minutos",
+        "n_days_ago": "fai %(num)s días",
+        "n_hours_ago": "fai %(num)s horas",
+        "n_minutes_ago": "fai %(num)s minutos"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Erro ao descargar o audio",
+            "unnamed_audio": "Audio sen nome"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/he.json b/packages/shared-components/src/i18n/strings/he.json
new file mode 100644
index 0000000000..8d19269362
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/he.json
@@ -0,0 +1,27 @@
+{
+    "action": {
+        "delete": "מחק",
+        "dismiss": "התעלם",
+        "explore_rooms": "גלה חדרים",
+        "search": "חפש"
+    },
+    "left_panel": {
+        "open_dial_pad": "פתח לוח חיוג"
+    },
+    "time": {
+        "about_day_ago": "בערך לפני יום",
+        "about_hour_ago": "בערך לפני כשעה",
+        "about_minute_ago": "לפני בערך דקה",
+        "few_seconds_ago": "לפני מספר שניות",
+        "in_about_day": "בערך בעוד יום מעכשיו",
+        "in_about_hour": "בערך בעוד כשעה",
+        "in_about_minute": "בערך עוד דקה אחת",
+        "in_few_seconds": "בעוד מספר שניות מעכשיו",
+        "in_n_days": "בעוד %(num)s ימים מעכשיו",
+        "in_n_hours": "בעוד %(num)s שעות",
+        "in_n_minutes": "בעוד %(num)s דקות",
+        "n_days_ago": "לפני %(num)s ימים",
+        "n_hours_ago": "לפני %(num)s שעות",
+        "n_minutes_ago": "לפני %(num)s דקות"
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/hu.json b/packages/shared-components/src/i18n/strings/hu.json
new file mode 100644
index 0000000000..3ea03a5aef
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/hu.json
@@ -0,0 +1,87 @@
+{
+    "a11y": {
+        "seek_bar_label": "Hang keresősávja"
+    },
+    "action": {
+        "delete": "Törlés",
+        "dismiss": "Eltüntetés",
+        "explore_rooms": "Szobák felderítése",
+        "invite": "Meghívás",
+        "new_conversation": "Új beszélgetés",
+        "new_room": "Új szoba",
+        "new_video_room": "Új videószoba",
+        "open_menu": "Menü megnyitása",
+        "pause": "Szünet",
+        "play": "Lejátszás",
+        "retry": "Újra",
+        "search": "Keresés",
+        "start_chat": "Csevegés indítása"
+    },
+    "common": {
+        "preferences": "Beállítások"
+    },
+    "left_panel": {
+        "open_dial_pad": "Számlap megnyitása"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Szobabeállítások"
+        },
+        "status_bar": {
+            "delete_all": "Összes törlése",
+            "exceeded_resource_limit_description": "A szolgáltatás további használatához vegye fel a kapcsolatot a szolgáltatóval.",
+            "exceeded_resource_limit_title": "Az üzenet nem került elküldésre, mert ez a Matrix-kiszolgáló túllépte az erőforráskorlátot.",
+            "failed_to_create_room_title": "Nem sikerült csevegést indítani ezzel a felhasználóval",
+            "homeserver_blocked_title": "Az üzenet nem került elküldésre, mert ezt a Matrix-kiszolgálót az adminisztrátora blokkolta.",
+            "monthly_user_limit_reached_title": "Az üzenet nem került elküldésre, mert ez a Matrix-kiszolgáló elérte a havi aktív felhasználói korlátját.",
+            "requires_consent_agreement_title": "Addig nem küldhet üzeneteket, amíg nem olvasta el és nem fogadta el a felhasználási feltételeinket.",
+            "retry_all": "Összes újraküldése",
+            "select_messages_to_retry": "Újraküldéshez vagy törléshez kiválaszthatja az üzeneteket egyenként vagy az összeset együtt",
+            "server_connectivity_lost_description": "Az elküldött üzenetek tárolva lesznek, amíg a kapcsolata újra elérhető nem lesz.",
+            "server_connectivity_lost_title": "Megszakadt a kapcsolat a kiszolgálóval.",
+            "some_messages_not_sent": "Néhány üzenete nem lett elküldve"
+        }
+    },
+    "room_list": {
+        "appearance": "Megjelenítés",
+        "open_space_menu": "Tér menü megnyitása",
+        "room_options": "Szobabeállítások",
+        "show_message_previews": "Üzenetelőnézetek megjelenítése",
+        "sort": "Rendezés",
+        "sort_type": {
+            "activity": "Tevékenység",
+            "atoz": "A–Z",
+            "unread_first": "Olvasatlan elöl"
+        },
+        "space_menu": {
+            "home": "Kezdő tér",
+            "space_settings": "Térbeállítások"
+        }
+    },
+    "terms": {
+        "tac_button": "Általános Szerződési Feltételek elolvasása"
+    },
+    "time": {
+        "about_day_ago": "egy napja",
+        "about_hour_ago": "egy órája",
+        "about_minute_ago": "egy perce",
+        "few_seconds_ago": "néhány másodperce",
+        "in_about_day": "egy nap múlva",
+        "in_about_hour": "egy óra múlva",
+        "in_about_minute": "egy perc múlva",
+        "in_few_seconds": "másodpercek múlva",
+        "in_n_days": "%(num)s nap múlva",
+        "in_n_hours": "%(num)s óra múlva",
+        "in_n_minutes": "%(num)s perc múlva",
+        "n_days_ago": "%(num)s nappal ezelőtt",
+        "n_hours_ago": "%(num)s órával ezelőtt",
+        "n_minutes_ago": "%(num)s perccel ezelőtt"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Hanglejátszó",
+            "error_downloading_audio": "Hiba a hang letöltésekor",
+            "unnamed_audio": "Névtelen hang"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/hy.json b/packages/shared-components/src/i18n/strings/hy.json
new file mode 100644
index 0000000000..cb1a1432bc
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/hy.json
@@ -0,0 +1,39 @@
+{
+    "a11y": {
+        "seek_bar_label": "Աուդիո որոնման գոտի"
+    },
+    "action": {
+        "delete": "Ջնջել",
+        "dismiss": "Հեռացնել",
+        "explore_rooms": "Փնտրել սենյակներ",
+        "pause": "Դադար",
+        "play": "Միացնել",
+        "search": "Որոնել"
+    },
+    "left_panel": {
+        "open_dial_pad": "Բացեք թվերի հավաքման վահանակը"
+    },
+    "time": {
+        "about_day_ago": "մոտ մեկ օր առաջ",
+        "about_hour_ago": "մոտ մեկ ժամ առաջ",
+        "about_minute_ago": "մոտ մեկ րոպե առաջ",
+        "few_seconds_ago": "մի քանի վայրկյան առաջ",
+        "in_about_day": "մոտ մեկ օր անց",
+        "in_about_hour": "մոտ մեկ ժամ անց",
+        "in_about_minute": "մոտ մեկ րոպե անց",
+        "in_few_seconds": "մի քանի վայրկյան անց",
+        "in_n_days": "%(num)s օր անց",
+        "in_n_hours": "%(num)s ժամ անց",
+        "in_n_minutes": "%(num)s րոպեներ անց",
+        "n_days_ago": "%(num)s օր առաջ",
+        "n_hours_ago": "%(num)s ժամ առաջ",
+        "n_minutes_ago": "%(num)s րոպե առաջ"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Աուդիո նվագարկիչ",
+            "error_downloading_audio": "Աուդիո ներբեռնման սխալ",
+            "unnamed_audio": "Անանուն աուդիո"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/id.json b/packages/shared-components/src/i18n/strings/id.json
new file mode 100644
index 0000000000..8db15ffcac
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/id.json
@@ -0,0 +1,84 @@
+{
+    "a11y": {
+        "seek_bar_label": "Bilah pencarian audio"
+    },
+    "action": {
+        "delete": "Hapus",
+        "dismiss": "Abaikan",
+        "explore_rooms": "Jelajahi ruangan",
+        "invite": "Undang",
+        "new_conversation": "Percakapan baru",
+        "new_room": "Ruangan baru",
+        "new_video_room": "Ruangan video baru",
+        "open_menu": "Buka menu",
+        "pause": "Jeda",
+        "play": "Mainkan",
+        "retry": "Coba lagi",
+        "search": "Cari",
+        "start_chat": "Mulai obrolan"
+    },
+    "common": {
+        "preferences": "Preferensi"
+    },
+    "left_panel": {
+        "open_dial_pad": "Buka tombol penyetel"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Opsi ruangan"
+        },
+        "status_bar": {
+            "delete_all": "Hapus semua",
+            "exceeded_resource_limit_description": "Silakan hubungi administrator layanan Anda untuk melanjutkan penggunaan layanan.",
+            "exceeded_resource_limit_title": "Pesan Anda tidak terkirim karena homeserver ini telah melampaui batas sumber daya.",
+            "failed_to_create_room_title": "Tidak dapat memulai obrolan dengan pengguna ini",
+            "homeserver_blocked_title": "Pesan Anda tidak terkirim karena homeserver ini telah diblokir oleh administratornya.",
+            "monthly_user_limit_reached_title": "Pesan Anda tidak terkirim karena homeserver ini telah mencapai Batas Pengguna Aktif Bulanan.",
+            "requires_consent_agreement_title": "Anda tidak dapat mengirim pesan apa pun sampai Anda meninjau dan menyetujui syarat dan ketentuan kami.",
+            "retry_all": "Coba ulang semua",
+            "select_messages_to_retry": "Anda dapat memilih semua atau beberapa pesan untuk dicoba lagi atau dihapus",
+            "server_connectivity_lost_description": "Pesan yang akan dikirim akan disimpan sampai koneksi Anda telah kembali.",
+            "server_connectivity_lost_title": "Koneksi ke server telah hilang.",
+            "some_messages_not_sent": "Beberapa pesan Anda tidak terkirim"
+        }
+    },
+    "room_list": {
+        "open_space_menu": "Buka menu space",
+        "room_options": "Opsi Ruangan",
+        "sort": "Urutan",
+        "sort_type": {
+            "activity": "Aktivitas",
+            "atoz": "A-Z"
+        },
+        "space_menu": {
+            "home": "Beranda space",
+            "space_settings": "Pengaturan space"
+        }
+    },
+    "terms": {
+        "tac_button": "Lihat syarat dan ketentuan"
+    },
+    "time": {
+        "about_day_ago": "1 hari yang lalu",
+        "about_hour_ago": "1 jam yang lalu",
+        "about_minute_ago": "1 menit yang lalu",
+        "few_seconds_ago": "beberapa detik yang lalu",
+        "in_about_day": "1 hari dari sekarang",
+        "in_about_hour": "1 jam dari sekarang",
+        "in_about_minute": "1 menit dari sekarang",
+        "in_few_seconds": "beberapa detik dari sekarang",
+        "in_n_days": "%(num)s hari dari sekarang",
+        "in_n_hours": "%(num)s jam dari sekarang",
+        "in_n_minutes": "%(num)s dari sekarang",
+        "n_days_ago": "%(num)s hari yang lalu",
+        "n_hours_ago": "%(num)s jam yang lalu",
+        "n_minutes_ago": "%(num)s menit yang lalu"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Pemutar audio",
+            "error_downloading_audio": "Terjadi kesalahan mengunduh audio",
+            "unnamed_audio": "Audio tidak dinamai"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/is.json b/packages/shared-components/src/i18n/strings/is.json
new file mode 100644
index 0000000000..284bb0df06
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/is.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "Eyða",
+        "dismiss": "Hunsa",
+        "explore_rooms": "Kanna spjallrásir",
+        "pause": "Bið",
+        "play": "Spila",
+        "search": "Leita"
+    },
+    "left_panel": {
+        "open_dial_pad": "Opna talnaborð"
+    },
+    "time": {
+        "about_day_ago": "fyrir um degi síðan",
+        "about_hour_ago": "fyrir um klukkustund síðan",
+        "about_minute_ago": "fyrir um það bil mínútu síðan",
+        "few_seconds_ago": "fyrir örfáum sekúndum síðan",
+        "in_about_day": "eftir um það bil einn dag",
+        "in_about_hour": "eftir um það bil klukkustund",
+        "in_about_minute": "eftir um það bil mínútu",
+        "in_few_seconds": "eftir nokkrar sekúndur",
+        "in_n_days": "eftir %(num)s daga",
+        "in_n_hours": "eftir %(num)s klukkustundir",
+        "in_n_minutes": "eftir %(num)s mínútur",
+        "n_days_ago": "fyrir %(num)s dögum síðan",
+        "n_hours_ago": "fyrir %(num)s klukkustundum síðan",
+        "n_minutes_ago": "fyrir %(num)s mínútum síðan"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Villa við að sækja hljóð",
+            "unnamed_audio": "Nafnlaust hljóð"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/it.json b/packages/shared-components/src/i18n/strings/it.json
new file mode 100644
index 0000000000..523d5798c1
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/it.json
@@ -0,0 +1,38 @@
+{
+    "a11y": {
+        "seek_bar_label": "Barra di ricerca audio"
+    },
+    "action": {
+        "delete": "Elimina",
+        "dismiss": "Chiudi",
+        "explore_rooms": "Esplora stanze",
+        "pause": "Pausa",
+        "play": "Riproduci",
+        "search": "Cerca"
+    },
+    "left_panel": {
+        "open_dial_pad": "Apri tastierino"
+    },
+    "time": {
+        "about_day_ago": "circa un giorno fa",
+        "about_hour_ago": "circa un'ora fa",
+        "about_minute_ago": "circa un minuto fa",
+        "few_seconds_ago": "pochi secondi fa",
+        "in_about_day": "circa un giorno da adesso",
+        "in_about_hour": "circa un'ora da adesso",
+        "in_about_minute": "circa un minuto da adesso",
+        "in_few_seconds": "pochi secondi da adesso",
+        "in_n_days": "%(num)s giorni da adesso",
+        "in_n_hours": "%(num)s ore da adesso",
+        "in_n_minutes": "%(num)s minuti da adesso",
+        "n_days_ago": "%(num)s giorni fa",
+        "n_hours_ago": "%(num)s ore fa",
+        "n_minutes_ago": "%(num)s minuti fa"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Errore di scaricamento dell'audio",
+            "unnamed_audio": "Audio senza nome"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/ja.json b/packages/shared-components/src/i18n/strings/ja.json
new file mode 100644
index 0000000000..e803863efe
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/ja.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "削除",
+        "dismiss": "閉じる",
+        "explore_rooms": "ルームを探す",
+        "pause": "一時停止",
+        "play": "再生",
+        "search": "検索"
+    },
+    "left_panel": {
+        "open_dial_pad": "ダイヤルパッドを開く"
+    },
+    "time": {
+        "about_day_ago": "約1日前",
+        "about_hour_ago": "約1時間前",
+        "about_minute_ago": "約1分前",
+        "few_seconds_ago": "数秒前",
+        "in_about_day": "今から約1日前",
+        "in_about_hour": "今から約1時間前",
+        "in_about_minute": "今から約1分前",
+        "in_few_seconds": "今から数秒前",
+        "in_n_days": "今から%(num)s日前",
+        "in_n_hours": "今から%(num)s時間前",
+        "in_n_minutes": "今から%(num)s分前",
+        "n_days_ago": "%(num)s日前",
+        "n_hours_ago": "%(num)s時間前",
+        "n_minutes_ago": "%(num)s分前"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "音声をダウンロードする際にエラーが発生しました",
+            "unnamed_audio": "名前のない音声"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/ka.json b/packages/shared-components/src/i18n/strings/ka.json
new file mode 100644
index 0000000000..5e7482c72a
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/ka.json
@@ -0,0 +1,32 @@
+{
+    "action": {
+        "delete": "წაშლა",
+        "dismiss": "დახურვა",
+        "explore_rooms": "ოთახების დათავლიერება",
+        "pause": "პაუზა",
+        "play": "დაკვრა",
+        "search": "ძიება"
+    },
+    "time": {
+        "about_day_ago": "დაახლოებით ერთი დღის წინ",
+        "about_hour_ago": "დაახლოებით ერთი საათის წინ",
+        "about_minute_ago": "დაახლოებით ერთი წუთის წინ",
+        "few_seconds_ago": "რამდენიმე წამის წინ",
+        "in_about_day": "დაახლოებით ერთი დღის შემდეგ",
+        "in_about_hour": "დაახლოებით ერთი საათის შემდეგ",
+        "in_about_minute": "დაახლოებით ერთი წუთის შემდეგ",
+        "in_few_seconds": "რამდენიმე წამის შემდეგ",
+        "in_n_days": "%(num)sდღეებიდან",
+        "in_n_hours": "%(num)sსაათის შემდეგ",
+        "in_n_minutes": "%(num)sწუთის შემდეგ",
+        "n_days_ago": "%(num)sდღის წინ",
+        "n_hours_ago": "%(num)sსაათის წინ",
+        "n_minutes_ago": "%(num)sწუთის წინ"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "შეცდომა აუდიოს ჩამოტვირთვისას",
+            "unnamed_audio": "უსახელო აუდიო"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/ko.json b/packages/shared-components/src/i18n/strings/ko.json
new file mode 100644
index 0000000000..1cddba1df7
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/ko.json
@@ -0,0 +1,113 @@
+{
+    "a11y": {
+        "seek_bar_label": "오디오 탐색 바"
+    },
+    "action": {
+        "delete": "삭제",
+        "dismiss": "버리기",
+        "edit": "편집",
+        "explore_rooms": "방 검색",
+        "invite": "초대",
+        "new_conversation": "새로운 대화",
+        "new_room": "새로운 방",
+        "new_video_room": "새로운 비디오룸",
+        "open_menu": "메뉴 열기",
+        "pause": "일시중지",
+        "play": "재생",
+        "remove": "제거",
+        "retry": "재시도",
+        "search": "찾기",
+        "start_chat": "채팅 시작"
+    },
+    "common": {
+        "preferences": "환경설정"
+    },
+    "left_panel": {
+        "open_dial_pad": "다이얼 패드 열기"
+    },
+    "room": {
+        "context_menu": {
+            "title": "채팅방 옵션"
+        },
+        "history_visibility_badge": {
+            "private": "신규 회원은 이전 기록을 볼 수 없습니다.",
+            "shared": "신규 회원은 기록을 볼 수 있습니다.",
+            "world_readable": "누구나 히스토리를 볼 수 있습니다"
+        },
+        "status_bar": {
+            "delete_all": "전체 삭제",
+            "exceeded_resource_limit_description": "서비스를 계속 이용하시려면 서비스 관리자에게 문의하십시오.",
+            "exceeded_resource_limit_title": "이 홈 서버가 리소스 한도를 초과하여 귀하의 메시지가 전송되지 않았습니다.",
+            "failed_to_create_room_title": "이 사용자와 채팅을 시작할 수 없습니다",
+            "homeserver_blocked_title": "귀하의 메시지는 이 홈서버 관리자에 의해 차단되었기 때문에 전송되지 않았습니다.",
+            "monthly_user_limit_reached_title": "해당 홈서버의 월간 활성 사용자 수 제한에 도달하여 메시지가 전송되지 않았습니다.",
+            "requires_consent_agreement_title": "이용약관을 검토하고 동의하기 전까지는 메시지를 보낼 수 없습니다.",
+            "retry_all": "전체 재시도",
+            "select_messages_to_retry": "모든 메시지 또는 개별 메시지를 선택하여 재시도하거나 삭제할 수 있습니다.",
+            "server_connectivity_lost_description": "보낸 메시지는 연결이 복구될 때까지 저장됩니다.",
+            "server_connectivity_lost_title": "서버와의 연결이 끊어졌습니다.",
+            "some_messages_not_sent": "일부 메시지가 전송되지 않았습니다."
+        }
+    },
+    "room_list": {
+        "appearance": "모양",
+        "open_space_menu": "스페이스 메뉴 열기",
+        "room_options": "채팅방 옵션",
+        "show_message_previews": "메시지 미리보기 표시",
+        "sort": "정렬",
+        "sort_type": {
+            "activity": "활동내역",
+            "atoz": "A-Z",
+            "unread_first": "안읽은 글 우선"
+        },
+        "space_menu": {
+            "home": "스페이스 홈",
+            "space_settings": "스페이스 설정"
+        }
+    },
+    "terms": {
+        "tac_button": "이용 약관을 검토하세요."
+    },
+    "time": {
+        "about_day_ago": "약 1일 전",
+        "about_hour_ago": "약 1 시간 전",
+        "about_minute_ago": "약 1분 전",
+        "few_seconds_ago": "몇 초 전",
+        "in_about_day": "하루 정도 후",
+        "in_about_hour": "지금부터 한 시간 정도 후에",
+        "in_about_minute": "지금부터 약 1분 후",
+        "in_few_seconds": "몇 초 후",
+        "in_n_days": "지금부터 %(num)s 일 후에",
+        "in_n_hours": "지금부터 %(num)s 시간 후",
+        "in_n_minutes": "지금부터 %(num)s분 후",
+        "n_days_ago": "%(num)s일 전",
+        "n_hours_ago": "%(num)s 시간 전",
+        "n_minutes_ago": "%(num)s분 전"
+    },
+    "timeline": {
+        "decryption_failure": {
+            "blocked": "발신자가 귀하의 기기가 인증되지 않았기 때문에 이 메시지를 수신하지 못하도록 차단했습니다.",
+            "historical_event_no_key_backup": "이 기기에서는 이전 메시지를 볼 수 없습니다.",
+            "historical_event_unverified_device": "이전 메시지에 액세스하려면 이 장치를 인증해야 합니다.",
+            "historical_event_user_not_joined": "이 메시지에 액세스할 수 없습니다.",
+            "sender_identity_previously_verified": "발신자의 확인된 신원이 재설정되었습니다.",
+            "sender_unsigned_device": "보안되지 않은 기기에서 전송됨.",
+            "unable_to_decrypt": "메시지를 해독할 수 없습니다."
+        },
+        "m.audio": {
+            "audio_player": "오디오 플레이어",
+            "error_downloading_audio": "오디오 다운로드 중 오류 발생",
+            "unnamed_audio": "이름 없는 오디오"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "왼쪽으로 이동",
+            "move_right": "오른쪽으로 이동",
+            "remove": "모든 사람에게서 제거",
+            "revoke": "권한 취소",
+            "screenshot": "사진 촬영",
+            "start_audio_stream": "오디오 스트림 시작"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/lo.json b/packages/shared-components/src/i18n/strings/lo.json
new file mode 100644
index 0000000000..9889020efb
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/lo.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "ລຶບ",
+        "dismiss": "ຍົກເລີກ",
+        "explore_rooms": "ການສຳຫຼວດຫ້ອງ",
+        "pause": "ຢຸດຊົ່ວຄາວ",
+        "play": "ຫຼິ້ນ",
+        "search": "ຊອກຫາ"
+    },
+    "left_panel": {
+        "open_dial_pad": "ເປີດແຜ່ນປັດ"
+    },
+    "time": {
+        "about_day_ago": "ປະມານຫນຶ່ງມື້ກ່ອນຫນ້ານີ້",
+        "about_hour_ago": "ປະມານຫນຶ່ງຊົ່ວໂມງກ່ອນຫນ້ານີ້",
+        "about_minute_ago": "ປະມານໜຶ່ງວິນາທີກ່ອນຫນ້ານີ້",
+        "few_seconds_ago": "ສອງສາມວິນາທີກ່ອນຫນ້ານີ້",
+        "in_about_day": "ປະມານນຶ່ງມື້ຈາກນີ້",
+        "in_about_hour": "ປະມານຫນຶ່ງຊົ່ວໂມງຈາກປະຈຸບັນນີ້",
+        "in_about_minute": "ປະມານໜຶ່ງນາທີຕໍ່ຈາກນີ້",
+        "in_few_seconds": "ສອງສາມວິນາທີຕໍ່ຈາກນີ້ໄປ",
+        "in_n_days": "%(num)s ມື້ຕໍ່ຈາກນີ້",
+        "in_n_hours": "%(num)s ຊົ່ວໂມງຈາກປະຈຸບັນນີ້",
+        "in_n_minutes": "%(num)s ນາທີຕໍ່ຈາກນີ້",
+        "n_days_ago": "%(num)sມື້ກ່ອນຫນ້ານີ້",
+        "n_hours_ago": "%(num)s ຊົ່ວໂມງກ່ອນ",
+        "n_minutes_ago": "%(num)s ນາທີກ່ອນ"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "ເກີດຄວາມຜິດພາດໃນການດາວໂຫຼດສຽງ",
+            "unnamed_audio": "ສຽງບໍ່ມີຊື່"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/lt.json b/packages/shared-components/src/i18n/strings/lt.json
new file mode 100644
index 0000000000..de50724d9f
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/lt.json
@@ -0,0 +1,24 @@
+{
+    "action": {
+        "delete": "Ištrinti",
+        "dismiss": "Atmesti",
+        "explore_rooms": "Žvalgyti kambarius",
+        "search": "Ieškoti"
+    },
+    "time": {
+        "about_day_ago": "maždaug prieš dieną",
+        "about_hour_ago": "maždaug prieš valandą",
+        "about_minute_ago": "maždaug prieš minutę",
+        "few_seconds_ago": "prieš kelias sekundes",
+        "in_about_day": "apie dieną nuo dabar",
+        "in_about_hour": "apie valandą nuo dabar",
+        "in_about_minute": "apie minutę nuo dabar",
+        "in_few_seconds": "keletą sekundžių nuo dabar",
+        "in_n_days": "%(num)s dienas(-ų) nuo dabar",
+        "in_n_hours": "%(num)s valandas(-ų) nuo dabar",
+        "in_n_minutes": "%(num)s minutes(-ų) nuo dabar",
+        "n_days_ago": "prieš %(num)s dienas(-ų)",
+        "n_hours_ago": "prieš %(num)s valandas(-ų)",
+        "n_minutes_ago": "prieš %(num)s minutes(-ų)"
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/lv.json b/packages/shared-components/src/i18n/strings/lv.json
new file mode 100644
index 0000000000..5f2a3c04f1
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/lv.json
@@ -0,0 +1,35 @@
+{
+    "a11y": {
+        "seek_bar_label": "Audio meklēšanas josla"
+    },
+    "action": {
+        "delete": "Izdzēst",
+        "dismiss": "Atmest",
+        "explore_rooms": "Pārlūkot istabas",
+        "pause": "Pauzēt",
+        "play": "Atskaņot",
+        "search": "Meklēt"
+    },
+    "time": {
+        "about_day_ago": "aptuveni dienu iepriekš",
+        "about_hour_ago": "aptuveni stundu iepriekš",
+        "about_minute_ago": "aptuveni minūti iepriekš",
+        "few_seconds_ago": "pirms dažām sekundēm",
+        "in_about_day": "aptuveni dienu kopš šī brīža",
+        "in_about_hour": "aptuveni stundu kopš šī brīža",
+        "in_about_minute": "aptuveni minūti kopš šī brīža",
+        "in_few_seconds": "dažas sekundes kopš šī brīža",
+        "in_n_days": "%(num)s dienas kopš šī brīža",
+        "in_n_hours": "%(num)s stundas kopš šī brīža",
+        "in_n_minutes": "%(num)s minūtes kopš šī brīža",
+        "n_days_ago": "%(num)s dienas iepriekš",
+        "n_hours_ago": "%(num)s stundas iepriekš",
+        "n_minutes_ago": "%(num)s minūtes iepriekš"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Kļūda skaņas lejupielādēšanā",
+            "unnamed_audio": "Nenosaukts audio"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/mg_MG.json b/packages/shared-components/src/i18n/strings/mg_MG.json
new file mode 100644
index 0000000000..7960042a96
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/mg_MG.json
@@ -0,0 +1,38 @@
+{
+    "a11y": {
+        "seek_bar_label": "Audio mitady bar"
+    },
+    "action": {
+        "delete": "Esorina",
+        "dismiss": "Hanario",
+        "explore_rooms": "Tsidiho ny efitrano",
+        "pause": "Mihato",
+        "play": "Milalao",
+        "search": "Karohina"
+    },
+    "left_panel": {
+        "open_dial_pad": "Sokafy ny dial pad"
+    },
+    "time": {
+        "about_day_ago": "Tokony ho iray andro izay",
+        "about_hour_ago": "Manakaiky adin'iray Teo ho eo",
+        "about_minute_ago": "Misy iray minitra Teo izay",
+        "few_seconds_ago": "Segondra vitsy lasa",
+        "in_about_day": "Anatiny iray andro eo ho eo",
+        "in_about_hour": "Adiny iray eo ho eo",
+        "in_about_minute": "Afaka iray minitra eo ho eo",
+        "in_few_seconds": "Afaka segondra vitsy",
+        "in_n_days": "%(num) s andro manomboka izao",
+        "in_n_hours": "% (num) sAnatiny ora vitsivitsy",
+        "in_n_minutes": "% (Num) sAfaka minitra vitsy",
+        "n_days_ago": "%(num)s Andro vitsivitsy izay",
+        "n_hours_ago": "%(num)sOra maromaro",
+        "n_minutes_ago": "%(Num)s Minitra vitsivitsy izay"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Hadisoana tamin'ny fampidinana feo",
+            "unnamed_audio": "Audio tsy voatonona anarana"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/nb_NO.json b/packages/shared-components/src/i18n/strings/nb_NO.json
new file mode 100644
index 0000000000..e3b53725c0
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/nb_NO.json
@@ -0,0 +1,59 @@
+{
+    "a11y": {
+        "seek_bar_label": "Søkelinje for lyd"
+    },
+    "action": {
+        "delete": "Slett",
+        "dismiss": "Avvis",
+        "explore_rooms": "Se alle rom",
+        "pause": "Sett på pause",
+        "play": "Spill av",
+        "retry": "Prøv på nytt",
+        "search": "Søk"
+    },
+    "left_panel": {
+        "open_dial_pad": "Åpne nummerpanelet"
+    },
+    "room": {
+        "status_bar": {
+            "delete_all": "Slett alle",
+            "exceeded_resource_limit_description": "Kontakt tjenesteadministratoren din for å fortsette å bruke tjenesten.",
+            "exceeded_resource_limit_title": "Meldingen din ble ikke sendt fordi denne hjemmeserveren har overskredet en ressursgrense.",
+            "failed_to_create_room_title": "Kunne ikke starte en chat med denne brukeren",
+            "homeserver_blocked_title": "Meldingen din ble ikke sendt fordi denne hjemmeserveren er blokkert av dens administrator.",
+            "monthly_user_limit_reached_title": "Meldingen din ble ikke sendt fordi denne hjemmeserveren har nådd sin månedlige grense for aktive brukere.",
+            "requires_consent_agreement_title": "Du kan ikke sende noen meldinger før du har lest og godtatt våre vilkår og betingelser.",
+            "retry_all": "Prøv alle på nytt",
+            "select_messages_to_retry": "Du kan velge alle eller individuelle meldinger for å prøve på nytt eller slette",
+            "server_connectivity_lost_description": "Sendte meldinger vil bli lagret til tilkoblingen er tilbake.",
+            "server_connectivity_lost_title": "Tilkoblingen til tjeneren er nede.",
+            "some_messages_not_sent": "Noen av meldingene dine er ikke sendt"
+        }
+    },
+    "terms": {
+        "tac_button": "Gå gjennom betingelser og vilkår"
+    },
+    "time": {
+        "about_day_ago": "cirka 1 dag siden",
+        "about_hour_ago": "cirka 1 time siden",
+        "about_minute_ago": "cirka 1 minutt siden",
+        "few_seconds_ago": "noen sekunder siden",
+        "in_about_day": "rundt en dag fra nå",
+        "in_about_hour": "rundt en time fra nå",
+        "in_about_minute": "rundt et minutt fra nå",
+        "in_few_seconds": "om noen sekunder fra nå",
+        "in_n_days": "%(num)s dager fra nå",
+        "in_n_hours": "%(num)s timer fra nå",
+        "in_n_minutes": "%(num)s minutter fra nå",
+        "n_days_ago": "%(num)s dager siden",
+        "n_hours_ago": "%(num)s timer siden",
+        "n_minutes_ago": "%(num)s minutter siden"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Lydavspiller",
+            "error_downloading_audio": "Feil ved nedlasting av lyd",
+            "unnamed_audio": "Ikke navngitt lyd"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/nl.json b/packages/shared-components/src/i18n/strings/nl.json
new file mode 100644
index 0000000000..26d4febbbc
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/nl.json
@@ -0,0 +1,38 @@
+{
+    "a11y": {
+        "seek_bar_label": "Audio zoekbalk"
+    },
+    "action": {
+        "delete": "Verwijderen",
+        "dismiss": "Sluiten",
+        "explore_rooms": "Kamers ontdekken",
+        "pause": "Pauze",
+        "play": "Afspelen",
+        "search": "Zoeken"
+    },
+    "left_panel": {
+        "open_dial_pad": "Kiestoetsen openen"
+    },
+    "time": {
+        "about_day_ago": "ongeveer een dag geleden",
+        "about_hour_ago": "ongeveer een uur geleden",
+        "about_minute_ago": "ongeveer een minuut geleden",
+        "few_seconds_ago": "enige tellen geleden",
+        "in_about_day": "over een dag of zo",
+        "in_about_hour": "over ongeveer een uur",
+        "in_about_minute": "over ongeveer een minuut",
+        "in_few_seconds": "over een paar tellen",
+        "in_n_days": "over %(num)s dagen",
+        "in_n_hours": "over %(num)s uur",
+        "in_n_minutes": "over %(num)s minuten",
+        "n_days_ago": "%(num)s dagen geleden",
+        "n_hours_ago": "%(num)s uur geleden",
+        "n_minutes_ago": "%(num)s minuten geleden"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Fout bij downloaden van audio",
+            "unnamed_audio": "Naamloze audio"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/pl.json b/packages/shared-components/src/i18n/strings/pl.json
new file mode 100644
index 0000000000..a87e86e30a
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/pl.json
@@ -0,0 +1,39 @@
+{
+    "a11y": {
+        "seek_bar_label": "Pasek wyszukiwania audio"
+    },
+    "action": {
+        "delete": "Usuń",
+        "dismiss": "Pomiń",
+        "explore_rooms": "Przeglądaj pokoje",
+        "pause": "Wstrzymaj",
+        "play": "Odtwórz",
+        "search": "Szukaj"
+    },
+    "left_panel": {
+        "open_dial_pad": "Otwórz klawiaturę numeryczną"
+    },
+    "time": {
+        "about_day_ago": "około dzień temu",
+        "about_hour_ago": "około godziny temu",
+        "about_minute_ago": "około minuty temu",
+        "few_seconds_ago": "kilka sekund temu",
+        "in_about_day": "około dnia od teraz",
+        "in_about_hour": "około godziny od teraz",
+        "in_about_minute": "około minuty od teraz",
+        "in_few_seconds": "za kilka sekund",
+        "in_n_days": "za %(num)s dni",
+        "in_n_hours": "za %(num)s godzin",
+        "in_n_minutes": "za %(num)s minut",
+        "n_days_ago": "%(num)s dni temu",
+        "n_hours_ago": "%(num)s godzin temu",
+        "n_minutes_ago": "%(num)s minut temu"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Odtwarzacz audio",
+            "error_downloading_audio": "Wystąpił błąd w trakcie pobierania audio",
+            "unnamed_audio": "Audio bez nazwy"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/pt.json b/packages/shared-components/src/i18n/strings/pt.json
new file mode 100644
index 0000000000..8021f07e41
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/pt.json
@@ -0,0 +1,38 @@
+{
+    "a11y": {
+        "seek_bar_label": "Barra de procura de áudio"
+    },
+    "action": {
+        "delete": "Apagar",
+        "dismiss": "Descartar",
+        "explore_rooms": "Explorar rooms",
+        "pause": "Pausar",
+        "play": "Reproduzir",
+        "search": "Pesquisar"
+    },
+    "left_panel": {
+        "open_dial_pad": "Abre o teclado de marcação"
+    },
+    "time": {
+        "about_day_ago": "há cerca de um dia",
+        "about_hour_ago": "há cerca de uma hora",
+        "about_minute_ago": "há cerca de um minuto",
+        "few_seconds_ago": "há alguns segundos atrás",
+        "in_about_day": "daqui a um dia",
+        "in_about_hour": "daqui a uma hora",
+        "in_about_minute": "daqui a um minuto",
+        "in_few_seconds": "daqui a alguns segundos",
+        "in_n_days": "daqui a %(num)s dias",
+        "in_n_hours": "daqui a %(num)s horas",
+        "in_n_minutes": "daqui a %(num)s minutos",
+        "n_days_ago": "%(num)s dias atrás",
+        "n_hours_ago": "%(num)s horas atrás",
+        "n_minutes_ago": "%(num)s minutos atrás"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Erro ao descarregar áudio",
+            "unnamed_audio": "Áudio sem nome"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/pt_BR.json b/packages/shared-components/src/i18n/strings/pt_BR.json
new file mode 100644
index 0000000000..3716eac288
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/pt_BR.json
@@ -0,0 +1,39 @@
+{
+    "a11y": {
+        "seek_bar_label": "Barra de busca de áudio"
+    },
+    "action": {
+        "delete": "Excluir",
+        "dismiss": "Dispensar",
+        "explore_rooms": "Explorar salas",
+        "pause": "Pausar",
+        "play": "Reproduzir",
+        "search": "Buscar"
+    },
+    "left_panel": {
+        "open_dial_pad": "Abrir o teclado de discagem"
+    },
+    "time": {
+        "about_day_ago": "há aproximadamente um dia",
+        "about_hour_ago": "há aproximadamente uma hora",
+        "about_minute_ago": "há aproximadamente um minuto",
+        "few_seconds_ago": "há alguns segundos",
+        "in_about_day": "dentro de aproximadamente um dia",
+        "in_about_hour": "dentro de aproximadamente uma hora",
+        "in_about_minute": "dentro de aproximadamente um minuto",
+        "in_few_seconds": "dentro de alguns segundos",
+        "in_n_days": "dentro de %(num)s dias",
+        "in_n_hours": "dentro de %(num)s horas",
+        "in_n_minutes": "dentro de %(num)s minutos",
+        "n_days_ago": "há %(num)s dias",
+        "n_hours_ago": "há %(num)s horas",
+        "n_minutes_ago": "há %(num)s minutos"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Reprodutor de Áudio",
+            "error_downloading_audio": "Erro ao baixar o áudio",
+            "unnamed_audio": "Áudio sem nome"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/ru.json b/packages/shared-components/src/i18n/strings/ru.json
new file mode 100644
index 0000000000..3396855dfa
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/ru.json
@@ -0,0 +1,58 @@
+{
+    "a11y": {
+        "seek_bar_label": "Панель поиска аудио"
+    },
+    "action": {
+        "delete": "Удалить",
+        "dismiss": "Закрыть",
+        "explore_rooms": "Обзор комнат",
+        "pause": "Пауза",
+        "play": "Воспроизведение",
+        "search": "Поиск"
+    },
+    "left_panel": {
+        "open_dial_pad": "Открыть панель набора номера"
+    },
+    "room": {
+        "status_bar": {
+            "delete_all": "Удалить всё",
+            "exceeded_resource_limit_description": "Свяжись с администратором сервиса, чтобы продолжить пользоваться услугой.",
+            "exceeded_resource_limit_title": "Ваше сообщение не было отправлено, поскольку на этом домашнем сервере превышен лимит ресурсов.",
+            "failed_to_create_room_title": "Не удалось начать чат с этим пользователем.",
+            "homeserver_blocked_title": "Ваше сообщение не было отправлено, потому что этот домашний сервер заблокирован его администратором.",
+            "monthly_user_limit_reached_title": "Ваше сообщение не было отправлено, потому что на этом домашнем сервере достигнут лимит ежемесячных активных пользователей.",
+            "requires_consent_agreement_title": "Вы не сможете отправлять сообщения, пока не ознакомитесь с условиями и положениями и не согласитесь с ними.",
+            "retry_all": "Повторить попытку для всех",
+            "select_messages_to_retry": "Вы можете выбрать все или отдельные сообщения для повторной попытки или удаления",
+            "server_connectivity_lost_description": "Отправленные сообщения будут сохранены, пока соединение не восстановится.",
+            "server_connectivity_lost_title": "Соединение с сервером потеряно",
+            "some_messages_not_sent": "Некоторые сообщения не были отправлены"
+        }
+    },
+    "terms": {
+        "tac_button": "Просмотр условий и положений"
+    },
+    "time": {
+        "about_day_ago": "около суток назад",
+        "about_hour_ago": "около часа назад",
+        "about_minute_ago": "около минуты назад",
+        "few_seconds_ago": "несколько секунд назад",
+        "in_about_day": "примерно через день",
+        "in_about_hour": "примерно через час",
+        "in_about_minute": "примерно через минуту",
+        "in_few_seconds": "несколько секунд назад",
+        "in_n_days": "%(num)s дней спустя",
+        "in_n_hours": "%(num)s часов спустя",
+        "in_n_minutes": "%(num)s минут спустя",
+        "n_days_ago": "%(num)s дней назад",
+        "n_hours_ago": "%(num)s часов назад",
+        "n_minutes_ago": "%(num)s минут назад"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Аудиоплеер",
+            "error_downloading_audio": "Ошибка загрузки аудио",
+            "unnamed_audio": "Безымянное аудио"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/sk.json b/packages/shared-components/src/i18n/strings/sk.json
new file mode 100644
index 0000000000..16a359b810
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/sk.json
@@ -0,0 +1,84 @@
+{
+    "a11y": {
+        "seek_bar_label": "Panel vyhľadávania zvuku"
+    },
+    "action": {
+        "delete": "Vymazať",
+        "dismiss": "Zamietnuť",
+        "explore_rooms": "Preskúmať miestnosti",
+        "invite": "Pozvať",
+        "new_conversation": "Nová konverzácia",
+        "new_room": "Nová miestnosť",
+        "new_video_room": "Nová video miestnosť",
+        "open_menu": "Otvoriť ponuku",
+        "pause": "Pozastaviť",
+        "play": "Prehrať",
+        "retry": "Skúsiť znova",
+        "search": "Hľadať",
+        "start_chat": "Začať konverzáciu"
+    },
+    "common": {
+        "preferences": "Predvoľby"
+    },
+    "left_panel": {
+        "open_dial_pad": "Otvoriť číselník"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Možnosti miestnosti"
+        },
+        "status_bar": {
+            "delete_all": "Vymazať všetko",
+            "exceeded_resource_limit_description": "Ak chcete službu naďalej používať, kontaktujte svojho správcu služby.",
+            "exceeded_resource_limit_title": "Vaša správa nebola odoslaná, pretože tento domovský server prekročil limit zdrojov.",
+            "failed_to_create_room_title": "Nepodarilo sa začať konverzáciu s týmto používateľom",
+            "homeserver_blocked_title": "Vaša správa nebola odoslaná, pretože tento domovský server bol blokovaný jeho správcom.",
+            "monthly_user_limit_reached_title": "Vaša správa nebola odoslaná, pretože tento domovský server dosiahol svoj mesačný limit aktívnych používateľov.",
+            "requires_consent_agreement_title": "Nemôžete odosielať žiadne správy, kým si neprečítate a nesúhlasíte s našimi zmluvnými podmienkami.",
+            "retry_all": "Skúsiť všetko znova",
+            "select_messages_to_retry": "Môžete vybrať všetky alebo jednotlivé správy, ktoré chcete opakovane odoslať alebo vymazať",
+            "server_connectivity_lost_description": "Odoslané správy budú uložené, kým sa neobnoví pripojenie.",
+            "server_connectivity_lost_title": "Spojenie so serverom bolo prerušené.",
+            "some_messages_not_sent": "Niektoré vaše správy ešte neboli odoslané"
+        }
+    },
+    "room_list": {
+        "open_space_menu": "Otvoriť ponuku priestoru",
+        "room_options": "Možnosti miestnosti",
+        "sort": "Zoradiť",
+        "sort_type": {
+            "activity": "Aktivita",
+            "atoz": "A-Z"
+        },
+        "space_menu": {
+            "home": "Domov priestoru",
+            "space_settings": "Nastavenia priestoru"
+        }
+    },
+    "terms": {
+        "tac_button": "Prečítať zmluvné podmienky"
+    },
+    "time": {
+        "about_day_ago": "asi pred jedným dňom",
+        "about_hour_ago": "približne pred hodinou",
+        "about_minute_ago": "približne pred minútou",
+        "few_seconds_ago": "pred pár sekundami",
+        "in_about_day": "približne o deň",
+        "in_about_hour": "približne o hodinu",
+        "in_about_minute": "približne o minútu",
+        "in_few_seconds": "o pár sekúnd",
+        "in_n_days": "o %(num)s dní",
+        "in_n_hours": "o %(num)s hodín",
+        "in_n_minutes": "o %(num)s minút",
+        "n_days_ago": "pred %(num)s dňami",
+        "n_hours_ago": "pred %(num)s hodinami",
+        "n_minutes_ago": "pred %(num)s minútami"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Prehrávač zvuku",
+            "error_downloading_audio": "Chyba pri sťahovaní zvuku",
+            "unnamed_audio": "Nepomenovaný zvukový záznam"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/sq.json b/packages/shared-components/src/i18n/strings/sq.json
new file mode 100644
index 0000000000..64e80a6300
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/sq.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "Fshije",
+        "dismiss": "Mos e merr parasysh",
+        "explore_rooms": "Eksploroni dhoma",
+        "pause": "Ndalesë",
+        "play": "Luaje",
+        "search": "Kërkoni"
+    },
+    "left_panel": {
+        "open_dial_pad": "Hap butona numrash"
+    },
+    "time": {
+        "about_day_ago": "rreth një ditë më parë",
+        "about_hour_ago": "rreth një orë më parë",
+        "about_minute_ago": "rreth një minutë më parë",
+        "few_seconds_ago": "pak sekonda më parë",
+        "in_about_day": "rreth një ditë nga tani",
+        "in_about_hour": "rreth një orë nga tani",
+        "in_about_minute": "rreth një minutë nga tani",
+        "in_few_seconds": "pak sekonda nga tani",
+        "in_n_days": "%(num)s ditë nga tani",
+        "in_n_hours": "%(num)s orë nga tani",
+        "in_n_minutes": "%(num)s minuta nga tani",
+        "n_days_ago": "%(num)s ditë më parë",
+        "n_hours_ago": "%(num)s orë më parë",
+        "n_minutes_ago": "%(num)s minuta më parë"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Gabim në shkarkim audioje",
+            "unnamed_audio": "Audio pa emër"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/sv.json b/packages/shared-components/src/i18n/strings/sv.json
new file mode 100644
index 0000000000..62fd22c182
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/sv.json
@@ -0,0 +1,39 @@
+{
+    "a11y": {
+        "seek_bar_label": "Förloppsfält för ljud"
+    },
+    "action": {
+        "delete": "Radera",
+        "dismiss": "Avvisa",
+        "explore_rooms": "Utforska rum",
+        "pause": "Pausa",
+        "play": "Spela",
+        "search": "Sök"
+    },
+    "left_panel": {
+        "open_dial_pad": "Öppna knappsats"
+    },
+    "time": {
+        "about_day_ago": "cirka en dag sedan",
+        "about_hour_ago": "cirka en timme sedan",
+        "about_minute_ago": "cirka en minut sedan",
+        "few_seconds_ago": "några sekunder sedan",
+        "in_about_day": "om cirka en dag",
+        "in_about_hour": "om cirka en timme",
+        "in_about_minute": "om cirka en minut",
+        "in_few_seconds": "om några sekunder",
+        "in_n_days": "om %(num)s dagar",
+        "in_n_hours": "om %(num)s timmar",
+        "in_n_minutes": "om %(num)s minuter",
+        "n_days_ago": "%(num)s dagar sedan",
+        "n_hours_ago": "%(num)s timmar sedan",
+        "n_minutes_ago": "%(num)s minuter sedan"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Ljudspelare",
+            "error_downloading_audio": "Fel vid nedladdning av ljud",
+            "unnamed_audio": "Namnlöst ljud"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/tr.json b/packages/shared-components/src/i18n/strings/tr.json
new file mode 100644
index 0000000000..5fabdf72f2
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/tr.json
@@ -0,0 +1,38 @@
+{
+    "a11y": {
+        "seek_bar_label": "Ses arama çubuğu"
+    },
+    "action": {
+        "delete": "Sil",
+        "dismiss": "Kapat",
+        "explore_rooms": "Odaları keşfet",
+        "pause": "Durdur",
+        "play": "Oynat",
+        "search": "Ara"
+    },
+    "left_panel": {
+        "open_dial_pad": "Arama tuşlarını aç"
+    },
+    "time": {
+        "about_day_ago": "yaklaşık bir gün önce",
+        "about_hour_ago": "yaklaşık bir saat önce",
+        "about_minute_ago": "yaklaşık bir dakika önce",
+        "few_seconds_ago": "bir kaç saniye önce",
+        "in_about_day": "şu andan itibaren yaklaşık bir gün",
+        "in_about_hour": "şu andan itibaren yaklaşık bir saat",
+        "in_about_minute": "şu andan itibaren yaklaşık bir dakika",
+        "in_few_seconds": "şu andan itibaren bir kaç saniye",
+        "in_n_days": "şu andan itibaren %(num)s gün",
+        "in_n_hours": "şu andan itibaren %(num)s saat",
+        "in_n_minutes": "şu andan itibaren %(num)s dakika",
+        "n_days_ago": "%(num)s gün önce",
+        "n_hours_ago": "%(num)s saat önce",
+        "n_minutes_ago": "%(num)s dakika önce"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Ses dosyası indirilirken hata oluştu",
+            "unnamed_audio": "İsimsiz ses"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/uk.json b/packages/shared-components/src/i18n/strings/uk.json
new file mode 100644
index 0000000000..9470ff2299
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/uk.json
@@ -0,0 +1,85 @@
+{
+    "a11y": {
+        "seek_bar_label": "Панель гортання аудіо"
+    },
+    "action": {
+        "delete": "Видалити",
+        "dismiss": "Відхилити",
+        "edit": "Змінити",
+        "explore_rooms": "Каталог кімнат",
+        "invite": "Запросити",
+        "new_conversation": "Нова розмова",
+        "new_room": "Нова кімната",
+        "new_video_room": "Нова відеокімната",
+        "open_menu": "Відкрити меню",
+        "pause": "Призупинити",
+        "play": "Відтворити",
+        "remove": "Вилучити",
+        "retry": "Повторити спробу",
+        "search": "Пошук",
+        "start_chat": "Розпочати бесіду"
+    },
+    "common": {
+        "preferences": "Налаштування"
+    },
+    "left_panel": {
+        "open_dial_pad": "Відкрити номеронабирач"
+    },
+    "room": {
+        "context_menu": {
+            "title": "Параметри кімнати"
+        },
+        "status_bar": {
+            "delete_all": "Видалити все",
+            "server_connectivity_lost_title": "Втрачено зв'язок з сервером."
+        }
+    },
+    "room_list": {
+        "appearance": "Вигляд",
+        "open_space_menu": "Відкрити меню простору",
+        "room_options": "Параметри кімнати",
+        "show_message_previews": "Показати попередній перегляд повідомлень",
+        "sort": "Сортувати",
+        "sort_type": {
+            "activity": "Діяльність",
+            "atoz": "А-Я",
+            "unread_first": "Спочатку непрочитані"
+        },
+        "space_menu": {
+            "home": "Домівка простору",
+            "space_settings": "Налаштування простору"
+        }
+    },
+    "time": {
+        "about_day_ago": "близько доби тому",
+        "about_hour_ago": "близько години тому",
+        "about_minute_ago": "близько хвилини тому",
+        "few_seconds_ago": "Декілька секунд тому",
+        "in_about_day": "приблизно через день",
+        "in_about_hour": "приблизно через годину",
+        "in_about_minute": "приблизно через хвилинку",
+        "in_few_seconds": "декілька секунд тому",
+        "in_n_days": "%(num)s днів по тому",
+        "in_n_hours": "%(num)s годин по тому",
+        "in_n_minutes": "%(num)s хвилин по тому",
+        "n_days_ago": "%(num)s днів тому",
+        "n_hours_ago": "%(num)s годин тому",
+        "n_minutes_ago": "%(num)s хвилин тому"
+    },
+    "timeline": {
+        "m.audio": {
+            "audio_player": "Звуковий програвач",
+            "error_downloading_audio": "Помилка завантаження аудіо",
+            "unnamed_audio": "Аудіо без назви"
+        }
+    },
+    "widget": {
+        "context_menu": {
+            "move_left": "Перемістити вліво",
+            "move_right": "Перемістити вправо",
+            "remove": "Вилучити для всіх",
+            "revoke": "Відкликати дозволи",
+            "screenshot": "Зробити знімок"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/vi.json b/packages/shared-components/src/i18n/strings/vi.json
new file mode 100644
index 0000000000..edb065ffe8
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/vi.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "Xoá",
+        "dismiss": "Bỏ qua",
+        "explore_rooms": "Khám phá các phòng",
+        "pause": "Tạm dừng",
+        "play": "Chạy",
+        "search": "Tìm kiếm"
+    },
+    "left_panel": {
+        "open_dial_pad": "Mở bàn phím quay số"
+    },
+    "time": {
+        "about_day_ago": "khoảng một ngày trước",
+        "about_hour_ago": "khoảng một giờ trước",
+        "about_minute_ago": "khoảng một phút trước",
+        "few_seconds_ago": "vài giây trước",
+        "in_about_day": "khoảng một ngày kể từ bây giờ",
+        "in_about_hour": "khoảng một giờ kể từ bây giờ",
+        "in_about_minute": "khoảng một phút kể từ bây giờ",
+        "in_few_seconds": "một vài giây kể từ bây giờ",
+        "in_n_days": "%(num)s ngày kể từ bây giờ",
+        "in_n_hours": "%(num)s giờ kể từ bây giờ",
+        "in_n_minutes": "%(num)s phút kể từ bây giờ",
+        "n_days_ago": "%(num)s ngày trước",
+        "n_hours_ago": "%(num)s giờ trước",
+        "n_minutes_ago": "%(num)s phút trước"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "Lỗi khi tải xuống âm thanh",
+            "unnamed_audio": "Âm thanh không tên"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/zh_Hans.json b/packages/shared-components/src/i18n/strings/zh_Hans.json
new file mode 100644
index 0000000000..7377fbbf45
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/zh_Hans.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "删除",
+        "dismiss": "忽略",
+        "explore_rooms": "查找房间",
+        "pause": "暂停",
+        "play": "播放",
+        "search": "搜索"
+    },
+    "left_panel": {
+        "open_dial_pad": "打开拨号键盘"
+    },
+    "time": {
+        "about_day_ago": "约一天前",
+        "about_hour_ago": "约一小时前",
+        "about_minute_ago": "约一分钟前",
+        "few_seconds_ago": "数秒前",
+        "in_about_day": "从现在开始约一天",
+        "in_about_hour": "从现在开始约一小时",
+        "in_about_minute": "从现在开始约一分钟",
+        "in_few_seconds": "从现在开始数秒",
+        "in_n_days": "从现在开始%(num)s天",
+        "in_n_hours": "从现在开始%(num)s小时",
+        "in_n_minutes": "从现在开始%(num)s分钟",
+        "n_days_ago": "%(num)s天前",
+        "n_hours_ago": "%(num)s小时前",
+        "n_minutes_ago": "%(num)s分钟前"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "下载音频时出错",
+            "unnamed_audio": "未命名的音频"
+        }
+    }
+}
diff --git a/packages/shared-components/src/i18n/strings/zh_Hant.json b/packages/shared-components/src/i18n/strings/zh_Hant.json
new file mode 100644
index 0000000000..8f5e3ab9b3
--- /dev/null
+++ b/packages/shared-components/src/i18n/strings/zh_Hant.json
@@ -0,0 +1,35 @@
+{
+    "action": {
+        "delete": "刪除",
+        "dismiss": "關閉",
+        "explore_rooms": "探索聊天室",
+        "pause": "暫停",
+        "play": "播放",
+        "search": "搜尋"
+    },
+    "left_panel": {
+        "open_dial_pad": "開啟撥號鍵盤"
+    },
+    "time": {
+        "about_day_ago": "大約一天前",
+        "about_hour_ago": "大約一小時前",
+        "about_minute_ago": "大約一分鐘前",
+        "few_seconds_ago": "數秒前",
+        "in_about_day": "從現在開始大約一天",
+        "in_about_hour": "從現在開始大約一小時",
+        "in_about_minute": "從現在開始大約一分鐘",
+        "in_few_seconds": "從現在開始數秒鐘",
+        "in_n_days": "從現在開始 %(num)s 天",
+        "in_n_hours": "從現在開始 %(num)s 小時",
+        "in_n_minutes": "從現在開始 %(num)s 分鐘",
+        "n_days_ago": "%(num)s 天前",
+        "n_hours_ago": "%(num)s 小時前",
+        "n_minutes_ago": "%(num)s 分鐘前"
+    },
+    "timeline": {
+        "m.audio": {
+            "error_downloading_audio": "下載音訊時發生錯誤",
+            "unnamed_audio": "未命名的音訊"
+        }
+    }
+}
diff --git a/packages/shared-components/src/index.ts b/packages/shared-components/src/index.ts
index 849634e9da..96216b8ee2 100644
--- a/packages/shared-components/src/index.ts
+++ b/packages/shared-components/src/index.ts
@@ -12,16 +12,29 @@ export * from "./audio/PlayPauseButton";
 export * from "./audio/SeekBar";
 export * from "./avatar/AvatarWithDetails";
 export * from "./composer/Banner";
-export * from "./composer/HistoryVisibleBannerView";
+export * from "./crypto/SasEmoji";
+export * from "./event-tiles/EventTileBubble";
 export * from "./event-tiles/TextualEventView";
 export * from "./message-body/MediaBody";
+export * from "./message-body/DecryptionFailureBodyView";
+export * from "./message-body/ReactionsRowButtonTooltip";
+export * from "./message-body/TimelineSeparator/";
 export * from "./pill-input/Pill";
 export * from "./pill-input/PillInput";
+export * from "./room/RoomStatusBar";
+export * from "./room/HistoryVisibilityBadge";
 export * from "./rich-list/RichItem";
 export * from "./rich-list/RichList";
+export * from "./room-list/RoomListHeaderView";
 export * from "./room-list/RoomListSearchView";
+export * from "./room-list/RoomListView";
+export * from "./room-list/RoomListItem";
+export * from "./room-list/RoomListPrimaryFilters";
+export * from "./room-list/VirtualizedRoomListView";
 export * from "./utils/Box";
 export * from "./utils/Flex";
+export * from "./right-panel/WidgetContextMenu";
+export * from "./utils/VirtualizedList";
 
 // Utils
 export * from "./utils/i18n";
@@ -31,12 +44,5 @@ export * from "./utils/DateUtils";
 export * from "./utils/numbers";
 export * from "./utils/FormattingUtils";
 export * from "./utils/I18nApi";
-
 // MVVM
 export * from "./viewmodel";
-export * from "./useMockedViewModel";
-export * from "./useViewModel";
-
-// i18n (we must export this directly in order to not confuse the type bundler, it seems,
-// otherwise it will leave it as a relative import rather than bundling it)
-export type * from "./i18nKeys.d.ts";
diff --git a/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.module.css b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.module.css
new file mode 100644
index 0000000000..45e21088e4
--- /dev/null
+++ b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.module.css
@@ -0,0 +1,26 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.content {
+    color: var(--cpd-color-text-secondary);
+    font-style: italic;
+}
+
+/* Formatting for errors due to sender trust requirement failures */
+.error > span {
+    /* some space between the (/) icon and text */
+    display: inline-flex;
+    gap: var(--cpd-space-1x);
+
+    /* Center vertically */
+    align-items: center;
+}
+
+.icon {
+    box-sizing: border-box;
+    flex: 0 0 16px;
+}
diff --git a/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx
new file mode 100644
index 0000000000..741f7420de
--- /dev/null
+++ b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx
@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import {
+    DecryptionFailureBodyView,
+    DecryptionFailureReason,
+    type DecryptionFailureBodyViewSnapshot,
+} from "./DecryptionFailureBodyView";
+import { useMockedViewModel } from "../../viewmodel/useMockedViewModel";
+
+type DecryptionFailureBodyProps = DecryptionFailureBodyViewSnapshot;
+
+const DecryptionFailureBodyViewWrapper = ({ ...rest }: DecryptionFailureBodyProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {});
+
+    return <DecryptionFailureBodyView vm={vm} />;
+};
+
+export default {
+    title: "MessageBody/DecryptionFailureBodyView",
+    component: DecryptionFailureBodyViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        decryptionFailureReason: {
+            options: Object.entries(DecryptionFailureReason)
+                .filter(([key, value]) => key === value)
+                .map(([key]) => key),
+            control: { type: "select" },
+        },
+    },
+    args: {
+        decryptionFailureReason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+        isLocalDeviceVerified: true,
+        extraClassNames: ["extra_class"],
+    },
+} as Meta<typeof DecryptionFailureBodyViewWrapper>;
+
+const Template: StoryFn<typeof DecryptionFailureBodyViewWrapper> = (args) => (
+    <DecryptionFailureBodyViewWrapper {...args} />
+);
+
+export const Default = Template.bind({});
+
+export const HasExtraClassNames = Template.bind({});
+HasExtraClassNames.args = {
+    decryptionFailureReason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+    extraClassNames: ["extra_class_1", "extra_class_2"],
+};
+
+export const HasErrorClassName = Template.bind({});
+HasErrorClassName.args = {
+    decryptionFailureReason: DecryptionFailureReason.UNSIGNED_SENDER_DEVICE,
+    extraClassNames: undefined,
+};
+
+export const HasErrorBlockIcon = Template.bind({});
+HasErrorBlockIcon.args = {
+    decryptionFailureReason: DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED,
+    extraClassNames: undefined,
+};
+
+export const HasBackupConfiguredVerifiedFalse = Template.bind({});
+HasBackupConfiguredVerifiedFalse.args = {
+    decryptionFailureReason: DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+    isLocalDeviceVerified: false,
+    extraClassNames: undefined,
+};
+
+export const HasBackupConfiguredVerifiedTrue = Template.bind({});
+HasBackupConfiguredVerifiedTrue.args = {
+    decryptionFailureReason: DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+    isLocalDeviceVerified: true,
+    extraClassNames: undefined,
+};
diff --git a/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.test.tsx b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.test.tsx
new file mode 100644
index 0000000000..b886584c35
--- /dev/null
+++ b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.test.tsx
@@ -0,0 +1,149 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import { DecryptionFailureBodyView, DecryptionFailureReason } from "./DecryptionFailureBodyView";
+import { MockViewModel } from "../../viewmodel";
+import * as stories from "./DecryptionFailureBodyView.stories";
+
+const { HasExtraClassNames } = composeStories(stories);
+
+describe("DecryptionFailureBodyView", () => {
+    function customRender(
+        decryptionFailureReason: DecryptionFailureReason,
+        isLocalDeviceVerified: boolean = false,
+        extraClassNames: string[] | undefined = undefined,
+    ): ReturnType<typeof render> {
+        return render(
+            <DecryptionFailureBodyView
+                vm={new MockViewModel({ decryptionFailureReason, isLocalDeviceVerified, extraClassNames })}
+            />,
+        );
+    }
+
+    function customRenderWithRef(ref: React.RefObject<any>): ReturnType<typeof render> {
+        return render(
+            <DecryptionFailureBodyView
+                vm={new MockViewModel({ decryptionFailureReason: DecryptionFailureReason.UNABLE_TO_DECRYPT })}
+                ref={ref}
+            />,
+        );
+    }
+
+    it("Should display with extra class names", () => {
+        // When
+        const { container } = render(<HasExtraClassNames />);
+
+        // Then
+        expect(container).toMatchSnapshot();
+    });
+
+    it.each([true, false])(`Should display "Unable to decrypt message and device verification is %s"`, (verified) => {
+        // When
+        const { container } = customRender(DecryptionFailureReason.UNABLE_TO_DECRYPT, verified);
+
+        // Then
+        expect(container).toHaveTextContent("Unable to decrypt message");
+        expect(container).toMatchSnapshot();
+    });
+
+    it.each([true, false])(
+        `Should display "The sender has blocked you from receiving this message and device verification is %s"`,
+        (verified) => {
+            // When
+            const { container } = customRender(
+                DecryptionFailureReason.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE,
+                verified,
+            );
+
+            // Then
+            expect(container).toHaveTextContent(
+                "The sender has blocked you from receiving this message because your device is unverified",
+            );
+            expect(container).toMatchSnapshot();
+        },
+    );
+
+    it.each([true, false])(
+        "should handle historical messages with no key backup and device verification is %s",
+        (verified) => {
+            // When
+            const { container } = customRender(DecryptionFailureReason.HISTORICAL_MESSAGE_NO_KEY_BACKUP, verified);
+
+            // Then
+            expect(container).toHaveTextContent("Historical messages are not available on this device");
+            expect(container).toMatchSnapshot();
+        },
+    );
+
+    it.each([true, false])(
+        "should handle historical messages when there is a backup and device verification is %s",
+        (verified) => {
+            // When
+            const { container } = customRender(
+                DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+                verified,
+            );
+
+            // Then
+            expect(container).toHaveTextContent(
+                verified ? "Unable to decrypt" : "You need to verify this device for access to historical messages",
+            );
+        },
+    );
+
+    it.each([true, false])(
+        "should handle undecryptable pre-join messages and device verification is %s",
+        (verified) => {
+            // When
+            const { container } = customRender(DecryptionFailureReason.HISTORICAL_MESSAGE_USER_NOT_JOINED, verified);
+
+            // Then
+            expect(container).toHaveTextContent("You don't have access to this message");
+            expect(container).toMatchSnapshot();
+        },
+    );
+
+    it.each([true, false])(
+        "should handle messages from users who change identities after verification and device verification is %s",
+        (verified) => {
+            // When
+            const { container } = customRender(DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED, verified);
+
+            // Then
+            expect(container).toHaveTextContent("Sender's verified identity was reset");
+            expect(container).toMatchSnapshot();
+        },
+    );
+
+    it.each([true, false])(
+        "should handle messages from unverified devices and device verification is %s",
+        (verified) => {
+            // When
+            const { container } = customRender(DecryptionFailureReason.UNSIGNED_SENDER_DEVICE, verified);
+
+            // Then
+            expect(container).toHaveTextContent("Sent from an insecure device");
+            expect(container).toMatchSnapshot();
+        },
+    );
+
+    it("should handle ref input", async () => {
+        const ref = React.createRef<HTMLDivElement>();
+        // When
+        const { container } = customRenderWithRef(ref);
+
+        // Then
+        expect(container).toBeInstanceOf(HTMLDivElement);
+        expect(container.firstChild).toHaveTextContent("Unable to decrypt message");
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+    });
+});
diff --git a/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.tsx b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.tsx
new file mode 100644
index 0000000000..23b0d639d5
--- /dev/null
+++ b/packages/shared-components/src/message-body/DecryptionFailureBodyView/DecryptionFailureBodyView.tsx
@@ -0,0 +1,176 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import classNames from "classnames";
+import React, { type JSX } from "react";
+import { BlockIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { type I18nApi } from "@element-hq/element-web-module-api";
+
+import { type ViewModel } from "../../viewmodel/ViewModel";
+import { useViewModel } from "../../viewmodel/useViewModel";
+import styles from "./DecryptionFailureBodyView.module.css";
+import { useI18n } from "../../utils/i18nContext";
+
+/**
+ * A reason code for a failure to decrypt an event.
+ */
+export enum DecryptionFailureReason {
+    /** A special case of {@link MEGOLM_KEY_WITHHELD}: the sender has told us it is withholding the key, because the current device is unverified. */
+    MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE = "MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE",
+
+    /**
+     * Message was sent before the current device was created; there is no key backup on the server, so this
+     * decryption failure is expected.
+     */
+    HISTORICAL_MESSAGE_NO_KEY_BACKUP = "HISTORICAL_MESSAGE_NO_KEY_BACKUP",
+
+    /**
+     * Message was sent before the current device was created; there was a key backup on the server, but we don't
+     * seem to have access to the backup. (Probably we don't have the right key.)
+     */
+    HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED = "HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED",
+
+    /**
+     * Message was sent when the user was not a member of the room.
+     */
+    HISTORICAL_MESSAGE_USER_NOT_JOINED = "HISTORICAL_MESSAGE_USER_NOT_JOINED",
+
+    /**
+     * The sender's identity is not verified, but was previously verified.
+     */
+    SENDER_IDENTITY_PREVIOUSLY_VERIFIED = "SENDER_IDENTITY_PREVIOUSLY_VERIFIED",
+
+    /**
+     * The sender device is not cross-signed. This will only be used if the
+     * device isolation mode is set to `OnlySignedDevicesIsolationMode`.
+     */
+    UNSIGNED_SENDER_DEVICE = "UNSIGNED_SENDER_DEVICE",
+
+    /**
+     * Default message for decryption failures.
+     */
+    UNABLE_TO_DECRYPT = "UNABLE_TO_DECRYPT",
+}
+
+export interface DecryptionFailureBodyViewSnapshot {
+    /**
+     * The decryption failure reason of the event.
+     */
+    decryptionFailureReason: DecryptionFailureReason;
+    /**
+     * The local device verification state.
+     */
+    isLocalDeviceVerified?: boolean;
+    /**
+     * Extra CSS classes to apply to the component
+     */
+    extraClassNames?: string[];
+}
+
+/**
+ * The view model for the component.
+ */
+export type DecryptionFailureBodyViewModel = ViewModel<DecryptionFailureBodyViewSnapshot>;
+
+interface DecryptionFailureBodyViewProps {
+    /**
+     * The view model for the component.
+     */
+    vm: DecryptionFailureBodyViewModel;
+    /**
+     * React ref to attach to any React components returned
+     */
+    ref?: React.RefObject<any>;
+}
+
+/**
+ * Resolve the localized error message for a decryption failure reason.
+ *
+ * @param i18nApi - I18n API used to translate message keys.
+ * @param decryptionFailureReason - Reason code for the decryption failure.
+ * @param isLocalDeviceVerified - Whether the local device is verified, used for certain historical cases.
+ */
+function getErrorMessage(
+    i18nApi: I18nApi,
+    decryptionFailureReason: DecryptionFailureReason,
+    isLocalDeviceVerified?: boolean,
+): string | JSX.Element {
+    const _t = i18nApi.translate;
+
+    switch (decryptionFailureReason) {
+        case DecryptionFailureReason.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE:
+            return _t("timeline|decryption_failure|blocked");
+
+        case DecryptionFailureReason.HISTORICAL_MESSAGE_NO_KEY_BACKUP:
+            return _t("timeline|decryption_failure|historical_event_no_key_backup");
+
+        case DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED:
+            if (isLocalDeviceVerified === false) {
+                // The user seems to have a key backup, so prompt them to verify in the hope that doing so will
+                // mean we can restore from backup and we'll get the key for this message.
+                return _t("timeline|decryption_failure|historical_event_unverified_device");
+            }
+            // otherwise, use the default.
+            break;
+
+        case DecryptionFailureReason.HISTORICAL_MESSAGE_USER_NOT_JOINED:
+            // TODO: event should be hidden instead of showing this error.
+            //   To be revisited as part of https://github.com/element-hq/element-meta/issues/2449
+            return _t("timeline|decryption_failure|historical_event_user_not_joined");
+
+        case DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
+            return (
+                <span>
+                    <BlockIcon className={styles.icon} width="16px" height="16px" />
+                    {_t("timeline|decryption_failure|sender_identity_previously_verified")}
+                </span>
+            );
+
+        case DecryptionFailureReason.UNSIGNED_SENDER_DEVICE:
+            // TODO: event should be hidden instead of showing this error.
+            //   To be revisited as part of https://github.com/element-hq/element-meta/issues/2449
+            return (
+                <span>
+                    <BlockIcon className={styles.icon} width="16px" height="16px" />
+                    {_t("timeline|decryption_failure|sender_unsigned_device")}
+                </span>
+            );
+    }
+    return _t("timeline|decryption_failure|unable_to_decrypt");
+}
+
+/**
+ * Get the extra CSS class for the given decryption failure reason, when one applies.
+ */
+function errorClassName(decryptionFailureReason: DecryptionFailureReason): string | null {
+    switch (decryptionFailureReason) {
+        case DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
+        case DecryptionFailureReason.UNSIGNED_SENDER_DEVICE:
+            return styles.error;
+    }
+    return null;
+}
+
+/**
+ * A placeholder element for messages that could not be decrypted
+ *
+ * @example
+ * ```tsx
+ * <DecryptionFailureBodyView vm={DecryptionFailureBodyViewModel} />
+ * ```
+ */
+export function DecryptionFailureBodyView({ vm, ref }: Readonly<DecryptionFailureBodyViewProps>): JSX.Element {
+    const i18nApi = useI18n();
+    const { decryptionFailureReason, isLocalDeviceVerified, extraClassNames } = useViewModel(vm);
+    const classes = classNames(styles.content, errorClassName(decryptionFailureReason), extraClassNames);
+
+    return (
+        <div className={classes} ref={ref}>
+            {getErrorMessage(i18nApi, decryptionFailureReason, isLocalDeviceVerified)}
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/message-body/DecryptionFailureBodyView/__snapshots__/DecryptionFailureBodyView.test.tsx.snap b/packages/shared-components/src/message-body/DecryptionFailureBodyView/__snapshots__/DecryptionFailureBodyView.test.tsx.snap
new file mode 100644
index 0000000000..7bd5899caf
--- /dev/null
+++ b/packages/shared-components/src/message-body/DecryptionFailureBodyView/__snapshots__/DecryptionFailureBodyView.test.tsx.snap
@@ -0,0 +1,187 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`DecryptionFailureBodyView > Should display "The sender has blocked you from receiving this message and device verification is false" 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    The sender has blocked you from receiving this message because your device is unverified
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > Should display "The sender has blocked you from receiving this message and device verification is true" 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    The sender has blocked you from receiving this message because your device is unverified
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > Should display "Unable to decrypt message and device verification is false" 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    Unable to decrypt message
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > Should display "Unable to decrypt message and device verification is true" 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    Unable to decrypt message
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > Should display with extra class names 1`] = `
+<div>
+  <div
+    class="content extra_class_1 extra_class_2"
+  >
+    Unable to decrypt message
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle historical messages with no key backup and device verification is false 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    Historical messages are not available on this device
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle historical messages with no key backup and device verification is true 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    Historical messages are not available on this device
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle messages from unverified devices and device verification is false 1`] = `
+<div>
+  <div
+    class="content error"
+  >
+    <span>
+      <svg
+        class="icon"
+        fill="currentColor"
+        height="16px"
+        viewBox="0 0 24 24"
+        width="16px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.437-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7a8 8 0 0 0-2.3-1.263A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6A8 8 0 0 0 5.7 16.9"
+        />
+      </svg>
+      Sent from an insecure device.
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle messages from unverified devices and device verification is true 1`] = `
+<div>
+  <div
+    class="content error"
+  >
+    <span>
+      <svg
+        class="icon"
+        fill="currentColor"
+        height="16px"
+        viewBox="0 0 24 24"
+        width="16px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.437-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7a8 8 0 0 0-2.3-1.263A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6A8 8 0 0 0 5.7 16.9"
+        />
+      </svg>
+      Sent from an insecure device.
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle messages from users who change identities after verification and device verification is false 1`] = `
+<div>
+  <div
+    class="content error"
+  >
+    <span>
+      <svg
+        class="icon"
+        fill="currentColor"
+        height="16px"
+        viewBox="0 0 24 24"
+        width="16px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.437-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7a8 8 0 0 0-2.3-1.263A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6A8 8 0 0 0 5.7 16.9"
+        />
+      </svg>
+      Sender's verified identity was reset
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle messages from users who change identities after verification and device verification is true 1`] = `
+<div>
+  <div
+    class="content error"
+  >
+    <span>
+      <svg
+        class="icon"
+        fill="currentColor"
+        height="16px"
+        viewBox="0 0 24 24"
+        width="16px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.437-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7a8 8 0 0 0-2.3-1.263A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6A8 8 0 0 0 5.7 16.9"
+        />
+      </svg>
+      Sender's verified identity was reset
+    </span>
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle undecryptable pre-join messages and device verification is false 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    You don't have access to this message
+  </div>
+</div>
+`;
+
+exports[`DecryptionFailureBodyView > should handle undecryptable pre-join messages and device verification is true 1`] = `
+<div>
+  <div
+    class="content"
+  >
+    You don't have access to this message
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/message-body/DecryptionFailureBodyView/index.tsx b/packages/shared-components/src/message-body/DecryptionFailureBodyView/index.tsx
new file mode 100644
index 0000000000..bc533a89fd
--- /dev/null
+++ b/packages/shared-components/src/message-body/DecryptionFailureBodyView/index.tsx
@@ -0,0 +1,13 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export {
+    DecryptionFailureBodyView,
+    DecryptionFailureReason,
+    type DecryptionFailureBodyViewModel,
+    type DecryptionFailureBodyViewSnapshot,
+} from "./DecryptionFailureBodyView";
diff --git a/packages/shared-components/src/message-body/MediaBody/MediaBody.test.tsx b/packages/shared-components/src/message-body/MediaBody/MediaBody.test.tsx
index 9d405e1af3..303c7a05f0 100644
--- a/packages/shared-components/src/message-body/MediaBody/MediaBody.test.tsx
+++ b/packages/shared-components/src/message-body/MediaBody/MediaBody.test.tsx
@@ -6,8 +6,9 @@
  */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./MediaBody.stories";
 
diff --git a/packages/shared-components/src/message-body/MediaBody/__snapshots__/MediaBody.test.tsx.snap b/packages/shared-components/src/message-body/MediaBody/__snapshots__/MediaBody.test.tsx.snap
index d86c677390..34027a651b 100644
--- a/packages/shared-components/src/message-body/MediaBody/__snapshots__/MediaBody.test.tsx.snap
+++ b/packages/shared-components/src/message-body/MediaBody/__snapshots__/MediaBody.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`MediaBody renders the media body 1`] = `
+exports[`MediaBody > renders the media body 1`] = `
 <div>
   <div
     class="mx_MediaBody mediaBody"
diff --git a/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx
new file mode 100644
index 0000000000..ff8fa315b5
--- /dev/null
+++ b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx
@@ -0,0 +1,69 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type PropsWithChildren } from "react";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import { useMockedViewModel } from "../../viewmodel";
+import {
+    ReactionsRowButtonTooltipView,
+    type ReactionsRowButtonTooltipViewSnapshot,
+} from "./ReactionsRowButtonTooltipView";
+
+type WrapperProps = ReactionsRowButtonTooltipViewSnapshot & PropsWithChildren;
+
+const ReactionsRowButtonTooltipViewWrapper = ({ children, ...snapshotProps }: WrapperProps): JSX.Element => {
+    const vm = useMockedViewModel(snapshotProps, {});
+    return <ReactionsRowButtonTooltipView vm={vm}>{children}</ReactionsRowButtonTooltipView>;
+};
+
+export default {
+    title: "MessageBody/ReactionsRowButtonTooltip",
+    component: ReactionsRowButtonTooltipViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {
+        formattedSenders: { control: "text" },
+        caption: { control: "text" },
+    },
+    args: {
+        children: <button>👍 3</button>,
+    },
+} as Meta<typeof ReactionsRowButtonTooltipViewWrapper>;
+
+const Template: StoryFn<typeof ReactionsRowButtonTooltipViewWrapper> = (args) => (
+    <ReactionsRowButtonTooltipViewWrapper {...args} />
+);
+
+export const Default = Template.bind({});
+Default.args = {
+    formattedSenders: "Alice, Bob and Charlie",
+    caption: ":thumbsup:",
+    tooltipOpen: true,
+};
+
+export const ManySenders = Template.bind({});
+ManySenders.args = {
+    formattedSenders: "Alice, Bob, Charlie, David, Eve, Frank and 2 others",
+    caption: ":heart:",
+    children: <button>❤️ 8</button>,
+    tooltipOpen: true,
+};
+
+export const WithoutCaption = Template.bind({});
+WithoutCaption.args = {
+    formattedSenders: "Alice and Bob",
+    caption: undefined,
+    children: <button>🎉 2</button>,
+    tooltipOpen: true,
+};
+
+export const NoTooltip = Template.bind({});
+NoTooltip.args = {
+    formattedSenders: undefined,
+    caption: undefined,
+    children: <button>👍 1</button>,
+};
diff --git a/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.test.tsx b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.test.tsx
new file mode 100644
index 0000000000..4c48d0d789
--- /dev/null
+++ b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.test.tsx
@@ -0,0 +1,27 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import React from "react";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./ReactionsRowButtonTooltip.stories";
+
+const { Default, ManySenders } = composeStories(stories);
+
+describe("ReactionsRowButtonTooltip", () => {
+    it("renders the tooltip with formatted senders and caption", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders the tooltip with many senders", () => {
+        const { container } = render(<ManySenders />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltipView.tsx b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltipView.tsx
new file mode 100644
index 0000000000..b8eb50f03c
--- /dev/null
+++ b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/ReactionsRowButtonTooltipView.tsx
@@ -0,0 +1,63 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type PropsWithChildren, type JSX } from "react";
+import React from "react";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { type ViewModel, useViewModel } from "../../viewmodel";
+
+/**
+ * Snapshot interface for the ReactionsRowButtonTooltip view.
+ */
+export interface ReactionsRowButtonTooltipViewSnapshot {
+    /**
+     * The formatted list of sender names who reacted.
+     */
+    formattedSenders?: string;
+    /**
+     * The caption to display (e.g., the shortcode of the reaction).
+     */
+    caption?: string;
+    /**
+     * Whether the tooltip should be forced open.
+     */
+    tooltipOpen?: boolean;
+}
+
+export type ReactionsRowButtonTooltipViewModel = ViewModel<ReactionsRowButtonTooltipViewSnapshot>;
+
+interface ReactionsRowButtonTooltipViewProps {
+    /**
+     * The view model for the reactions row button tooltip.
+     */
+    vm: ReactionsRowButtonTooltipViewModel;
+    /**
+     * The children to wrap with the tooltip.
+     */
+    children?: PropsWithChildren["children"];
+}
+
+/**
+ * Type alias for the ReactionsRowButtonTooltip view model.
+ */
+export function ReactionsRowButtonTooltipView({
+    vm,
+    children,
+}: Readonly<ReactionsRowButtonTooltipViewProps>): JSX.Element {
+    const { formattedSenders, caption, tooltipOpen } = useViewModel(vm);
+
+    if (formattedSenders) {
+        return (
+            <Tooltip description={formattedSenders} caption={caption} placement="right" open={tooltipOpen}>
+                {children}
+            </Tooltip>
+        );
+    }
+
+    return <>{children}</>;
+}
diff --git a/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/__snapshots__/ReactionsRowButtonTooltip.test.tsx.snap b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/__snapshots__/ReactionsRowButtonTooltip.test.tsx.snap
new file mode 100644
index 0000000000..4940b975dd
--- /dev/null
+++ b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/__snapshots__/ReactionsRowButtonTooltip.test.tsx.snap
@@ -0,0 +1,21 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ReactionsRowButtonTooltip > renders the tooltip with formatted senders and caption 1`] = `
+<div>
+  <button
+    aria-describedby="_r_2_"
+  >
+    👍 3
+  </button>
+</div>
+`;
+
+exports[`ReactionsRowButtonTooltip > renders the tooltip with many senders 1`] = `
+<div>
+  <button
+    aria-describedby="_r_8_"
+  >
+    ❤️ 8
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/index.tsx b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/index.tsx
new file mode 100644
index 0000000000..92a8a8d611
--- /dev/null
+++ b/packages/shared-components/src/message-body/ReactionsRowButtonTooltip/index.tsx
@@ -0,0 +1,12 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export {
+    ReactionsRowButtonTooltipView,
+    type ReactionsRowButtonTooltipViewSnapshot,
+    type ReactionsRowButtonTooltipViewModel,
+} from "./ReactionsRowButtonTooltipView";
diff --git a/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.module.css b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.module.css
new file mode 100644
index 0000000000..fea4615390
--- /dev/null
+++ b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.module.css
@@ -0,0 +1,21 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.timelineSeparator {
+    clear: both;
+    margin: var(--cpd-space-1x) 0;
+    font: var(--cpd-font-body-md-regular);
+    letter-spacing: var(--cpd-font-letter-spacing-body-md);
+    color: var(--cpd-color-text-primary);
+}
+
+.timelineSeparator > hr {
+    flex: 1 1 0;
+    height: 0;
+    border: none;
+    border-bottom: 1px solid var(--cpd-color-gray-400);
+}
diff --git a/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.stories.tsx b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.stories.tsx
new file mode 100644
index 0000000000..cf067f4ecd
--- /dev/null
+++ b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.stories.tsx
@@ -0,0 +1,54 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import TimelineSeparator from "./TimelineSeparator";
+import styles from "./TimelineSeparator.module.css";
+
+export default {
+    title: "MessageBody/TimelineSeparator",
+    component: TimelineSeparator,
+    tags: ["autodocs"],
+    args: {
+        label: "Label Separator",
+        children: "Timeline Separator",
+    },
+} as Meta<typeof TimelineSeparator>;
+
+const Template: StoryFn<typeof TimelineSeparator> = (args) => <TimelineSeparator {...args} />;
+
+export const Default = Template.bind({});
+
+export const WithHtmlChild = Template.bind({});
+WithHtmlChild.args = {
+    label: "Custom Label",
+    children: (
+        <h2 className={styles.timelineSeparator} aria-hidden="true">
+            Thursday
+        </h2>
+    ),
+};
+
+export const WithDateEvent = Template.bind({});
+WithDateEvent.args = {
+    label: "Date Event Separator",
+    children: "Wednesday",
+};
+
+export const WithLateEvent = Template.bind({});
+WithLateEvent.args = {
+    label: "Late Event Separator",
+    children: "Fri, Jan 9, 2026",
+};
+
+export const WithoutChildren = Template.bind({});
+WithoutChildren.args = {
+    children: undefined,
+    label: "Separator without children",
+};
diff --git a/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.test.tsx b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.test.tsx
new file mode 100644
index 0000000000..859142b49c
--- /dev/null
+++ b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.test.tsx
@@ -0,0 +1,48 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { render } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import React from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import * as stories from "./TimelineSeparator.stories.tsx";
+
+const { Default, WithHtmlChild, WithoutChildren, WithDateEvent, WithLateEvent } = composeStories(stories);
+
+describe("TimelineSeparator", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    describe("Snapshot tests", () => {
+        it("renders the timeline separator in default state", () => {
+            const { container } = render(<Default />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders the timeline separator with HTML child", () => {
+            const { container } = render(<WithHtmlChild />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders the timeline separator with date event", () => {
+            const { container } = render(<WithDateEvent />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders the timeline separator with late event", () => {
+            const { container } = render(<WithLateEvent />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders the timeline separator without children", () => {
+            const { container } = render(<WithoutChildren />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.tsx b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.tsx
new file mode 100644
index 0000000000..cd3af1c1a7
--- /dev/null
+++ b/packages/shared-components/src/message-body/TimelineSeparator/TimelineSeparator.tsx
@@ -0,0 +1,54 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { type PropsWithChildren } from "react";
+import classNames from "classnames";
+
+import styles from "./TimelineSeparator.module.css";
+import { Flex } from "../..";
+
+/**
+ * Timeline separator props
+ */
+export interface TimelineSeparatorProps {
+    /**
+     * Accessible label for the separator (for example: "Today", "Yesterday", or a date).
+     */
+    label: string;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+    /**
+     * Optional children to render inside the timeline separator
+     */
+    children?: PropsWithChildren["children"];
+}
+
+/**
+ * Generic timeline separator component to render within a MessagePanel
+ *
+ * @param label the accessible label string describing the separator
+ * @param children the children to draw within the timeline separator
+ */
+const TimelineSeparator: React.FC<TimelineSeparatorProps> = ({ label, className, children }) => {
+    // ARIA treats <hr/>s as separators, here we abuse them slightly so manually treat this entire thing as one
+    return (
+        <Flex
+            className={classNames(className, styles.timelineSeparator)}
+            role="separator"
+            aria-label={label}
+            align="center"
+        >
+            <hr role="none" />
+            {children}
+            <hr role="none" />
+        </Flex>
+    );
+};
+
+export default TimelineSeparator;
diff --git a/packages/shared-components/src/message-body/TimelineSeparator/__snapshots__/TimelineSeparator.test.tsx.snap b/packages/shared-components/src/message-body/TimelineSeparator/__snapshots__/TimelineSeparator.test.tsx.snap
new file mode 100644
index 0000000000..e45501e14d
--- /dev/null
+++ b/packages/shared-components/src/message-body/TimelineSeparator/__snapshots__/TimelineSeparator.test.tsx.snap
@@ -0,0 +1,100 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`TimelineSeparator > Snapshot tests > renders the timeline separator in default state 1`] = `
+<div>
+  <div
+    aria-label="Label Separator"
+    class="flex timelineSeparator"
+    role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <hr
+      role="none"
+    />
+    Timeline Separator
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`TimelineSeparator > Snapshot tests > renders the timeline separator with HTML child 1`] = `
+<div>
+  <div
+    aria-label="Custom Label"
+    class="flex timelineSeparator"
+    role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <hr
+      role="none"
+    />
+    <h2
+      aria-hidden="true"
+      class="timelineSeparator"
+    >
+      Thursday
+    </h2>
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`TimelineSeparator > Snapshot tests > renders the timeline separator with date event 1`] = `
+<div>
+  <div
+    aria-label="Date Event Separator"
+    class="flex timelineSeparator"
+    role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <hr
+      role="none"
+    />
+    Wednesday
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`TimelineSeparator > Snapshot tests > renders the timeline separator with late event 1`] = `
+<div>
+  <div
+    aria-label="Late Event Separator"
+    class="flex timelineSeparator"
+    role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <hr
+      role="none"
+    />
+    Fri, Jan 9, 2026
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
+
+exports[`TimelineSeparator > Snapshot tests > renders the timeline separator without children 1`] = `
+<div>
+  <div
+    aria-label="Separator without children"
+    class="flex timelineSeparator"
+    role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <hr
+      role="none"
+    />
+    <hr
+      role="none"
+    />
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/message-body/TimelineSeparator/index.ts b/packages/shared-components/src/message-body/TimelineSeparator/index.ts
new file mode 100644
index 0000000000..c5812abb07
--- /dev/null
+++ b/packages/shared-components/src/message-body/TimelineSeparator/index.ts
@@ -0,0 +1,8 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { default as TimelineSeparator, type TimelineSeparatorProps } from "./TimelineSeparator";
diff --git a/packages/shared-components/src/pill-input/Pill/Pill.test.tsx b/packages/shared-components/src/pill-input/Pill/Pill.test.tsx
index a539f6c295..867af1a9d4 100644
--- a/packages/shared-components/src/pill-input/Pill/Pill.test.tsx
+++ b/packages/shared-components/src/pill-input/Pill/Pill.test.tsx
@@ -6,8 +6,9 @@
  */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./Pill.stories";
 
diff --git a/packages/shared-components/src/pill-input/Pill/Pill.tsx b/packages/shared-components/src/pill-input/Pill/Pill.tsx
index 64fdac3d2d..2b04fcd54c 100644
--- a/packages/shared-components/src/pill-input/Pill/Pill.tsx
+++ b/packages/shared-components/src/pill-input/Pill/Pill.tsx
@@ -61,7 +61,7 @@ export function Pill({ className, children, label, onClick, ...props }: PropsWit
                     aria-label={_t("action|delete")}
                     className="mx_Dialog_nonDialogButton"
                 >
-                    <CloseIcon color="var(--cpd-color-icon-tertiary)" />
+                    <CloseIcon />
                 </IconButton>
             )}
         </Flex>
diff --git a/packages/shared-components/src/pill-input/Pill/__snapshots__/Pill.test.tsx.snap b/packages/shared-components/src/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
index 2ef6575b20..0574e9ba39 100644
--- a/packages/shared-components/src/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
+++ b/packages/shared-components/src/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Pill renders the pill 1`] = `
+exports[`Pill > renders the pill 1`] = `
 <div>
   <div
     class="flex pill"
@@ -18,7 +18,7 @@ exports[`Pill renders the pill 1`] = `
     <button
       aria-describedby="_r_0_"
       aria-label="Delete"
-      class="_icon-button_1pz9o_8 mx_Dialog_nonDialogButton"
+      class="_icon-button_1215g_8 mx_Dialog_nonDialogButton"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 16px;"
@@ -29,7 +29,6 @@ exports[`Pill renders the pill 1`] = `
         style="--cpd-icon-button-size: 100%;"
       >
         <svg
-          color="var(--cpd-color-icon-tertiary)"
           fill="currentColor"
           height="1em"
           viewBox="0 0 24 24"
@@ -46,7 +45,7 @@ exports[`Pill renders the pill 1`] = `
 </div>
 `;
 
-exports[`Pill renders the pill without close button 1`] = `
+exports[`Pill > renders the pill without close button 1`] = `
 <div>
   <div
     class="flex pill"
diff --git a/packages/shared-components/src/pill-input/PillInput/PillInput.test.tsx b/packages/shared-components/src/pill-input/PillInput/PillInput.test.tsx
index b20b53c6e4..aaaf8dbdf0 100644
--- a/packages/shared-components/src/pill-input/PillInput/PillInput.test.tsx
+++ b/packages/shared-components/src/pill-input/PillInput/PillInput.test.tsx
@@ -5,10 +5,11 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import { render, screen } from "jest-matrix-react";
+import { render, screen } from "@test-utils";
 import React from "react";
 import { composeStories } from "@storybook/react-vite";
 import userEvent from "@testing-library/user-event";
+import { describe, it, vi, expect } from "vitest";
 
 import * as stories from "./PillInput.stories";
 import { PillInput } from "./PillInput";
@@ -28,7 +29,7 @@ describe("PillInput", () => {
 
     it("calls onRemoveChildren when backspace is pressed and input is empty", async () => {
         const user = userEvent.setup();
-        const mockOnRemoveChildren = jest.fn();
+        const mockOnRemoveChildren = vi.fn();
 
         render(<PillInput onRemoveChildren={mockOnRemoveChildren} />);
 
diff --git a/packages/shared-components/src/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap b/packages/shared-components/src/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap
index 37a1d08c8b..64f85adc8b 100644
--- a/packages/shared-components/src/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap
+++ b/packages/shared-components/src/pill-input/PillInput/__snapshots__/PillInput.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PillInput renders only the input without children 1`] = `
+exports[`PillInput > renders only the input without children 1`] = `
 <div>
   <div
     class="flex pillInput"
@@ -16,7 +16,7 @@ exports[`PillInput renders only the input without children 1`] = `
 </div>
 `;
 
-exports[`PillInput renders the pill input 1`] = `
+exports[`PillInput > renders the pill input 1`] = `
 <div>
   <div
     class="flex pillInput"
diff --git a/packages/shared-components/src/rich-list/RichItem/RichItem.test.tsx b/packages/shared-components/src/rich-list/RichItem/RichItem.test.tsx
index b5322d1fa5..27d3266aee 100644
--- a/packages/shared-components/src/rich-list/RichItem/RichItem.test.tsx
+++ b/packages/shared-components/src/rich-list/RichItem/RichItem.test.tsx
@@ -6,8 +6,9 @@
  */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, vi, beforeAll, expect } from "vitest";
 
 import * as stories from "./RichItem.stories";
 
@@ -15,7 +16,7 @@ const { Default, Selected, WithoutTimestamp } = composeStories(stories);
 
 describe("RichItem", () => {
     beforeAll(() => {
-        jest.useFakeTimers().setSystemTime(new Date("2025-08-01T12:00:00Z"));
+        vi.useFakeTimers().setSystemTime(new Date("2025-08-01T12:00:00Z"));
     });
 
     it("renders the item in default state", () => {
diff --git a/packages/shared-components/src/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap b/packages/shared-components/src/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap
index 6ccc190d8c..b66ad0b495 100644
--- a/packages/shared-components/src/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap
+++ b/packages/shared-components/src/rich-list/RichItem/__snapshots__/RichItem.test.tsx.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RichItem renders the item in default state 1`] = `
+exports[`RichItem > renders the item in default state 1`] = `
 <div>
   <ul
     role="listbox"
-    style="all: unset; list-style: none;"
+    style="color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: none; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset;"
   >
     <li
       aria-label="Rich Item Title"
@@ -41,11 +41,11 @@ exports[`RichItem renders the item in default state 1`] = `
 </div>
 `;
 
-exports[`RichItem renders the item in selected state 1`] = `
+exports[`RichItem > renders the item in selected state 1`] = `
 <div>
   <ul
     role="listbox"
-    style="all: unset; list-style: none;"
+    style="color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: none; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset;"
   >
     <li
       aria-label="Rich Item Title"
@@ -93,11 +93,11 @@ exports[`RichItem renders the item in selected state 1`] = `
 </div>
 `;
 
-exports[`RichItem renders the item without timestamp 1`] = `
+exports[`RichItem > renders the item without timestamp 1`] = `
 <div>
   <ul
     role="listbox"
-    style="all: unset; list-style: none;"
+    style="color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: none; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset;"
   >
     <li
       aria-label="Rich Item Title"
diff --git a/packages/shared-components/src/rich-list/RichList/RichList.test.tsx b/packages/shared-components/src/rich-list/RichList/RichList.test.tsx
index 625511f68e..e77cc20b02 100644
--- a/packages/shared-components/src/rich-list/RichList/RichList.test.tsx
+++ b/packages/shared-components/src/rich-list/RichList/RichList.test.tsx
@@ -6,8 +6,9 @@
  */
 
 import { composeStories } from "@storybook/react-vite";
-import { render } from "jest-matrix-react";
+import { render } from "@test-utils";
 import React from "react";
+import { describe, it, expect } from "vitest";
 
 import * as stories from "./RichList.stories";
 
diff --git a/packages/shared-components/src/rich-list/RichList/__snapshots__/RichList.test.tsx.snap b/packages/shared-components/src/rich-list/RichList/__snapshots__/RichList.test.tsx.snap
index 41f5407d3c..bd10576b65 100644
--- a/packages/shared-components/src/rich-list/RichList/__snapshots__/RichList.test.tsx.snap
+++ b/packages/shared-components/src/rich-list/RichList/__snapshots__/RichList.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RichItem renders the list 1`] = `
+exports[`RichItem > renders the list 1`] = `
 <div>
   <div
     style="height: 220px; overflow: hidden;"
@@ -163,7 +163,7 @@ exports[`RichItem renders the list 1`] = `
 </div>
 `;
 
-exports[`RichItem renders the list with isEmpty=true 1`] = `
+exports[`RichItem > renders the list with isEmpty=true 1`] = `
 <div>
   <div
     style="height: 220px; overflow: hidden;"
diff --git a/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx b/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx
new file mode 100644
index 0000000000..87d3515d0c
--- /dev/null
+++ b/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.stories.tsx
@@ -0,0 +1,84 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+import { IconButton } from "@vector-im/compound-web";
+import TriggerIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import {
+    type WidgetContextMenuAction,
+    type WidgetContextMenuSnapshot,
+    WidgetContextMenuView,
+} from "./WidgetContextMenuView";
+import { useMockedViewModel } from "../../viewmodel/useMockedViewModel";
+
+type WidgetContextMenuViewModelProps = WidgetContextMenuSnapshot & WidgetContextMenuAction;
+
+const WidgetContextMenuViewWrapper = ({
+    onStreamAudioClick,
+    onEditClick,
+    onSnapshotClick,
+    onDeleteClick,
+    onRevokeClick,
+    onFinished,
+    onMoveButton,
+    ...rest
+}: WidgetContextMenuViewModelProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onStreamAudioClick,
+        onEditClick,
+        onSnapshotClick,
+        onDeleteClick,
+        onRevokeClick,
+        onFinished,
+        onMoveButton,
+    });
+    return <WidgetContextMenuView vm={vm} />;
+};
+
+export default {
+    title: "RightPanel/WidgetContextMenuView",
+    component: WidgetContextMenuViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        showStreamAudioStreamButton: true,
+        showEditButton: true,
+        showRevokeButton: true,
+        showDeleteButton: true,
+        showSnapshotButton: true,
+        showMoveButtons: [true, true],
+        canModify: true,
+        widgetMessaging: undefined,
+        isMenuOpened: true,
+        trigger: (
+            <IconButton size="24px" aria-label="context menu trigger button" inert={true} tabIndex={-1}>
+                <TriggerIcon />
+            </IconButton>
+        ),
+        onStreamAudioClick: fn(),
+        onEditClick: fn(),
+        onSnapshotClick: fn(),
+        onDeleteClick: fn(),
+        onRevokeClick: fn(),
+        onFinished: fn(),
+        onMoveButton: fn(),
+    },
+} as Meta<typeof WidgetContextMenuViewWrapper>;
+
+const Template: StoryFn<typeof WidgetContextMenuViewWrapper> = (args) => <WidgetContextMenuViewWrapper {...args} />;
+
+export const Default = Template.bind({});
+
+export const OnlyBasicModification = Template.bind({});
+OnlyBasicModification.args = {
+    showSnapshotButton: false,
+    showMoveButtons: [false, false],
+    showStreamAudioStreamButton: false,
+    showEditButton: false,
+};
diff --git a/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.test.tsx b/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.test.tsx
new file mode 100644
index 0000000000..e590e8d8d3
--- /dev/null
+++ b/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.test.tsx
@@ -0,0 +1,116 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { screen, render } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { IconButton } from "@vector-im/compound-web";
+import { composeStories } from "@storybook/react-vite";
+import TriggerIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
+import { describe, vi, expect, it, afterEach } from "vitest";
+
+import {
+    type WidgetContextMenuAction,
+    type WidgetContextMenuSnapshot,
+    WidgetContextMenuView,
+} from "./WidgetContextMenuView";
+import * as stories from "./WidgetContextMenuView.stories.tsx";
+import { MockViewModel } from "../../viewmodel/MockViewModel.ts";
+import { I18nApi } from "../../utils/I18nApi.ts";
+import { I18nContext } from "../../utils/i18nContext.ts";
+
+const { Default, OnlyBasicModification } = composeStories(stories);
+
+describe("<WidgetContextMenuView />", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("renders widget contextmenu with all options", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders widget contextmenu without only basic modification", () => {
+        const { container } = render(<OnlyBasicModification />);
+        expect(container).toMatchSnapshot();
+    });
+
+    const onKeyDown = vi.fn();
+    const togglePlay = vi.fn();
+    const onSeekbarChange = vi.fn();
+
+    const onStreamAudioClick = vi.fn();
+    const onEditClick = vi.fn();
+    const onSnapshotClick = vi.fn();
+    const onDeleteClick = vi.fn();
+    const onRevokeClick = vi.fn();
+    const onFinished = vi.fn();
+    const onMoveButton = vi.fn();
+    class WidgetContextMenuViewModel
+        extends MockViewModel<WidgetContextMenuSnapshot>
+        implements WidgetContextMenuAction
+    {
+        public onKeyDown = onKeyDown;
+        public togglePlay = togglePlay;
+        public onSeekbarChange = onSeekbarChange;
+
+        public onStreamAudioClick = onStreamAudioClick;
+        public onEditClick = onEditClick;
+        public onSnapshotClick = onSnapshotClick;
+        public onDeleteClick = onDeleteClick;
+        public onRevokeClick = onRevokeClick;
+        public onFinished = onFinished;
+        public onMoveButton = onMoveButton;
+    }
+
+    const defaultValue: WidgetContextMenuSnapshot = {
+        showStreamAudioStreamButton: true,
+        showEditButton: true,
+        showRevokeButton: true,
+        showDeleteButton: true,
+        showSnapshotButton: true,
+        showMoveButtons: [true, true],
+        canModify: true,
+        isMenuOpened: true,
+        userWidget: false,
+        trigger: (
+            <IconButton size="24px" aria-label="context menu trigger button">
+                <TriggerIcon />
+            </IconButton>
+        ),
+    };
+
+    it("should attach vm methods", async () => {
+        const vm = new WidgetContextMenuViewModel(defaultValue);
+
+        render(<WidgetContextMenuView vm={vm} />, {
+            wrapper: ({ children }) => <I18nContext.Provider value={new I18nApi()}>{children}</I18nContext.Provider>,
+        });
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Start audio stream" }));
+        expect(onStreamAudioClick).toHaveBeenCalled();
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Edit" }));
+        expect(onEditClick).toHaveBeenCalled();
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Take a picture" }));
+        expect(onSnapshotClick).toHaveBeenCalled();
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Revoke permissions" }));
+        expect(onRevokeClick).toHaveBeenCalled();
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Remove for everyone" }));
+        expect(onDeleteClick).toHaveBeenCalled();
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Move left" }));
+        expect(onMoveButton).toHaveBeenCalledWith(-1);
+
+        await userEvent.click(screen.getByRole("menuitem", { name: "Move right" }));
+        expect(onMoveButton).toHaveBeenCalledWith(1);
+    });
+});
diff --git a/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.tsx b/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.tsx
new file mode 100644
index 0000000000..c8a150e041
--- /dev/null
+++ b/packages/shared-components/src/right-panel/WidgetContextMenu/WidgetContextMenuView.tsx
@@ -0,0 +1,197 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type ReactNode, type JSX } from "react";
+import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
+import TriggerIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
+
+import { type ViewModel } from "../../viewmodel/ViewModel.ts";
+import { useI18n } from "../../utils/i18nContext.ts";
+import { useViewModel } from "../../viewmodel/useViewModel.ts";
+
+export interface WidgetContextMenuSnapshot {
+    /**
+     * Indicates if the audio stream button needs to be shown or not
+     * depending on the config value audio_stream_url and widget type jitsi
+     */
+    showStreamAudioStreamButton: boolean;
+    /**
+     * Indicates if the edit button is shown depending the user permission to modify
+     */
+    showEditButton: boolean;
+    /**
+     * Indicates if revoke widget button needs to be shown or not
+     */
+    showRevokeButton: boolean;
+    /**
+     * Indicates if delete widget button needs to be shown or not
+     */
+    showDeleteButton: boolean;
+    /**
+     * Show take screenshot button or not dependning on config value enableWidgetScreenshots
+     */
+    showSnapshotButton: boolean;
+    /**
+     * show move widget position button
+     */
+    showMoveButtons: [boolean, boolean];
+    /**
+     * Indicates if user can modify the widget settings
+     */
+    canModify: boolean;
+    /**
+     * Indicates if the widget menu is opened or not
+     */
+    isMenuOpened: boolean;
+    /**
+     * A component that is displayed which trigger the menu to open or close
+     */
+    trigger: ReactNode;
+    /**
+     * If it's an instance of a user widget
+     */
+    userWidget: boolean;
+}
+
+export interface WidgetContextMenuAction {
+    /**
+     * Function triggered when stream audio is clicked
+     */
+    onStreamAudioClick: () => Promise<void>;
+    /**
+     * Function triggered when edit button is clicked
+     */
+    onEditClick: () => void;
+    /**
+     * Function triggered when snapshot button is clicked
+     */
+    onSnapshotClick: () => void;
+    /**
+     * Function triggered when delete button is clicked
+     */
+    onDeleteClick: () => void;
+    /**
+     * Function triggered when revoke button is clicked
+     */
+    onRevokeClick: () => void;
+    /**
+     * Called when the action is finished, to close the menu
+     */
+    onFinished: () => void;
+    /**
+     * Button used to move up or down in the list the widget position
+     * @param direction 1 or -1
+     */
+    onMoveButton: (direction: number) => void;
+}
+
+export type WidgetContextMenuViewModel = ViewModel<WidgetContextMenuSnapshot> & WidgetContextMenuAction;
+
+interface WidgetContextMenuViewProps {
+    vm: WidgetContextMenuViewModel;
+}
+
+/**
+ * A context menu component used to display the correct items that needs to be displayed for a widget item menu
+ */
+export const WidgetContextMenuView: React.FC<WidgetContextMenuViewProps> = ({ vm }) => {
+    const { translate: _t } = useI18n();
+
+    const {
+        showStreamAudioStreamButton,
+        showEditButton,
+        showSnapshotButton,
+        showDeleteButton,
+        showRevokeButton,
+        showMoveButtons,
+        isMenuOpened,
+        userWidget,
+        trigger,
+    } = useViewModel(vm);
+
+    let streamAudioStreamButton: JSX.Element | undefined;
+    if (showStreamAudioStreamButton) {
+        streamAudioStreamButton = (
+            <MenuItem onSelect={vm.onStreamAudioClick} label={_t("widget|context_menu|start_audio_stream")} />
+        );
+    }
+
+    let editButton: JSX.Element | undefined;
+    if (showEditButton) {
+        editButton = <MenuItem onSelect={vm.onEditClick} label={_t("action|edit")} />;
+    }
+
+    let snapshotButton: JSX.Element | undefined;
+    if (showSnapshotButton) {
+        snapshotButton = <MenuItem onSelect={vm.onSnapshotClick} label={_t("widget|context_menu|screenshot")} />;
+    }
+
+    let deleteButton: JSX.Element | undefined;
+    if (showDeleteButton) {
+        deleteButton = (
+            <MenuItem
+                onSelect={vm.onDeleteClick}
+                label={userWidget ? _t("action|remove") : _t("widget|context_menu|remove")}
+            />
+        );
+    }
+
+    let revokeButton: JSX.Element | undefined;
+    if (showRevokeButton) {
+        revokeButton = <MenuItem onSelect={vm.onRevokeClick} label={_t("widget|context_menu|revoke")} />;
+    }
+
+    const [showMoveLeftButton, showMoveRightButton] = showMoveButtons;
+    let moveLeftButton: JSX.Element | undefined;
+    if (showMoveLeftButton) {
+        moveLeftButton = <MenuItem onSelect={() => vm.onMoveButton(-1)} label={_t("widget|context_menu|move_left")} />;
+    }
+
+    let moveRightButton: JSX.Element | undefined;
+    if (showMoveRightButton) {
+        moveRightButton = <MenuItem onSelect={() => vm.onMoveButton(1)} label={_t("widget|context_menu|move_right")} />;
+    }
+
+    // Only render menu items when the menu is open to prevent focusable elements in aria-hidden container
+    const renderMenuItems = (): React.ReactNode => {
+        if (!isMenuOpened) return null;
+        return (
+            <>
+                {streamAudioStreamButton}
+                {editButton}
+                {revokeButton}
+                {deleteButton}
+                {snapshotButton}
+                {moveLeftButton}
+                {moveRightButton}
+            </>
+        );
+    };
+
+    // Default trigger icon if no valid trigger element was passed
+    const wrappedTrigger = React.isValidElement(trigger) ? (
+        trigger
+    ) : (
+        <IconButton size="24px" aria-label="context menu trigger button" inert={true} tabIndex={-1}>
+            <TriggerIcon />
+        </IconButton>
+    );
+
+    return (
+        <Menu
+            title="Widget context menu"
+            open={isMenuOpened}
+            showTitle={false}
+            side="right"
+            align="start"
+            trigger={wrappedTrigger}
+            onOpenChange={vm.onFinished}
+        >
+            {renderMenuItems()}
+        </Menu>
+    );
+};
diff --git a/packages/shared-components/src/right-panel/WidgetContextMenu/__snapshots__/WidgetContextMenuView.test.tsx.snap b/packages/shared-components/src/right-panel/WidgetContextMenu/__snapshots__/WidgetContextMenuView.test.tsx.snap
new file mode 100644
index 0000000000..f60036c561
--- /dev/null
+++ b/packages/shared-components/src/right-panel/WidgetContextMenu/__snapshots__/WidgetContextMenuView.test.tsx.snap
@@ -0,0 +1,83 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<WidgetContextMenuView /> > renders widget contextmenu with all options 1`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <button
+    aria-controls="radix-_r_1_"
+    aria-disabled="false"
+    aria-expanded="true"
+    aria-haspopup="menu"
+    aria-label="context menu trigger button"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="open"
+    id="radix-_r_0_"
+    inert=""
+    role="button"
+    style="--cpd-icon-button-size: 24px;"
+    tabindex="-1"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17"
+      style="--cpd-icon-button-size: 100%;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
+
+exports[`<WidgetContextMenuView /> > renders widget contextmenu without only basic modification 1`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <button
+    aria-controls="radix-_r_b_"
+    aria-disabled="false"
+    aria-expanded="true"
+    aria-haspopup="menu"
+    aria-label="context menu trigger button"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="open"
+    id="radix-_r_a_"
+    inert=""
+    role="button"
+    style="--cpd-icon-button-size: 24px;"
+    tabindex="-1"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17"
+      style="--cpd-icon-button-size: 100%;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+        />
+      </svg>
+    </div>
+  </button>
+</div>
+`;
diff --git a/packages/shared-components/src/right-panel/WidgetContextMenu/index.ts b/packages/shared-components/src/right-panel/WidgetContextMenu/index.ts
new file mode 100644
index 0000000000..fadbd317e5
--- /dev/null
+++ b/packages/shared-components/src/right-panel/WidgetContextMenu/index.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export type { WidgetContextMenuSnapshot, WidgetContextMenuViewModel } from "./WidgetContextMenuView";
+export { WidgetContextMenuView } from "./WidgetContextMenuView";
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css
new file mode 100644
index 0000000000..0ed647c777
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css
@@ -0,0 +1,23 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.header {
+    flex: 0 0 60px;
+    padding: 0 var(--cpd-space-3x);
+}
+
+.title {
+    min-width: 0;
+
+    h1 {
+        /* Remove default h1 margin */
+        margin: unset;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx
new file mode 100644
index 0000000000..bca9e709d2
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx
@@ -0,0 +1,84 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import {
+    RoomListHeaderView,
+    type RoomListHeaderViewActions,
+    type RoomListHeaderViewSnapshot,
+} from "./RoomListHeaderView";
+import { useMockedViewModel } from "../../viewmodel";
+import { defaultSnapshot } from "./default-snapshot";
+
+type RoomListHeaderProps = RoomListHeaderViewSnapshot & RoomListHeaderViewActions;
+
+const RoomListHeaderViewWrapper = ({
+    createChatRoom,
+    createRoom,
+    createVideoRoom,
+    openSpaceHome,
+    openSpaceSettings,
+    inviteInSpace,
+    openSpacePreferences,
+    sort,
+    toggleMessagePreview,
+    ...rest
+}: RoomListHeaderProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        createChatRoom,
+        createRoom,
+        createVideoRoom,
+        openSpaceHome,
+        openSpaceSettings,
+        inviteInSpace,
+        sort,
+        openSpacePreferences,
+        toggleMessagePreview,
+    });
+    return <RoomListHeaderView vm={vm} />;
+};
+
+export default {
+    title: "Room List/RoomListHeaderView",
+    component: RoomListHeaderViewWrapper,
+    tags: ["autodocs"],
+    args: {
+        ...defaultSnapshot,
+        createChatRoom: fn(),
+        createRoom: fn(),
+        createVideoRoom: fn(),
+        openSpaceHome: fn(),
+        openSpaceSettings: fn(),
+        inviteInSpace: fn(),
+        sort: fn(),
+        openSpacePreferences: fn(),
+        toggleMessagePreview: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=2925-19173",
+        },
+    },
+} as Meta<typeof RoomListHeaderViewWrapper>;
+
+const Template: StoryFn<typeof RoomListHeaderViewWrapper> = (args) => <RoomListHeaderViewWrapper {...args} />;
+
+export const Default = Template.bind({});
+
+export const NoSpaceMenu = Template.bind({});
+NoSpaceMenu.args = {
+    displaySpaceMenu: false,
+};
+
+export const NoComposeMenu = Template.bind({});
+NoComposeMenu.args = {
+    displayComposeMenu: false,
+};
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.test.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.test.tsx
new file mode 100644
index 0000000000..48904171cd
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.test.tsx
@@ -0,0 +1,32 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { composeStories } from "@storybook/react-vite";
+import { render } from "@test-utils";
+import { describe, it, expect } from "vitest";
+import React from "react";
+
+import * as stories from "./RoomListHeaderView.stories";
+
+const { Default, NoComposeMenu, NoSpaceMenu } = composeStories(stories);
+
+describe("RoomListHeaderView", () => {
+    it("renders the default state", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders without compose menu", () => {
+        const { container } = render(<NoComposeMenu />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders without space menu", () => {
+        const { container } = render(<NoSpaceMenu />);
+        expect(container).toMatchSnapshot();
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.tsx
new file mode 100644
index 0000000000..5b75de23b5
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.tsx
@@ -0,0 +1,160 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { IconButton, H1 } from "@vector-im/compound-web";
+import ComposeIcon from "@vector-im/compound-design-tokens/assets/web/icons/compose";
+
+import { type ViewModel, useViewModel } from "../../viewmodel";
+import { Flex } from "../../utils/Flex";
+import { useI18n } from "../../utils/i18nContext";
+import { ComposeMenuView, OptionMenuView, SpaceMenuView } from "./menu";
+import styles from "./RoomListHeaderView.module.css";
+
+/**
+ * The available sorting options for the room list.
+ */
+export type SortOption = "recent" | "alphabetical" | "unread-first";
+
+export interface RoomListHeaderViewSnapshot {
+    /**
+     * The title of the room list
+     */
+    title: string;
+    /**
+     * Whether to display the compose menu
+     * True if the user can create rooms
+     */
+    displayComposeMenu: boolean;
+    /**
+     * Whether to display the space menu
+     * True if there is an active space
+     */
+    displaySpaceMenu: boolean;
+    /**
+     * Whether the user can create rooms
+     */
+    canCreateRoom: boolean;
+    /**
+     * Whether the user can create video rooms
+     */
+    canCreateVideoRoom: boolean;
+    /**
+     * Whether the user can invite in the active space
+     */
+    canInviteInSpace: boolean;
+    /**
+     * Whether the user can access space settings
+     */
+    canAccessSpaceSettings: boolean;
+    /**
+     * The currently active sort option.
+     */
+    activeSortOption: SortOption;
+    /**
+     * Whether message previews are enabled in the room list.
+     */
+    isMessagePreviewEnabled: boolean;
+}
+
+export interface RoomListHeaderViewActions {
+    /**
+     * Create a chat room
+     */
+    createChatRoom: (e: Event) => void;
+    /**
+     * Create a room
+     */
+    createRoom: (e: Event) => void;
+    /**
+     * Create a video room
+     */
+    createVideoRoom: () => void;
+    /**
+     * Open the active space home
+     */
+    openSpaceHome: () => void;
+    /**
+     * Display the space invite dialog
+     */
+    inviteInSpace: () => void;
+    /**
+     * Open the space preferences
+     */
+    openSpacePreferences: () => void;
+    /**
+     * Open the space settings
+     */
+    openSpaceSettings: () => void;
+    /**
+     * Change the sort order of the room-list.
+     */
+    sort: (option: SortOption) => void;
+    /**
+     * Toggle message preview display in the room list.
+     */
+    toggleMessagePreview: () => void;
+}
+
+/**
+ * The view model for the room list header component.
+ */
+export type RoomListHeaderViewModel = ViewModel<RoomListHeaderViewSnapshot> & RoomListHeaderViewActions;
+
+interface RoomListHeaderViewProps {
+    /**
+     * The view model for the room list header component.
+     */
+    vm: RoomListHeaderViewModel;
+}
+
+/**
+ * The header view for the room list
+ * The space name is displayed and a compose menu is shown if the user can create rooms
+ *
+ * @example
+ * ```tsx
+ * <RoomListHeaderView vm={roomListHeaderViewModel} />
+ * ```
+ */
+export function RoomListHeaderView({ vm }: Readonly<RoomListHeaderViewProps>): JSX.Element {
+    const { translate: _t } = useI18n();
+    const { title, displaySpaceMenu, displayComposeMenu } = useViewModel(vm);
+
+    return (
+        <Flex
+            as="header"
+            className={styles.header}
+            aria-label={_t("room|context_menu|title")}
+            justify="space-between"
+            align="center"
+            data-testid="room-list-header"
+        >
+            <Flex className={styles.title} align="center" gap="var(--cpd-space-1x)">
+                <H1 size="sm" title={title}>
+                    {title}
+                </H1>
+                {displaySpaceMenu && <SpaceMenuView vm={vm} />}
+            </Flex>
+            <Flex align="center" gap="var(--cpd-space-2x)">
+                <OptionMenuView vm={vm} />
+
+                {/* If we don't display the compose menu, it means that the user can only send DM */}
+                {displayComposeMenu ? (
+                    <ComposeMenuView vm={vm} />
+                ) : (
+                    <IconButton
+                        onClick={(e) => vm.createChatRoom(e.nativeEvent)}
+                        tooltip={_t("action|new_conversation")}
+                    >
+                        <ComposeIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
+                    </IconButton>
+                )}
+            </Flex>
+        </Flex>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/__snapshots__/RoomListHeaderView.test.tsx.snap b/packages/shared-components/src/room-list/RoomListHeaderView/__snapshots__/RoomListHeaderView.test.tsx.snap
new file mode 100644
index 0000000000..bd1cb09e56
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/__snapshots__/RoomListHeaderView.test.tsx.snap
@@ -0,0 +1,349 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomListHeaderView > renders the default state 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="flex header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="flex title"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        title="Rooms"
+      >
+        Rooms
+      </h1>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Open space menu"
+        class="_icon-button_1215g_8 button"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_0_"
+        role="button"
+        style="--cpd-icon-button-size: 24px; padding: 2px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+    <div
+      class="flex"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Room Options"
+        aria-labelledby="_r_4_"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_2_"
+        role="button"
+        style="--cpd-icon-button-size: 28px; padding: 4px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+            />
+          </svg>
+        </div>
+      </button>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-labelledby="_r_b_"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_9_"
+        role="button"
+        style="--cpd-icon-button-size: 36px; padding: 6px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+  </header>
+</div>
+`;
+
+exports[`RoomListHeaderView > renders without compose menu 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="flex header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="flex title"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        title="Rooms"
+      >
+        Rooms
+      </h1>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Open space menu"
+        class="_icon-button_1215g_8 button"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_i_"
+        role="button"
+        style="--cpd-icon-button-size: 24px; padding: 2px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+    <div
+      class="flex"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Room Options"
+        aria-labelledby="_r_m_"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_k_"
+        role="button"
+        style="--cpd-icon-button-size: 28px; padding: 4px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+            />
+          </svg>
+        </div>
+      </button>
+      <button
+        aria-labelledby="_r_r_"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        role="button"
+        style="--cpd-icon-button-size: 32px;"
+        tabindex="0"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            aria-hidden="true"
+            color="var(--cpd-color-icon-secondary)"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+  </header>
+</div>
+`;
+
+exports[`RoomListHeaderView > renders without space menu 1`] = `
+<div>
+  <header
+    aria-label="Room options"
+    class="flex header"
+    data-testid="room-list-header"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
+  >
+    <div
+      class="flex title"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <h1
+        class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
+        title="Rooms"
+      >
+        Rooms
+      </h1>
+    </div>
+    <div
+      class="flex"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-label="Room Options"
+        aria-labelledby="_r_14_"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_12_"
+        role="button"
+        style="--cpd-icon-button-size: 28px; padding: 4px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+            />
+          </svg>
+        </div>
+      </button>
+      <button
+        aria-disabled="false"
+        aria-expanded="false"
+        aria-haspopup="menu"
+        aria-labelledby="_r_1b_"
+        class="_icon-button_1215g_8"
+        data-kind="primary"
+        data-state="closed"
+        id="radix-_r_19_"
+        role="button"
+        style="--cpd-icon-button-size: 36px; padding: 6px;"
+        tabindex="0"
+        type="button"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              clip-rule="evenodd"
+              d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+            />
+          </svg>
+        </div>
+      </button>
+    </div>
+  </header>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/default-snapshot.ts b/packages/shared-components/src/room-list/RoomListHeaderView/default-snapshot.ts
new file mode 100644
index 0000000000..ab02dbfe76
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/default-snapshot.ts
@@ -0,0 +1,20 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type RoomListHeaderViewSnapshot } from "./RoomListHeaderView";
+
+export const defaultSnapshot: RoomListHeaderViewSnapshot = {
+    title: "Rooms",
+    displayComposeMenu: true,
+    displaySpaceMenu: true,
+    canCreateRoom: true,
+    canCreateVideoRoom: true,
+    canInviteInSpace: true,
+    canAccessSpaceSettings: true,
+    activeSortOption: "recent",
+    isMessagePreviewEnabled: true,
+};
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/index.ts b/packages/shared-components/src/room-list/RoomListHeaderView/index.ts
new file mode 100644
index 0000000000..a0b6edee11
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/index.ts
@@ -0,0 +1,14 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export type {
+    RoomListHeaderViewModel,
+    RoomListHeaderViewSnapshot,
+    RoomListHeaderViewActions,
+    SortOption,
+} from "./RoomListHeaderView";
+export { RoomListHeaderView } from "./RoomListHeaderView";
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.test.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.test.tsx
new file mode 100644
index 0000000000..db06051cc2
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.test.tsx
@@ -0,0 +1,104 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { vi, describe, it, afterEach, expect } from "vitest";
+
+import { ComposeMenuView } from "./ComposeMenuView";
+import { defaultSnapshot, MockedViewModel } from "../test-utils";
+
+describe("<ComposeMenuView />", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("should match snapshot", () => {
+        const vm = new MockedViewModel(defaultSnapshot);
+        const { asFragment } = render(<ComposeMenuView vm={vm} />);
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display all menu options when fully enabled", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<ComposeMenuView vm={vm} />);
+
+        // Open the menu
+        const button = screen.getByRole("button", { name: "New conversation" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Start chat" })).toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "New room" })).toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "New video room" })).toBeInTheDocument();
+    });
+
+    it("should hide new room option when canCreateRoom is false", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, canCreateRoom: false });
+        render(<ComposeMenuView vm={vm} />);
+
+        const button = screen.getByRole("button", { name: "New conversation" });
+        await user.click(button);
+
+        expect(screen.queryByRole("menuitem", { name: "New room" })).not.toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Start chat" })).toBeInTheDocument();
+    });
+
+    it("should hide video room option when canCreateVideoRoom is false", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, canCreateVideoRoom: false });
+        render(<ComposeMenuView vm={vm} />);
+
+        const button = screen.getByRole("button", { name: "New conversation" });
+        await user.click(button);
+
+        expect(screen.queryByRole("menuitem", { name: "New video room" })).not.toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Start chat" })).toBeInTheDocument();
+    });
+
+    it("should call createChatRoom when Start chat is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<ComposeMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "New conversation" }));
+        await user.click(screen.getByRole("menuitem", { name: "Start chat" }));
+
+        expect(vm.createChatRoom).toHaveBeenCalledTimes(1);
+    });
+
+    it("should call createRoom when New room is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<ComposeMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "New conversation" }));
+        await user.click(screen.getByRole("menuitem", { name: "New room" }));
+
+        expect(vm.createRoom).toHaveBeenCalledTimes(1);
+    });
+
+    it("should call createVideoRoom when New video room is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<ComposeMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "New conversation" }));
+        await user.click(screen.getByRole("menuitem", { name: "New video room" }));
+
+        expect(vm.createVideoRoom).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.tsx
new file mode 100644
index 0000000000..1da96cf3e4
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/ComposeMenuView.tsx
@@ -0,0 +1,68 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { useState, type JSX } from "react";
+import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
+import ComposeIcon from "@vector-im/compound-design-tokens/assets/web/icons/compose";
+import VideoCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call";
+import ChatIcon from "@vector-im/compound-design-tokens/assets/web/icons/chat";
+import RoomIcon from "@vector-im/compound-design-tokens/assets/web/icons/room";
+
+import { type RoomListHeaderViewModel } from "../RoomListHeaderView";
+import { useI18n } from "../../../utils/i18nContext";
+import { useViewModel } from "../../../viewmodel";
+
+interface ComposeMenuViewProps {
+    /**
+     * The view model for the room list header
+     */
+    vm: RoomListHeaderViewModel;
+}
+
+/**
+ * A menu component that provides options for creating new conversations.
+ * Displays a dropdown menu with options to start a chat, create a room, or create a video room.
+ *
+ * @example
+ * ```tsx
+ * <ComposeMenuView vm={roomListHeaderViewModel} />
+ * ```
+ */
+export function ComposeMenuView({ vm }: ComposeMenuViewProps): JSX.Element {
+    const { translate: _t } = useI18n();
+    const [open, setOpen] = useState(false);
+    const { canCreateRoom, canCreateVideoRoom } = useViewModel(vm);
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            showTitle={false}
+            title={_t("action|open_menu")}
+            align="start"
+            trigger={
+                // 36px button with a 24px icon
+                <IconButton size="36px" style={{ padding: "6px" }} tooltip={_t("action|new_conversation")}>
+                    <ComposeIcon aria-hidden />
+                </IconButton>
+            }
+        >
+            <MenuItem Icon={ChatIcon} label={_t("action|start_chat")} onSelect={vm.createChatRoom} hideChevron />
+            {canCreateRoom && (
+                <MenuItem Icon={RoomIcon} label={_t("action|new_room")} onSelect={vm.createRoom} hideChevron />
+            )}
+            {canCreateVideoRoom && (
+                <MenuItem
+                    Icon={VideoCallIcon}
+                    label={_t("action|new_video_room")}
+                    onSelect={vm.createVideoRoom}
+                    hideChevron
+                />
+            )}
+        </Menu>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.module.css b/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.module.css
new file mode 100644
index 0000000000..11a81da947
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.module.css
@@ -0,0 +1,11 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.title {
+    /* For first title, there is already enough space at the top */
+    margin-top: 0 !important;
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.test.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.test.tsx
new file mode 100644
index 0000000000..f961d83109
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.test.tsx
@@ -0,0 +1,124 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { vi, describe, it, afterEach, expect } from "vitest";
+
+import { OptionMenuView } from "./OptionMenuView";
+import { defaultSnapshot, MockedViewModel } from "../test-utils";
+
+describe("<OptionMenuView />", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("should match snapshot", () => {
+        const vm = new MockedViewModel(defaultSnapshot);
+        const { asFragment } = render(<OptionMenuView vm={vm} />);
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should show A to Z selected if activeSortOption is alphabetical", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, activeSortOption: "alphabetical" });
+        render(<OptionMenuView vm={vm} />);
+
+        // Open the menu
+        const button = screen.getByRole("button", { name: "Room Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitemradio", { name: "A-Z" })).toBeChecked();
+        expect(screen.getByRole("menuitemradio", { name: "Activity" })).not.toBeChecked();
+        expect(screen.getByRole("menuitemradio", { name: "Unread first" })).not.toBeChecked();
+    });
+
+    it("should show Activity selected if activeSortOption is recent", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, activeSortOption: "recent" });
+        render(<OptionMenuView vm={vm} />);
+
+        // Open the menu
+        const button = screen.getByRole("button", { name: "Room Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitemradio", { name: "A-Z" })).not.toBeChecked();
+        expect(screen.getByRole("menuitemradio", { name: "Unread first" })).not.toBeChecked();
+        expect(screen.getByRole("menuitemradio", { name: "Activity" })).toBeChecked();
+    });
+
+    it("should show `Unread First` selected if activeSortOption is unread-first", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, activeSortOption: "unread-first" });
+        render(<OptionMenuView vm={vm} />);
+
+        // Open the menu
+        const button = screen.getByRole("button", { name: "Room Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitemradio", { name: "A-Z" })).not.toBeChecked();
+        expect(screen.getByRole("menuitemradio", { name: "Activity" })).not.toBeChecked();
+        expect(screen.getByRole("menuitemradio", { name: "Unread first" })).toBeChecked();
+    });
+
+    it("should sort A to Z", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<OptionMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Room Options" }));
+
+        await user.click(screen.getByRole("menuitemradio", { name: "A-Z" }));
+
+        expect(vm.sort).toHaveBeenCalledWith("alphabetical");
+    });
+
+    it("should sort by activity", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, activeSortOption: "recent" });
+        render(<OptionMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Room Options" }));
+
+        await user.click(screen.getByRole("menuitemradio", { name: "Activity" }));
+
+        expect(vm.sort).toHaveBeenCalledWith("recent");
+    });
+
+    it("should sort by unread first", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, activeSortOption: "recent" });
+        render(<OptionMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Room Options" }));
+
+        await user.click(screen.getByRole("menuitemradio", { name: "Unread first" }));
+
+        expect(vm.sort).toHaveBeenCalledWith("unread-first");
+    });
+
+    it("should toggle message preview", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, isMessagePreviewEnabled: true });
+        render(<OptionMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Room Options" }));
+        expect(screen.getByRole("menuitemcheckbox", { name: "Show message previews" })).toBeChecked();
+
+        await user.click(screen.getByRole("menuitemcheckbox", { name: "Show message previews" }));
+        expect(vm.toggleMessagePreview).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.tsx
new file mode 100644
index 0000000000..2447bf05f0
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/OptionMenuView.tsx
@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { CheckboxMenuItem, IconButton, Menu, MenuTitle, RadioMenuItem } from "@vector-im/compound-web";
+import React, { type JSX, useState } from "react";
+import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
+
+import { type RoomListHeaderViewModel } from "../RoomListHeaderView";
+import { useViewModel } from "../../../viewmodel";
+import { useI18n } from "../../../utils/i18nContext";
+import styles from "./OptionMenuView.module.css";
+
+interface OptionMenuViewProps {
+    /**
+     * The view model for the room list header
+     */
+    vm: RoomListHeaderViewModel;
+}
+
+/**
+ * A menu component that provides sorting options for the room list.
+ * Displays a dropdown menu with radio buttons to sort rooms by activity or alphabetically.
+ *
+ * @example
+ * ```tsx
+ * <OptionMenuView vm={roomListHeaderViewModel} />
+ * ```
+ */
+export function OptionMenuView({ vm }: OptionMenuViewProps): JSX.Element {
+    const { translate: _t } = useI18n();
+    const [open, setOpen] = useState(false);
+    const { activeSortOption, isMessagePreviewEnabled } = useViewModel(vm);
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            title={_t("room_list|room_options")}
+            showTitle={false}
+            align="start"
+            trigger={
+                <IconButton
+                    tooltip={_t("room_list|room_options")}
+                    aria-label={_t("room_list|room_options")}
+                    // 28px icon with a 20px icon
+                    size="28px"
+                    style={{ padding: "4px" }}
+                >
+                    <OverflowHorizontalIcon />
+                </IconButton>
+            }
+        >
+            <MenuTitle title={_t("room_list|sort")} className={styles.title} />
+            <RadioMenuItem
+                label={_t("room_list|sort_type|activity")}
+                checked={activeSortOption === "recent"}
+                onSelect={() => vm.sort("recent")}
+            />
+            <RadioMenuItem
+                label={_t("room_list|sort_type|unread_first")}
+                checked={activeSortOption === "unread-first"}
+                onSelect={() => vm.sort("unread-first")}
+            />
+            <RadioMenuItem
+                label={_t("room_list|sort_type|atoz")}
+                checked={activeSortOption === "alphabetical"}
+                onSelect={() => vm.sort("alphabetical")}
+            />
+            <MenuTitle title={_t("room_list|appearance")} />
+            <CheckboxMenuItem
+                label={_t("room_list|show_message_previews")}
+                onSelect={vm.toggleMessagePreview}
+                checked={isMessagePreviewEnabled}
+            />
+        </Menu>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.module.css b/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.module.css
new file mode 100644
index 0000000000..ab29d4bc2a
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.module.css
@@ -0,0 +1,18 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.button {
+    svg {
+        transition: transform 0.1s linear;
+    }
+}
+
+.button[aria-expanded="true"] {
+    svg {
+        transform: rotate(180deg);
+    }
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.test.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.test.tsx
new file mode 100644
index 0000000000..b2fe8adf31
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.test.tsx
@@ -0,0 +1,116 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { vi, describe, it, afterEach, expect } from "vitest";
+
+import { SpaceMenuView } from "./SpaceMenuView";
+import { defaultSnapshot, MockedViewModel } from "../test-utils";
+
+describe("<SpaceMenuView />", () => {
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+
+    it("should match snapshot", () => {
+        const vm = new MockedViewModel(defaultSnapshot);
+        const { asFragment } = render(<SpaceMenuView vm={vm} />);
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("should display the menu when button is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<SpaceMenuView vm={vm} />);
+
+        const button = screen.getByRole("button", { name: "Open space menu" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Space home" })).toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Invite" })).toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Preferences" })).toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Space settings" })).toBeInTheDocument();
+    });
+
+    it("should hide invite option when canInviteInSpace is false", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, canInviteInSpace: false });
+        render(<SpaceMenuView vm={vm} />);
+
+        const button = screen.getByRole("button", { name: "Open space menu" });
+        await user.click(button);
+
+        expect(screen.queryByRole("menuitem", { name: "Invite" })).not.toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Space home" })).toBeInTheDocument();
+    });
+
+    it("should hide space settings option when canAccessSpaceSettings is false", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel({ ...defaultSnapshot, canAccessSpaceSettings: false });
+        render(<SpaceMenuView vm={vm} />);
+
+        const button = screen.getByRole("button", { name: "Open space menu" });
+        await user.click(button);
+
+        expect(screen.queryByRole("menuitem", { name: "Space settings" })).not.toBeInTheDocument();
+        expect(screen.getByRole("menuitem", { name: "Space home" })).toBeInTheDocument();
+    });
+
+    it("should call openSpaceHome when Home is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<SpaceMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Open space menu" }));
+        await user.click(screen.getByRole("menuitem", { name: "Space home" }));
+
+        expect(vm.openSpaceHome).toHaveBeenCalledTimes(1);
+    });
+
+    it("should call inviteInSpace when Invite is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<SpaceMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Open space menu" }));
+        await user.click(screen.getByRole("menuitem", { name: "Invite" }));
+
+        expect(vm.inviteInSpace).toHaveBeenCalledTimes(1);
+    });
+
+    it("should call openSpacePreferences when Preferences is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<SpaceMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Open space menu" }));
+        await user.click(screen.getByRole("menuitem", { name: "Preferences" }));
+
+        expect(vm.openSpacePreferences).toHaveBeenCalledTimes(1);
+    });
+
+    it("should call openSpaceSettings when Space settings is clicked", async () => {
+        const user = userEvent.setup();
+
+        const vm = new MockedViewModel(defaultSnapshot);
+        render(<SpaceMenuView vm={vm} />);
+
+        await user.click(screen.getByRole("button", { name: "Open space menu" }));
+        await user.click(screen.getByRole("menuitem", { name: "Space settings" }));
+
+        expect(vm.openSpaceSettings).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.tsx
new file mode 100644
index 0000000000..72d3d2521b
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/SpaceMenuView.tsx
@@ -0,0 +1,81 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, useState } from "react";
+import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
+import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
+import HomeIcon from "@vector-im/compound-design-tokens/assets/web/icons/home";
+import SettingsIcon from "@vector-im/compound-design-tokens/assets/web/icons/settings";
+import PreferencesIcon from "@vector-im/compound-design-tokens/assets/web/icons/preferences";
+import UserAddIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add";
+
+import styles from "./SpaceMenuView.module.css";
+import { useViewModel } from "../../../viewmodel";
+import { useI18n } from "../../../utils/i18nContext";
+import { type RoomListHeaderViewModel } from "../RoomListHeaderView";
+
+interface SpaceMenuViewProps {
+    /**
+     * The view model for the room list header
+     */
+    vm: RoomListHeaderViewModel;
+}
+
+/**
+ * A menu component that provides space-specific actions.
+ * Displays a dropdown menu with options to navigate to space home, invite users,
+ * access preferences, and manage space settings.
+ *
+ * @example
+ * ```tsx
+ * <SpaceMenuView vm={roomListHeaderViewModel} />
+ * ```
+ */
+export function SpaceMenuView({ vm }: SpaceMenuViewProps): JSX.Element {
+    const { translate: _t } = useI18n();
+    const { canInviteInSpace, canAccessSpaceSettings, title } = useViewModel(vm);
+    const [open, setOpen] = useState(false);
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            title={title}
+            align="start"
+            trigger={
+                <IconButton
+                    className={styles.button}
+                    aria-label={_t("room_list|open_space_menu")}
+                    // 24px icon with a 20px icon
+                    size="24px"
+                    style={{ padding: "2px" }}
+                >
+                    <ChevronDownIcon />
+                </IconButton>
+            }
+        >
+            <MenuItem Icon={HomeIcon} label={_t("room_list|space_menu|home")} onSelect={vm.openSpaceHome} hideChevron />
+            {canInviteInSpace && (
+                <MenuItem Icon={UserAddIcon} label={_t("action|invite")} onSelect={vm.inviteInSpace} hideChevron />
+            )}
+            <MenuItem
+                Icon={PreferencesIcon}
+                label={_t("common|preferences")}
+                onSelect={vm.openSpacePreferences}
+                hideChevron
+            />
+            {canAccessSpaceSettings && (
+                <MenuItem
+                    Icon={SettingsIcon}
+                    label={_t("room_list|space_menu|space_settings")}
+                    onSelect={vm.openSpaceSettings}
+                    hideChevron
+                />
+            )}
+        </Menu>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/ComposeMenuView.test.tsx.snap b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/ComposeMenuView.test.tsx.snap
new file mode 100644
index 0000000000..01097e411a
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/ComposeMenuView.test.tsx.snap
@@ -0,0 +1,43 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<ComposeMenuView /> > should match snapshot 1`] = `
+<DocumentFragment>
+  <button
+    aria-disabled="false"
+    aria-expanded="false"
+    aria-haspopup="menu"
+    aria-labelledby="_r_2_"
+    class="_icon-button_1215g_8"
+    data-kind="primary"
+    data-state="closed"
+    id="radix-_r_0_"
+    role="button"
+    style="--cpd-icon-button-size: 36px; padding: 6px;"
+    tabindex="0"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17"
+      style="--cpd-icon-button-size: 100%;"
+    >
+      <svg
+        aria-hidden="true"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
+          fill-rule="evenodd"
+        />
+        <path
+          d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+        />
+      </svg>
+    </div>
+  </button>
+</DocumentFragment>
+`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListOptionsMenu-test.tsx.snap b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap
similarity index 81%
rename from test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListOptionsMenu-test.tsx.snap
rename to packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap
index 574fcbd094..3733795dca 100644
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListOptionsMenu-test.tsx.snap
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<RoomListOptionsMenu /> should match snapshot 1`] = `
+exports[`<OptionMenuView /> > should match snapshot 1`] = `
 <DocumentFragment>
   <button
     aria-disabled="false"
@@ -8,12 +8,12 @@ exports[`<RoomListOptionsMenu /> should match snapshot 1`] = `
     aria-haspopup="menu"
     aria-label="Room Options"
     aria-labelledby="_r_2_"
-    class="_icon-button_1pz9o_8"
+    class="_icon-button_1215g_8"
     data-kind="primary"
     data-state="closed"
     id="radix-_r_0_"
     role="button"
-    style="--cpd-icon-button-size: 32px;"
+    style="--cpd-icon-button-size: 28px; padding: 4px;"
     tabindex="0"
     type="button"
   >
@@ -22,7 +22,6 @@ exports[`<RoomListOptionsMenu /> should match snapshot 1`] = `
       style="--cpd-icon-button-size: 100%;"
     >
       <svg
-        color="var(--cpd-color-icon-secondary)"
         fill="currentColor"
         height="1em"
         viewBox="0 0 24 24"
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/SpaceMenuView.test.tsx.snap b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/SpaceMenuView.test.tsx.snap
new file mode 100644
index 0000000000..ab644167a6
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/SpaceMenuView.test.tsx.snap
@@ -0,0 +1,37 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<SpaceMenuView /> > should match snapshot 1`] = `
+<DocumentFragment>
+  <button
+    aria-disabled="false"
+    aria-expanded="false"
+    aria-haspopup="menu"
+    aria-label="Open space menu"
+    class="_icon-button_1215g_8 button"
+    data-kind="primary"
+    data-state="closed"
+    id="radix-_r_0_"
+    role="button"
+    style="--cpd-icon-button-size: 24px; padding: 2px;"
+    tabindex="0"
+    type="button"
+  >
+    <div
+      class="_indicator-icon_147l5_17"
+      style="--cpd-icon-button-size: 100%;"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+        />
+      </svg>
+    </div>
+  </button>
+</DocumentFragment>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/menu/index.ts b/packages/shared-components/src/room-list/RoomListHeaderView/menu/index.ts
new file mode 100644
index 0000000000..b3f90d914b
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/menu/index.ts
@@ -0,0 +1,10 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { OptionMenuView } from "./OptionMenuView";
+export { SpaceMenuView } from "./SpaceMenuView";
+export { ComposeMenuView } from "./ComposeMenuView";
diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/test-utils.ts b/packages/shared-components/src/room-list/RoomListHeaderView/test-utils.ts
new file mode 100644
index 0000000000..467bfbb16f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListHeaderView/test-utils.ts
@@ -0,0 +1,28 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { vi } from "vitest";
+
+import { MockViewModel } from "../../viewmodel";
+import { type RoomListHeaderViewActions, type RoomListHeaderViewSnapshot } from "./RoomListHeaderView";
+
+/**
+ * A mocked ViewModel for the RoomListHeaderView, for use in tests.
+ */
+export class MockedViewModel extends MockViewModel<RoomListHeaderViewSnapshot> implements RoomListHeaderViewActions {
+    public createChatRoom = vi.fn<() => void>();
+    public createRoom = vi.fn<() => void>();
+    public createVideoRoom = vi.fn<() => void>();
+    public openSpaceHome = vi.fn<() => void>();
+    public openSpaceSettings = vi.fn<() => void>();
+    public inviteInSpace = vi.fn<() => void>();
+    public sort = vi.fn<() => void>();
+    public openSpacePreferences = vi.fn<() => void>();
+    public toggleMessagePreview = vi.fn<() => void>();
+}
+
+export { defaultSnapshot } from "./default-snapshot";
diff --git a/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx
new file mode 100644
index 0000000000..cca9e5eef3
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.stories.tsx
@@ -0,0 +1,126 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { NotificationDecoration, type NotificationDecorationProps } from "./NotificationDecoration";
+
+const defaultProps: NotificationDecorationProps = {
+    hasAnyNotificationOrActivity: false,
+    isUnsentMessage: false,
+    invited: false,
+    isMention: false,
+    isActivityNotification: false,
+    isNotification: false,
+    hasUnreadCount: false,
+    count: 0,
+    muted: false,
+};
+
+const meta = {
+    title: "Room List/NotificationDecoration",
+    component: NotificationDecoration,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div style={{ padding: "16px", backgroundColor: "var(--cpd-color-bg-canvas-default)" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: defaultProps,
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=101-13062",
+        },
+    },
+} satisfies Meta<typeof NotificationDecoration>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const NoNotification: Story = {};
+
+export const UnsentMessage: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        isUnsentMessage: true,
+    },
+};
+
+export const VideoCall: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        callType: "video",
+    },
+};
+
+export const VoiceCall: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        callType: "voice",
+    },
+};
+
+export const Invited: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        invited: true,
+    },
+};
+
+export const Mention: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        isMention: true,
+    },
+};
+
+export const MentionWithCount: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        isMention: true,
+        count: 5,
+    },
+};
+
+export const NotificationWithCount: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        isNotification: true,
+        count: 3,
+    },
+};
+
+export const ActivityIndicator: Story = {
+    args: {
+        hasAnyNotificationOrActivity: true,
+        isActivityNotification: true,
+    },
+};
+
+export const Muted: Story = {
+    args: {
+        muted: true,
+    },
+};
+
+export const MutedWithoutActivity: Story = {
+    args: {
+        hasAnyNotificationOrActivity: false,
+        muted: true,
+    },
+};
+
+export const VideoCallWithoutActivity: Story = {
+    args: {
+        hasAnyNotificationOrActivity: false,
+        callType: "video",
+    },
+};
diff --git a/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.test.tsx b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.test.tsx
new file mode 100644
index 0000000000..f79e092f4d
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.test.tsx
@@ -0,0 +1,80 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./NotificationDecoration.stories";
+
+const {
+    NoNotification,
+    UnsentMessage,
+    VideoCall,
+    VoiceCall,
+    Invited,
+    Mention,
+    MentionWithCount,
+    NotificationWithCount,
+    ActivityIndicator,
+    Muted,
+} = composeStories(stories);
+
+describe("<NotificationDecoration />", () => {
+    describe("snapshots", () => {
+        it("renders NoNotification story", () => {
+            const { container } = render(<NoNotification />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders UnsentMessage story", () => {
+            const { container } = render(<UnsentMessage />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders VideoCall story", () => {
+            const { container } = render(<VideoCall />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders VoiceCall story", () => {
+            const { container } = render(<VoiceCall />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders Invited story", () => {
+            const { container } = render(<Invited />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders Mention story", () => {
+            const { container } = render(<Mention />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders MentionWithCount story", () => {
+            const { container } = render(<MentionWithCount />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders NotificationWithCount story", () => {
+            const { container } = render(<NotificationWithCount />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders ActivityIndicator story", () => {
+            const { container } = render(<ActivityIndicator />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders Muted story", () => {
+            const { container } = render(<Muted />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.tsx b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.tsx
new file mode 100644
index 0000000000..03be962fbf
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/NotificationDecoration.tsx
@@ -0,0 +1,90 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import {
+    MentionIcon,
+    ErrorSolidIcon,
+    NotificationsOffSolidIcon,
+    VideoCallSolidIcon,
+    EmailSolidIcon,
+    VoiceCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+import { UnreadCounter, Unread } from "@vector-im/compound-web";
+
+import { Flex } from "../../../utils/Flex";
+
+/**
+ * Data representing the notification state for a room or item.
+ * Used in snapshots and passed to the NotificationDecoration component.
+ */
+export interface NotificationDecorationData {
+    /** Whether there is any notification or activity to display */
+    hasAnyNotificationOrActivity: boolean;
+    /** Whether there's an unsent message */
+    isUnsentMessage: boolean;
+    /** Whether the user is invited to the room */
+    invited: boolean;
+    /** Whether the notification is a mention */
+    isMention: boolean;
+    /** Whether there's activity (not a full notification) */
+    isActivityNotification: boolean;
+    /** Whether there's a notification (not just activity) */
+    isNotification: boolean;
+    /** Whether there are unread messages with a count */
+    hasUnreadCount: boolean;
+    /** Notification count */
+    count: number;
+    /** Whether notifications are muted */
+    muted: boolean;
+    /** Optional call type indicator */
+    callType?: "video" | "voice";
+}
+
+/**
+ * Props for the NotificationDecoration component.
+ */
+export interface NotificationDecorationProps extends NotificationDecorationData {}
+
+/**
+ * Renders notification badges and indicators for rooms/items
+ */
+export const NotificationDecoration: React.FC<NotificationDecorationProps> = ({
+    hasAnyNotificationOrActivity,
+    muted,
+    callType,
+    isUnsentMessage,
+    invited,
+    isMention,
+    isNotification,
+    isActivityNotification,
+    count,
+}) => {
+    // Don't render anything if there's nothing to show
+    if (!hasAnyNotificationOrActivity && !muted && !callType) {
+        return null;
+    }
+
+    return (
+        <Flex align="center" justify="center" gap="var(--cpd-space-1x)" data-testid="notification-decoration">
+            {isUnsentMessage && (
+                <ErrorSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-critical-primary)" />
+            )}
+            {callType === "video" && (
+                <VideoCallSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
+            )}
+            {callType === "voice" && (
+                <VoiceCallSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
+            )}
+            {invited && <EmailSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />}
+            {isMention && <MentionIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />}
+            {(isMention || isNotification) && <UnreadCounter count={count || null} />}
+            {isActivityNotification && <Unread />}
+            {muted && <NotificationsOffSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-tertiary)" />}
+        </Flex>
+    );
+};
diff --git a/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/__snapshots__/NotificationDecoration.test.tsx.snap b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/__snapshots__/NotificationDecoration.test.tsx.snap
new file mode 100644
index 0000000000..a7c7da94f4
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/__snapshots__/NotificationDecoration.test.tsx.snap
@@ -0,0 +1,242 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<NotificationDecoration /> > snapshots > renders ActivityIndicator story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <div
+        class="_unread_cti0f_8"
+      >
+        <div />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders Invited story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-accent-primary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders Mention story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-accent-primary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+        />
+      </svg>
+      <div
+        class="_unread-counter_1147r_8"
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders MentionWithCount story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-accent-primary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+        />
+      </svg>
+      <span
+        class="_unread-counter_1147r_8"
+      >
+        5
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders Muted story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-tertiary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.504 3.498a1 1 0 0 1 1.414-1.414M19 13.35 9.136 3.484C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7z"
+        />
+        <path
+          d="M10 20h4a2 2 0 0 1-4 0"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders NoNotification story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  />
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders NotificationWithCount story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="_unread-counter_1147r_8"
+      >
+        3
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders UnsentMessage story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-critical-primary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders VideoCall story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-accent-primary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<NotificationDecoration /> > snapshots > renders VoiceCall story 1`] = `
+<div>
+  <div
+    style="padding: 16px; background-color: var(--cpd-color-bg-canvas-default);"
+  >
+    <div
+      class="flex"
+      data-testid="notification-decoration"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+    >
+      <svg
+        fill="var(--cpd-color-icon-accent-primary)"
+        height="20px"
+        viewBox="0 0 24 24"
+        width="20px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="m20.958 16.374.039 3.527q0 .427-.33.756-.33.33-.756.33a16 16 0 0 1-6.57-1.105 16.2 16.2 0 0 1-5.563-3.663 16.1 16.1 0 0 1-3.653-5.573 16.3 16.3 0 0 1-1.115-6.56q0-.427.33-.757T4.095 3l3.528.039a1.07 1.07 0 0 1 1.085.93l.543 3.954q.039.271-.039.504a1.1 1.1 0 0 1-.271.426l-1.64 1.64q.505 1.008 1.154 1.909c.433.6 1.444 1.696 1.444 1.696s1.095 1.01 1.696 1.444q.9.65 1.909 1.153l1.64-1.64q.193-.193.426-.27t.504-.04l3.954.543q.406.059.668.359t.262.727"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/index.tsx b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/index.tsx
new file mode 100644
index 0000000000..42c7a3451f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/NotificationDecoration/index.tsx
@@ -0,0 +1,9 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { NotificationDecoration } from "./NotificationDecoration";
+export type { NotificationDecorationProps, NotificationDecorationData } from "./NotificationDecoration";
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItem.module.css b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.module.css
new file mode 100644
index 0000000000..008a4462ac
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.module.css
@@ -0,0 +1,106 @@
+/*
+ * Copyright 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * The RoomListItem has the following structure:
+ * button--------------------------------------------------|
+ * | <-12px-> container------------------------------------|
+ * |          | room avatar <-8px-> content----------------|
+ * |          |                      | room_name <- 20px ->|
+ * |          |                      | --------------------| <-- border
+ * |-------------------------------------------------------|
+ */
+.roomListItem {
+    /* Remove button default style */
+    background: unset;
+    border: none;
+    padding: 0;
+    text-align: unset;
+
+    cursor: pointer;
+    height: 48px;
+    width: 100%;
+
+    padding-left: var(--cpd-space-3x);
+    font: var(--cpd-font-body-md-regular);
+    color: var(--cpd-color-text-primary);
+
+    /* Hide the menu by default */
+    .hoverMenu {
+        display: none;
+    }
+}
+
+/* Show hover menu and background on hover/focus/menu-open states */
+.roomListItem:hover,
+.roomListItem:focus-visible,
+/* When the context menu is opened */
+.roomListItem[data-state="open"],
+/* When the options and notifications menu are opened */
+.roomListItem:has(.hoverMenu > button[data-state="open"]) {
+    background-color: var(--cpd-color-bg-action-secondary-hovered);
+
+    .hoverMenu {
+        display: flex;
+    }
+
+    /* When the menu is visible, hide the notification decoration to avoid clutter */
+    .notificationDecoration {
+        display: none;
+    }
+
+    /**
+     * The figma uses 16px padding (--cpd-space-4x) but due to https://github.com/element-hq/compound-web/issues/331
+     * the icon size of the menu is 18px instead of 20px with a different internal padding
+     * We need to use 18px to align the icon with the others icons
+     * 18px is not available in compound spacing
+     */
+    .content {
+        padding-right: 18px;
+    }
+}
+
+.content {
+    height: 100%;
+    flex: 1;
+    /* The border is only under the room name and the future hover menu  */
+    border-bottom: var(--cpd-border-width-0-5) solid var(--cpd-color-bg-subtle-secondary);
+    box-sizing: border-box;
+    min-width: 0;
+    padding-right: var(--cpd-space-5x);
+}
+
+.text {
+    min-width: 0;
+}
+
+.roomName {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.messagePreview {
+    font: var(--cpd-font-body-sm-regular);
+    color: var(--cpd-color-text-secondary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.selected {
+    background-color: var(--cpd-color-bg-action-secondary-pressed);
+}
+
+.bold .roomName {
+    font: var(--cpd-font-body-md-semibold);
+}
+
+/* Set icon color for hover menu buttons */
+.hoverMenu svg {
+    fill: var(--cpd-color-icon-primary);
+}
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItem.stories.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.stories.tsx
new file mode 100644
index 0000000000..fcc4017fb1
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.stories.tsx
@@ -0,0 +1,213 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import type { Room } from "./RoomListItem";
+import { RoomListItemView, type RoomListItemSnapshot, type RoomListItemActions } from "./RoomListItem";
+import { useMockedViewModel } from "../../viewmodel";
+import { defaultSnapshot } from "./default-snapshot";
+import { renderAvatar } from "../story-mocks";
+
+type RoomListItemProps = RoomListItemSnapshot &
+    RoomListItemActions & {
+        isSelected: boolean;
+        isFocused: boolean;
+        onFocus: (room: Room, e: React.FocusEvent) => void;
+        roomIndex: number;
+        roomCount: number;
+        renderAvatar: (room: Room) => React.ReactElement;
+    };
+
+// Wrapper component that creates a mocked ViewModel
+const RoomListItemWrapper = ({
+    onOpenRoom,
+    onMarkAsRead,
+    onMarkAsUnread,
+    onToggleFavorite,
+    onToggleLowPriority,
+    onInvite,
+    onCopyRoomLink,
+    onLeaveRoom,
+    onSetRoomNotifState,
+    isSelected,
+    isFocused,
+    onFocus,
+    roomIndex,
+    roomCount,
+    renderAvatar: renderAvatarProp,
+    ...rest
+}: RoomListItemProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onOpenRoom,
+        onMarkAsRead,
+        onMarkAsUnread,
+        onToggleFavorite,
+        onToggleLowPriority,
+        onInvite,
+        onCopyRoomLink,
+        onLeaveRoom,
+        onSetRoomNotifState,
+    });
+    return (
+        <RoomListItemView
+            vm={vm}
+            isSelected={isSelected}
+            isFocused={isFocused}
+            onFocus={onFocus}
+            roomIndex={roomIndex}
+            roomCount={roomCount}
+            renderAvatar={renderAvatarProp}
+        />
+    );
+};
+
+const meta = {
+    title: "Room List/RoomListItem",
+    component: RoomListItemWrapper,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div style={{ width: "320px", padding: "8px" }}>
+                <div role="listbox" aria-label="Room list">
+                    <Story />
+                </div>
+            </div>
+        ),
+    ],
+    args: {
+        ...defaultSnapshot,
+        isSelected: false,
+        isFocused: false,
+        roomIndex: 0,
+        roomCount: 10,
+        onOpenRoom: fn(),
+        onMarkAsRead: fn(),
+        onMarkAsUnread: fn(),
+        onToggleFavorite: fn(),
+        onToggleLowPriority: fn(),
+        onInvite: fn(),
+        onCopyRoomLink: fn(),
+        onLeaveRoom: fn(),
+        onSetRoomNotifState: fn(),
+        onFocus: fn(),
+        renderAvatar,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=101-13062",
+        },
+    },
+} satisfies Meta<typeof RoomListItemWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Selected: Story = {
+    args: {
+        isSelected: true,
+    },
+};
+
+export const Bold: Story = {
+    args: {
+        isBold: true,
+        name: "Team Updates",
+    },
+};
+
+export const WithNotification: Story = {
+    args: {
+        isBold: true,
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: false,
+            invited: false,
+            isMention: false,
+            isActivityNotification: false,
+            isNotification: true,
+            hasUnreadCount: true,
+            count: 3,
+            muted: false,
+        },
+    },
+};
+
+export const WithMention: Story = {
+    args: {
+        isBold: true,
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: false,
+            invited: false,
+            isMention: true,
+            isActivityNotification: false,
+            isNotification: true,
+            hasUnreadCount: true,
+            count: 1,
+            muted: false,
+        },
+    },
+};
+
+export const Invitation: Story = {
+    args: {
+        name: "Secret Project",
+        messagePreview: "Bob invited you",
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: false,
+            invited: true,
+            isMention: false,
+            isActivityNotification: false,
+            isNotification: false,
+            hasUnreadCount: false,
+            count: 0,
+            muted: false,
+        },
+    },
+};
+
+export const UnsentMessage: Story = {
+    args: {
+        messagePreview: "Failed to send message",
+        notification: {
+            hasAnyNotificationOrActivity: true,
+            isUnsentMessage: true,
+            invited: false,
+            isMention: false,
+            isActivityNotification: false,
+            isNotification: false,
+            hasUnreadCount: false,
+            count: 0,
+            muted: false,
+        },
+    },
+};
+
+export const NoMessagePreview: Story = {
+    args: {
+        messagePreview: undefined,
+    },
+};
+
+export const WithHoverMenu: Story = {
+    args: {
+        showMoreOptionsMenu: true,
+    },
+};
+
+export const WithoutHoverMenu: Story = {
+    args: {
+        showMoreOptionsMenu: false,
+    },
+};
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItem.test.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.test.tsx
new file mode 100644
index 0000000000..788c9f317f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.test.tsx
@@ -0,0 +1,123 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./RoomListItem.stories";
+
+const {
+    Default,
+    Selected,
+    Bold,
+    WithNotification,
+    WithMention,
+    Invitation,
+    UnsentMessage,
+    NoMessagePreview,
+    WithHoverMenu,
+    WithoutHoverMenu,
+} = composeStories(stories);
+
+describe("<RoomListItemView />", () => {
+    it("renders Default story", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders Selected story", () => {
+        const { container } = render(<Selected />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders Bold story", () => {
+        const { container } = render(<Bold />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders WithNotification story", () => {
+        const { container } = render(<WithNotification />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders WithMention story", () => {
+        const { container } = render(<WithMention />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders Invitation story", () => {
+        const { container } = render(<Invitation />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders UnsentMessage story", () => {
+        const { container } = render(<UnsentMessage />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders NoMessagePreview story", () => {
+        const { container } = render(<NoMessagePreview />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders WithHoverMenu story", () => {
+        const { container } = render(<WithHoverMenu />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should call onOpenRoom when clicked", async () => {
+        const user = userEvent.setup();
+        render(<Default />);
+
+        await user.click(screen.getByRole("option"));
+        expect(Default.args.onOpenRoom).toHaveBeenCalled();
+    });
+
+    it("should have aria-selected true when selected", () => {
+        render(<Selected />);
+        expect(screen.getByRole("option")).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should have aria-selected false when not selected", () => {
+        render(<Default />);
+        expect(screen.getByRole("option")).toHaveAttribute("aria-selected", "false");
+    });
+
+    it("should have tabIndex -1 when not focused", () => {
+        render(<Default />);
+        expect(screen.getByRole("option")).toHaveAttribute("tabIndex", "-1");
+    });
+
+    it("should call onFocus when focused", () => {
+        render(<Default />);
+        screen.getByRole("option").focus();
+        expect(Default.args.onFocus).toHaveBeenCalled();
+    });
+
+    it("should display notification decoration when present", () => {
+        render(<WithNotification />);
+        expect(screen.getByTestId("notification-decoration")).toBeInTheDocument();
+    });
+
+    it("should hide notification decoration when not present", () => {
+        render(<Default />);
+        expect(screen.queryByTestId("notification-decoration")).toBeNull();
+    });
+
+    it("should show hover menu when showMoreOptionsMenu is true", () => {
+        const { container } = render(<WithHoverMenu />);
+        expect(container.querySelector('[aria-label="More Options"]')).not.toBeNull();
+    });
+
+    it("should hide hover menu when showMoreOptionsMenu is false", () => {
+        const { container } = render(<WithoutHoverMenu />);
+        expect(container.querySelector('[aria-label="More Options"]')).toBeNull();
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItem.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.tsx
new file mode 100644
index 0000000000..bc16d15cd3
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItem.tsx
@@ -0,0 +1,207 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, memo, useEffect, useRef, type ReactNode } from "react";
+import classNames from "classnames";
+
+import { Flex } from "../../utils/Flex";
+import { NotificationDecoration, type NotificationDecorationData } from "./NotificationDecoration";
+import { RoomListItemHoverMenu } from "./RoomListItemHoverMenu";
+import { RoomListItemContextMenu } from "./RoomListItemContextMenu";
+import { type RoomNotifState } from "./RoomNotifs";
+import styles from "./RoomListItem.module.css";
+import { useViewModel, type ViewModel } from "../../viewmodel";
+import { _t } from "../../utils/i18n";
+
+/**
+ * Opaque type representing a Room object from the parent application
+ */
+export type Room = unknown;
+
+/**
+ * Generate an accessible label for a room based on its notification state.
+ */
+function getA11yLabel(roomName: string, notification: NotificationDecorationData): string {
+    if (notification.isUnsentMessage) {
+        return _t("room_list|a11y|unsent_message", { roomName });
+    } else if (notification.invited) {
+        return _t("room_list|a11y|invitation", { roomName });
+    } else if (notification.isMention && notification.count) {
+        return _t("room_list|a11y|mention", { roomName, count: notification.count });
+    } else if (notification.hasUnreadCount && notification.count) {
+        return _t("room_list|a11y|unread", { roomName, count: notification.count });
+    } else {
+        return _t("room_list|a11y|default", { roomName });
+    }
+}
+
+/**
+ * Snapshot for a room list item.
+ * Contains all the data needed to render a room in the list.
+ */
+export interface RoomListItemSnapshot {
+    /** Unique identifier for the room (used for list keying) */
+    id: string;
+    /** The opaque Room object from the client (e.g., matrix-js-sdk Room) */
+    room: Room;
+    /** The name of the room */
+    name: string;
+    /** Whether the room name should be bolded (has unread/activity) */
+    isBold: boolean;
+    /** Optional message preview text */
+    messagePreview?: string;
+    /** Notification decoration data */
+    notification: NotificationDecorationData;
+    /** Whether the more options menu should be shown */
+    showMoreOptionsMenu: boolean;
+    /** Whether the notification menu should be shown */
+    showNotificationMenu: boolean;
+    /** Whether the room is a favourite room */
+    isFavourite: boolean;
+    /** Whether the room is a low priority room */
+    isLowPriority: boolean;
+    /** Can invite other users in the room */
+    canInvite: boolean;
+    /** Can copy the room link */
+    canCopyRoomLink: boolean;
+    /** Can mark the room as read */
+    canMarkAsRead: boolean;
+    /** Can mark the room as unread */
+    canMarkAsUnread: boolean;
+    /** The room's notification state */
+    roomNotifState: RoomNotifState;
+}
+
+/**
+ * Actions interface for room list item operations.
+ * Implemented by the room item view model.
+ */
+export interface RoomListItemActions {
+    /** Called when the room should be opened */
+    onOpenRoom: () => void;
+    /** Called when the room should be marked as read */
+    onMarkAsRead: () => void;
+    /** Called when the room should be marked as unread */
+    onMarkAsUnread: () => void;
+    /** Called when the room's favorite status should be toggled */
+    onToggleFavorite: () => void;
+    /** Called when the room's low priority status should be toggled */
+    onToggleLowPriority: () => void;
+    /** Called when inviting users to the room */
+    onInvite: () => void;
+    /** Called when copying the room link */
+    onCopyRoomLink: () => void;
+    /** Called when leaving the room */
+    onLeaveRoom: () => void;
+    /** Called when setting the room notification state */
+    onSetRoomNotifState: (state: RoomNotifState) => void;
+}
+
+/**
+ * The view model type for a room list item
+ */
+export type RoomItemViewModel = ViewModel<RoomListItemSnapshot> & RoomListItemActions;
+
+/**
+ * Props for RoomListItemView component
+ */
+export interface RoomListItemViewProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "onFocus"> {
+    /** The room item view model */
+    vm: RoomItemViewModel;
+    /** Whether the room is selected */
+    isSelected: boolean;
+    /** Whether the room should be focused */
+    isFocused: boolean;
+    /** Callback when item receives focus */
+    onFocus: (roomId: string, e: React.FocusEvent) => void;
+    /** Index of this room in the list (for accessibility) */
+    roomIndex: number;
+    /** Total number of rooms in the list (for accessibility) */
+    roomCount: number;
+    /** Function to render the room avatar */
+    renderAvatar: (room: Room) => ReactNode;
+}
+
+/**
+ * A presentational room list item component.
+ * Displays room name, avatar, message preview, and notifications.
+ */
+export const RoomListItemView = memo(function RoomListItemView({
+    vm,
+    isSelected,
+    isFocused,
+    onFocus,
+    roomIndex,
+    roomCount,
+    renderAvatar,
+    ...props
+}: RoomListItemViewProps): JSX.Element {
+    const ref = useRef<HTMLButtonElement>(null);
+    const item = useViewModel(vm);
+
+    useEffect(() => {
+        if (isFocused) {
+            ref.current?.focus({ preventScroll: true, focusVisible: true } as FocusOptions);
+        }
+    }, [isFocused]);
+
+    // Generate a11y label from notification state and room name
+    const a11yLabel = getA11yLabel(item.name, item.notification);
+
+    const content = (
+        <Flex
+            as="button"
+            ref={ref}
+            className={classNames(styles.roomListItem, "mx_RoomListItemView", {
+                [styles.selected]: isSelected,
+                [styles.bold]: item.isBold,
+                mx_RoomListItemView_selected: isSelected,
+            })}
+            gap="var(--cpd-space-3x)"
+            align="center"
+            type="button"
+            role="option"
+            aria-posinset={roomIndex + 1}
+            aria-setsize={roomCount}
+            aria-selected={isSelected}
+            aria-label={a11yLabel}
+            onClick={vm.onOpenRoom}
+            onFocus={(e: React.FocusEvent<HTMLButtonElement>) => onFocus(item.id, e)}
+            tabIndex={isFocused ? 0 : -1}
+            {...props}
+        >
+            {renderAvatar(item.room)}
+            <Flex className={styles.content} gap="var(--cpd-space-2x)" align="center" justify="space-between">
+                {/* We truncate the room name when too long. Title here is to show the full name on hover */}
+                <div className={styles.text}>
+                    <div className={styles.roomName} title={item.name} data-testid="room-name">
+                        {item.name}
+                    </div>
+                    {item.messagePreview && (
+                        <div className={styles.messagePreview} title={item.messagePreview}>
+                            {item.messagePreview}
+                        </div>
+                    )}
+                </div>
+                {(item.showMoreOptionsMenu || item.showNotificationMenu) && (
+                    <RoomListItemHoverMenu
+                        showMoreOptionsMenu={item.showMoreOptionsMenu}
+                        showNotificationMenu={item.showNotificationMenu}
+                        vm={vm}
+                    />
+                )}
+
+                {/* aria-hidden because we summarise the unread count/notification status in a11yLabel */}
+                <div className={styles.notificationDecoration} aria-hidden={true}>
+                    <NotificationDecoration {...item.notification} />
+                </div>
+            </Flex>
+        </Flex>
+    );
+
+    return <RoomListItemContextMenu vm={vm}>{content}</RoomListItemContextMenu>;
+});
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItemContextMenu.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItemContextMenu.tsx
new file mode 100644
index 0000000000..0d202474f8
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItemContextMenu.tsx
@@ -0,0 +1,40 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type PropsWithChildren } from "react";
+import { ContextMenu } from "@vector-im/compound-web";
+
+import { _t } from "../../utils/i18n";
+import { MoreOptionContent, type RoomItemViewModel } from "./RoomListItemMoreOptionsMenu";
+
+/**
+ * Props for RoomListItemContextMenu component
+ */
+export interface RoomListItemContextMenuProps {
+    /** The room item view model */
+    vm: RoomItemViewModel;
+}
+
+/**
+ * The context menu for room list items.
+ * Wraps the trigger element with a right-click context menu displaying room options.
+ */
+export const RoomListItemContextMenu: React.FC<PropsWithChildren<RoomListItemContextMenuProps>> = ({
+    vm,
+    children,
+}): JSX.Element => {
+    return (
+        <ContextMenu
+            title={_t("room_list|room|more_options")}
+            showTitle={false}
+            hasAccessibleAlternative={true}
+            trigger={children}
+        >
+            <MoreOptionContent vm={vm} />
+        </ContextMenu>
+    );
+};
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItemHoverMenu.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItemHoverMenu.tsx
new file mode 100644
index 0000000000..9a453b2014
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItemHoverMenu.tsx
@@ -0,0 +1,42 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+
+import { Flex } from "../../utils/Flex";
+import { RoomListItemMoreOptionsMenu, type RoomItemViewModel } from "./RoomListItemMoreOptionsMenu";
+import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
+import styles from "./RoomListItem.module.css";
+
+/**
+ * Props for RoomListItemHoverMenu component
+ */
+export interface RoomListItemHoverMenuProps {
+    /** Whether the more options menu should be shown */
+    showMoreOptionsMenu: boolean;
+    /** Whether the notification menu should be shown */
+    showNotificationMenu: boolean;
+    /** The room item view model */
+    vm: RoomItemViewModel;
+}
+
+/**
+ * The hover menu for room list items.
+ * Displays more options and notification settings menus.
+ */
+export const RoomListItemHoverMenu: React.FC<RoomListItemHoverMenuProps> = ({
+    showMoreOptionsMenu,
+    showNotificationMenu,
+    vm,
+}): JSX.Element => {
+    return (
+        <Flex className={styles.hoverMenu} align="center" gap="var(--cpd-space-1x)">
+            {showMoreOptionsMenu && <RoomListItemMoreOptionsMenu vm={vm} />}
+            {showNotificationMenu && <RoomListItemNotificationMenu vm={vm} />}
+        </Flex>
+    );
+};
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItemMoreOptionsMenu.test.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItemMoreOptionsMenu.test.tsx
new file mode 100644
index 0000000000..40b9917c5b
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItemMoreOptionsMenu.test.tsx
@@ -0,0 +1,227 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { describe, it, expect, vi } from "vitest";
+
+import { RoomListItemMoreOptionsMenu } from "./RoomListItemMoreOptionsMenu";
+import { useMockedViewModel } from "../../viewmodel";
+import type { RoomListItemSnapshot } from "./RoomListItem";
+import { defaultSnapshot } from "./default-snapshot";
+
+describe("<RoomListItemMoreOptionsMenu />", () => {
+    const mockCallbacks = {
+        onOpenRoom: vi.fn(),
+        onMarkAsRead: vi.fn(),
+        onMarkAsUnread: vi.fn(),
+        onToggleFavorite: vi.fn(),
+        onToggleLowPriority: vi.fn(),
+        onInvite: vi.fn(),
+        onCopyRoomLink: vi.fn(),
+        onLeaveRoom: vi.fn(),
+        onSetRoomNotifState: vi.fn(),
+    };
+
+    const renderMenu = (overrides: Partial<RoomListItemSnapshot> = {}): ReturnType<typeof render> => {
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel(
+                {
+                    ...defaultSnapshot,
+                    showMoreOptionsMenu: true,
+                    showNotificationMenu: false,
+                    ...overrides,
+                } as RoomListItemSnapshot,
+                mockCallbacks,
+            );
+            return <RoomListItemMoreOptionsMenu vm={vm} />;
+        };
+        return render(<TestComponent />);
+    };
+
+    it("should render the more options button", () => {
+        renderMenu();
+        expect(screen.getByRole("button", { name: "More Options" })).toBeInTheDocument();
+    });
+
+    it("should open menu when clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menu")).toBeInTheDocument();
+    });
+
+    it("should show mark as read option when canMarkAsRead is true", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canMarkAsRead: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Mark as read" })).toBeInTheDocument();
+    });
+
+    it("should not show mark as read option when canMarkAsRead is false", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canMarkAsRead: false });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.queryByRole("menuitem", { name: "Mark as read" })).not.toBeInTheDocument();
+    });
+
+    it("should call onMarkAsRead when mark as read clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canMarkAsRead: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const markAsReadOption = screen.getByRole("menuitem", { name: "Mark as read" });
+        await user.click(markAsReadOption);
+
+        expect(mockCallbacks.onMarkAsRead).toHaveBeenCalled();
+    });
+
+    it("should show mark as unread option when canMarkAsUnread is true", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canMarkAsUnread: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Mark as unread" })).toBeInTheDocument();
+    });
+
+    it("should call onMarkAsUnread when mark as unread clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canMarkAsUnread: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const markAsUnreadOption = screen.getByRole("menuitem", { name: "Mark as unread" });
+        await user.click(markAsUnreadOption);
+
+        expect(mockCallbacks.onMarkAsUnread).toHaveBeenCalled();
+    });
+
+    it("should show favorite option and call onToggleFavorite", async () => {
+        const user = userEvent.setup();
+        renderMenu({ isFavourite: false });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const favoriteOption = screen.getByRole("menuitemcheckbox", { name: "Favourited" });
+        expect(favoriteOption).toBeInTheDocument();
+        expect(favoriteOption).toHaveAttribute("aria-checked", "false");
+
+        await user.click(favoriteOption);
+        expect(mockCallbacks.onToggleFavorite).toHaveBeenCalled();
+    });
+
+    it("should show favorite as checked when isFavourite is true", async () => {
+        const user = userEvent.setup();
+        renderMenu({ isFavourite: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const favoriteOption = screen.getByRole("menuitemcheckbox", { name: "Favourited" });
+        expect(favoriteOption).toHaveAttribute("aria-checked", "true");
+    });
+
+    it("should show low priority option and call onToggleLowPriority", async () => {
+        const user = userEvent.setup();
+        renderMenu({ isLowPriority: false });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const lowPriorityOption = screen.getByRole("menuitemcheckbox", { name: "Low priority" });
+        expect(lowPriorityOption).toBeInTheDocument();
+        expect(lowPriorityOption).toHaveAttribute("aria-checked", "false");
+
+        await user.click(lowPriorityOption);
+        expect(mockCallbacks.onToggleLowPriority).toHaveBeenCalled();
+    });
+
+    it("should show invite option when canInvite is true", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canInvite: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Invite" })).toBeInTheDocument();
+    });
+
+    it("should call onInvite when invite clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canInvite: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const inviteOption = screen.getByRole("menuitem", { name: "Invite" });
+        await user.click(inviteOption);
+
+        expect(mockCallbacks.onInvite).toHaveBeenCalled();
+    });
+
+    it("should show copy link option when canCopyRoomLink is true", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canCopyRoomLink: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Copy room link" })).toBeInTheDocument();
+    });
+
+    it("should call onCopyRoomLink when copy link clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu({ canCopyRoomLink: true });
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const copyLinkOption = screen.getByRole("menuitem", { name: "Copy room link" });
+        await user.click(copyLinkOption);
+
+        expect(mockCallbacks.onCopyRoomLink).toHaveBeenCalled();
+    });
+
+    it("should show leave room option", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menuitem", { name: "Leave room" })).toBeInTheDocument();
+    });
+
+    it("should call onLeaveRoom when leave room clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "More Options" });
+        await user.click(button);
+
+        const leaveRoomOption = screen.getByRole("menuitem", { name: "Leave room" });
+        await user.click(leaveRoomOption);
+
+        expect(mockCallbacks.onLeaveRoom).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItemMoreOptionsMenu.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItemMoreOptionsMenu.tsx
new file mode 100644
index 0000000000..d10b5c32ec
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItemMoreOptionsMenu.tsx
@@ -0,0 +1,137 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { useState, type JSX } from "react";
+import { IconButton, Menu, MenuItem, Separator, ToggleMenuItem } from "@vector-im/compound-web";
+import {
+    MarkAsReadIcon,
+    MarkAsUnreadIcon,
+    FavouriteIcon,
+    ArrowDownIcon,
+    UserAddIcon,
+    LinkIcon,
+    LeaveIcon,
+    OverflowHorizontalIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../utils/i18n";
+import { useViewModel, type ViewModel } from "../../viewmodel";
+import type { RoomListItemSnapshot, RoomListItemActions } from "./RoomListItem";
+
+/**
+ * View model type for room list item
+ */
+export type RoomItemViewModel = ViewModel<RoomListItemSnapshot> & RoomListItemActions;
+
+/**
+ * Props for RoomListItemMoreOptionsMenu component
+ */
+export interface RoomListItemMoreOptionsMenuProps {
+    /** The room item view model */
+    vm: RoomItemViewModel;
+}
+
+/**
+ * The more options menu for room list items.
+ * Displays additional room actions like mark as read/unread, favorite, invite, etc.
+ */
+export function RoomListItemMoreOptionsMenu({ vm }: RoomListItemMoreOptionsMenuProps): JSX.Element {
+    const [open, setOpen] = useState(false);
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            title={_t("room_list|room|more_options")}
+            showTitle={false}
+            align="start"
+            trigger={
+                <IconButton
+                    tooltip={_t("room_list|room|more_options")}
+                    aria-label={_t("room_list|room|more_options")}
+                    size="24px"
+                >
+                    <OverflowHorizontalIcon />
+                </IconButton>
+            }
+        >
+            <MoreOptionContent vm={vm} />
+        </Menu>
+    );
+}
+
+interface MoreOptionContentProps {
+    vm: RoomItemViewModel;
+}
+
+export function MoreOptionContent({ vm }: MoreOptionContentProps): JSX.Element {
+    const snapshot = useViewModel(vm);
+    return (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        <div onKeyDown={(e) => e.stopPropagation()}>
+            {snapshot.canMarkAsRead && (
+                <MenuItem
+                    Icon={MarkAsReadIcon}
+                    label={_t("room_list|more_options|mark_read")}
+                    onSelect={vm.onMarkAsRead}
+                    onClick={(evt) => evt.stopPropagation()}
+                    hideChevron={true}
+                />
+            )}
+            {snapshot.canMarkAsUnread && (
+                <MenuItem
+                    Icon={MarkAsUnreadIcon}
+                    label={_t("room_list|more_options|mark_unread")}
+                    onSelect={vm.onMarkAsUnread}
+                    onClick={(evt) => evt.stopPropagation()}
+                    hideChevron={true}
+                />
+            )}
+            <ToggleMenuItem
+                checked={snapshot.isFavourite}
+                Icon={FavouriteIcon}
+                label={_t("room_list|more_options|favourited")}
+                onSelect={vm.onToggleFavorite}
+                onClick={(evt) => evt.stopPropagation()}
+            />
+            <ToggleMenuItem
+                checked={snapshot.isLowPriority}
+                Icon={ArrowDownIcon}
+                label={_t("room_list|more_options|low_priority")}
+                onSelect={vm.onToggleLowPriority}
+                onClick={(evt) => evt.stopPropagation()}
+            />
+            {snapshot.canInvite && (
+                <MenuItem
+                    Icon={UserAddIcon}
+                    label={_t("action|invite")}
+                    onSelect={vm.onInvite}
+                    onClick={(evt) => evt.stopPropagation()}
+                    hideChevron={true}
+                />
+            )}
+            {snapshot.canCopyRoomLink && (
+                <MenuItem
+                    Icon={LinkIcon}
+                    label={_t("room_list|more_options|copy_link")}
+                    onSelect={vm.onCopyRoomLink}
+                    onClick={(evt) => evt.stopPropagation()}
+                    hideChevron={true}
+                />
+            )}
+            <Separator />
+            <MenuItem
+                kind="critical"
+                Icon={LeaveIcon}
+                label={_t("room_list|more_options|leave_room")}
+                onSelect={vm.onLeaveRoom}
+                onClick={(evt) => evt.stopPropagation()}
+                hideChevron={true}
+            />
+        </div>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItemNotificationMenu.test.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItemNotificationMenu.test.tsx
new file mode 100644
index 0000000000..3f88e2f8a1
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItemNotificationMenu.test.tsx
@@ -0,0 +1,164 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { describe, it, expect, vi } from "vitest";
+
+import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
+import { RoomNotifState } from "./RoomNotifs";
+import { useMockedViewModel } from "../../viewmodel";
+import type { RoomListItemSnapshot } from "./RoomListItem";
+import { defaultSnapshot } from "./default-snapshot";
+
+describe("<RoomListItemNotificationMenu />", () => {
+    const mockCallbacks = {
+        onOpenRoom: vi.fn(),
+        onMarkAsRead: vi.fn(),
+        onMarkAsUnread: vi.fn(),
+        onToggleFavorite: vi.fn(),
+        onToggleLowPriority: vi.fn(),
+        onInvite: vi.fn(),
+        onCopyRoomLink: vi.fn(),
+        onLeaveRoom: vi.fn(),
+        onSetRoomNotifState: vi.fn(),
+    };
+
+    const renderMenu = (roomNotifState: RoomNotifState = RoomNotifState.AllMessages): ReturnType<typeof render> => {
+        const TestComponent = (): JSX.Element => {
+            const vm = useMockedViewModel(
+                {
+                    ...defaultSnapshot,
+                    showMoreOptionsMenu: false,
+                    showNotificationMenu: true,
+                    roomNotifState,
+                } as RoomListItemSnapshot,
+                mockCallbacks,
+            );
+            return <RoomListItemNotificationMenu vm={vm} />;
+        };
+        return render(<TestComponent />);
+    };
+
+    it("should render the notification menu button", () => {
+        renderMenu();
+        expect(screen.getByRole("button", { name: "Notification options" })).toBeInTheDocument();
+    });
+
+    it("should show muted icon when notifications are muted", () => {
+        renderMenu(RoomNotifState.Mute);
+        const button = screen.getByRole("button", { name: "Notification options" });
+        expect(button.querySelector("svg")).toBeInTheDocument();
+    });
+
+    it("should open menu when clicked", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        expect(screen.getByRole("menu")).toBeInTheDocument();
+    });
+
+    it("should call onSetRoomNotifState with AllMessages when default settings selected", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const defaultOption = screen.getByRole("menuitem", { name: "Match default settings" });
+        await user.click(defaultOption);
+
+        expect(mockCallbacks.onSetRoomNotifState).toHaveBeenCalledWith(RoomNotifState.AllMessages);
+    });
+
+    it("should call onSetRoomNotifState with AllMessagesLoud when all messages selected", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const allMessagesOption = screen.getByRole("menuitem", { name: "All messages" });
+        await user.click(allMessagesOption);
+
+        expect(mockCallbacks.onSetRoomNotifState).toHaveBeenCalledWith(RoomNotifState.AllMessagesLoud);
+    });
+
+    it("should call onSetRoomNotifState with MentionsOnly when mentions and keywords selected", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const mentionsOption = screen.getByRole("menuitem", { name: "Mentions and keywords" });
+        await user.click(mentionsOption);
+
+        expect(mockCallbacks.onSetRoomNotifState).toHaveBeenCalledWith(RoomNotifState.MentionsOnly);
+    });
+
+    it("should call onSetRoomNotifState with Mute when mute selected", async () => {
+        const user = userEvent.setup();
+        renderMenu();
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const muteOption = screen.getByRole("menuitem", { name: "Mute room" });
+        await user.click(muteOption);
+
+        expect(mockCallbacks.onSetRoomNotifState).toHaveBeenCalledWith(RoomNotifState.Mute);
+    });
+
+    it("should show check mark next to selected option - AllMessage", async () => {
+        const user = userEvent.setup();
+        renderMenu(RoomNotifState.AllMessages);
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const defaultOption = screen.getByRole("menuitem", { name: "Match default settings" });
+        expect(defaultOption).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should show check mark next to selected option - AllMessagesLoud", async () => {
+        const user = userEvent.setup();
+        renderMenu(RoomNotifState.AllMessagesLoud);
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const allMessagesOption = screen.getByRole("menuitem", { name: "All messages" });
+        expect(allMessagesOption).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should show check mark next to selected option - MentionsOnly", async () => {
+        const user = userEvent.setup();
+        renderMenu(RoomNotifState.MentionsOnly);
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const mentionsOption = screen.getByRole("menuitem", { name: "Mentions and keywords" });
+        expect(mentionsOption).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should show check mark next to selected option - Mute", async () => {
+        const user = userEvent.setup();
+        renderMenu(RoomNotifState.Mute);
+
+        const button = screen.getByRole("button", { name: "Notification options" });
+        await user.click(button);
+
+        const muteOption = screen.getByRole("menuitem", { name: "Mute room" });
+        expect(muteOption).toHaveAttribute("aria-selected", "true");
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomListItemNotificationMenu.tsx b/packages/shared-components/src/room-list/RoomListItem/RoomListItemNotificationMenu.tsx
new file mode 100644
index 0000000000..e4038fae6c
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomListItemNotificationMenu.tsx
@@ -0,0 +1,105 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { useState, type JSX } from "react";
+import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
+import {
+    NotificationsSolidIcon,
+    NotificationsOffSolidIcon,
+    CheckIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../utils/i18n";
+import { RoomNotifState } from "./RoomNotifs";
+import { useViewModel, type ViewModel } from "../../viewmodel";
+import type { RoomListItemSnapshot, RoomListItemActions } from "./RoomListItem";
+
+/**
+ * View model type for room list item
+ */
+export type RoomItemViewModel = ViewModel<RoomListItemSnapshot> & RoomListItemActions;
+
+/**
+ * Props for RoomListItemNotificationMenu component
+ */
+export interface RoomListItemNotificationMenuProps {
+    /** The room item view model */
+    vm: RoomItemViewModel;
+}
+
+/**
+ * The notification settings menu for room list items.
+ * Displays options to change notification settings.
+ */
+export function RoomListItemNotificationMenu({ vm }: RoomListItemNotificationMenuProps): JSX.Element {
+    const snapshot = useViewModel(vm);
+    const [open, setOpen] = useState(false);
+    const isMuted = snapshot.roomNotifState === RoomNotifState.Mute;
+    const checkComponent = <CheckIcon width="24px" height="24px" color="var(--cpd-color-icon-primary)" />;
+
+    return (
+        <Menu
+            open={open}
+            onOpenChange={setOpen}
+            title={_t("room_list|notification_options")}
+            showTitle={false}
+            align="start"
+            trigger={
+                <IconButton
+                    size="24px"
+                    tooltip={_t("room_list|notification_options")}
+                    aria-label={_t("room_list|notification_options")}
+                >
+                    {isMuted ? <NotificationsOffSolidIcon /> : <NotificationsSolidIcon />}
+                </IconButton>
+            }
+        >
+            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
+            <div
+                // We don't want keyboard navigation events to bubble up to the ListView changing the focused item
+                onKeyDown={(e) => e.stopPropagation()}
+            >
+                <MenuItem
+                    aria-selected={snapshot.roomNotifState === RoomNotifState.AllMessages}
+                    hideChevron={true}
+                    label={_t("notifications|default_settings")}
+                    onSelect={() => vm.onSetRoomNotifState(RoomNotifState.AllMessages)}
+                    onClick={(evt) => evt.stopPropagation()}
+                >
+                    {snapshot.roomNotifState === RoomNotifState.AllMessages && checkComponent}
+                </MenuItem>
+                <MenuItem
+                    aria-selected={snapshot.roomNotifState === RoomNotifState.AllMessagesLoud}
+                    hideChevron={true}
+                    label={_t("notifications|all_messages")}
+                    onSelect={() => vm.onSetRoomNotifState(RoomNotifState.AllMessagesLoud)}
+                    onClick={(evt) => evt.stopPropagation()}
+                >
+                    {snapshot.roomNotifState === RoomNotifState.AllMessagesLoud && checkComponent}
+                </MenuItem>
+                <MenuItem
+                    aria-selected={snapshot.roomNotifState === RoomNotifState.MentionsOnly}
+                    hideChevron={true}
+                    label={_t("notifications|mentions_keywords")}
+                    onSelect={() => vm.onSetRoomNotifState(RoomNotifState.MentionsOnly)}
+                    onClick={(evt) => evt.stopPropagation()}
+                >
+                    {snapshot.roomNotifState === RoomNotifState.MentionsOnly && checkComponent}
+                </MenuItem>
+                <MenuItem
+                    aria-selected={snapshot.roomNotifState === RoomNotifState.Mute}
+                    hideChevron={true}
+                    label={_t("notifications|mute_room")}
+                    onSelect={() => vm.onSetRoomNotifState(RoomNotifState.Mute)}
+                    onClick={(evt) => evt.stopPropagation()}
+                >
+                    {snapshot.roomNotifState === RoomNotifState.Mute && checkComponent}
+                </MenuItem>
+            </div>
+        </Menu>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListItem/RoomNotifs.ts b/packages/shared-components/src/room-list/RoomListItem/RoomNotifs.ts
new file mode 100644
index 0000000000..06fc0fc23d
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/RoomNotifs.ts
@@ -0,0 +1,20 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * Notification state for a room.
+ */
+export enum RoomNotifState {
+    /** All messages (default) */
+    AllMessages = "all_messages",
+    /** All messages with sound */
+    AllMessagesLoud = "all_messages_loud",
+    /** Only mentions and keywords */
+    MentionsOnly = "mentions_only",
+    /** Muted */
+    Mute = "mute",
+}
diff --git a/packages/shared-components/src/room-list/RoomListItem/__snapshots__/RoomListItem.test.tsx.snap b/packages/shared-components/src/room-list/RoomListItem/__snapshots__/RoomListItem.test.tsx.snap
new file mode 100644
index 0000000000..ff1ccad613
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/__snapshots__/RoomListItem.test.tsx.snap
@@ -0,0 +1,1236 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListItemView /> > renders Bold story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room Team Updates"
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView bold"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="Team Updates"
+            >
+              Team Updates
+            </div>
+            <div
+              class="messagePreview"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_12_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_10_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_19_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_17_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          />
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders Default story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General"
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="messagePreview"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_2_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_0_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_9_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_7_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          />
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders Invitation story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room Secret Project invitation."
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="Secret Project"
+            >
+              Secret Project
+            </div>
+            <div
+              class="messagePreview"
+              title="Bob invited you"
+            >
+              Bob invited you
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_2i_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_2g_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_2p_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_2n_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          >
+            <div
+              class="flex"
+              data-testid="notification-decoration"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+            >
+              <svg
+                fill="var(--cpd-color-icon-accent-primary)"
+                height="20px"
+                viewBox="0 0 24 24"
+                width="20px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 5.111a1 1 0 0 0 .514.874l7 3.89a1 1 0 0 0 .972 0l7-3.89a1 1 0 1 0-.972-1.748L12 11.856 5.486 8.237A1 1 0 0 0 4 9.111"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders NoMessagePreview story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General"
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_3i_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_3g_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_3p_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_3n_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          />
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders Selected story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General"
+        aria-posinset="1"
+        aria-selected="true"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView selected mx_RoomListItemView_selected"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="messagePreview"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_i_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_g_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_p_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_n_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          />
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders UnsentMessage story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General with an unsent message."
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="messagePreview"
+              title="Failed to send message"
+            >
+              Failed to send message
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_32_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_30_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_39_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_37_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          >
+            <div
+              class="flex"
+              data-testid="notification-decoration"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+            >
+              <svg
+                fill="var(--cpd-color-icon-critical-primary)"
+                height="20px"
+                viewBox="0 0 24 24"
+                width="20px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithHoverMenu story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General"
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="messagePreview"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_42_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_40_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_49_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_47_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          />
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithMention story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General with 1 unread mention."
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView bold"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="messagePreview"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_22_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_20_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_29_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_27_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          >
+            <div
+              class="flex"
+              data-testid="notification-decoration"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+            >
+              <svg
+                fill="var(--cpd-color-icon-accent-primary)"
+                height="20px"
+                viewBox="0 0 24 24"
+                width="20px"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                />
+              </svg>
+              <span
+                class="_unread-counter_1147r_8"
+              >
+                1
+              </span>
+            </div>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListItemView /> > renders WithNotification story 1`] = `
+<div>
+  <div
+    style="width: 320px; padding: 8px;"
+  >
+    <div
+      aria-label="Room list"
+      role="listbox"
+    >
+      <button
+        aria-haspopup="menu"
+        aria-label="Open room General with 3 unread messages."
+        aria-posinset="1"
+        aria-selected="false"
+        aria-setsize="10"
+        class="flex roomListItem mx_RoomListItemView bold"
+        data-state="closed"
+        role="option"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+        tabindex="-1"
+        type="button"
+      >
+        <div
+          aria-label="General avatar"
+          role="img"
+          style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+        >
+          GE
+        </div>
+        <div
+          class="flex content"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+        >
+          <div
+            class="text"
+          >
+            <div
+              class="roomName"
+              data-testid="room-name"
+              title="General"
+            >
+              General
+            </div>
+            <div
+              class="messagePreview"
+              title="Alice: Hey everyone!"
+            >
+              Alice: Hey everyone!
+            </div>
+          </div>
+          <div
+            class="flex hoverMenu"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+          >
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="More Options"
+              aria-labelledby="_r_1i_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_1g_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                  />
+                </svg>
+              </div>
+            </button>
+            <button
+              aria-disabled="false"
+              aria-expanded="false"
+              aria-haspopup="menu"
+              aria-label="Notification options"
+              aria-labelledby="_r_1p_"
+              class="_icon-button_1215g_8"
+              data-kind="primary"
+              data-state="closed"
+              id="radix-_r_1n_"
+              role="button"
+              style="--cpd-icon-button-size: 24px;"
+              tabindex="0"
+              type="button"
+            >
+              <div
+                class="_indicator-icon_147l5_17"
+                style="--cpd-icon-button-size: 100%;"
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                  />
+                </svg>
+              </div>
+            </button>
+          </div>
+          <div
+            aria-hidden="true"
+            class="notificationDecoration"
+          >
+            <div
+              class="flex"
+              data-testid="notification-decoration"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+            >
+              <span
+                class="_unread-counter_1147r_8"
+              >
+                3
+              </span>
+            </div>
+          </div>
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListItem/default-snapshot.ts b/packages/shared-components/src/room-list/RoomListItem/default-snapshot.ts
new file mode 100644
index 0000000000..b5e263567f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/default-snapshot.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type RoomListItemSnapshot } from "./RoomListItem";
+import { RoomNotifState } from "./RoomNotifs";
+
+export const mockRoom = { name: "General" };
+
+export const defaultSnapshot: RoomListItemSnapshot = {
+    id: "!room:server",
+    room: mockRoom,
+    name: "General",
+    isBold: false,
+    messagePreview: "Alice: Hey everyone!",
+    notification: {
+        hasAnyNotificationOrActivity: false,
+        isUnsentMessage: false,
+        invited: false,
+        isMention: false,
+        isActivityNotification: false,
+        isNotification: false,
+        hasUnreadCount: false,
+        count: 0,
+        muted: false,
+    },
+    showMoreOptionsMenu: true,
+    showNotificationMenu: true,
+    isFavourite: false,
+    isLowPriority: false,
+    canInvite: true,
+    canCopyRoomLink: true,
+    canMarkAsRead: false,
+    canMarkAsUnread: true,
+    roomNotifState: RoomNotifState.AllMessages,
+};
diff --git a/packages/shared-components/src/room-list/RoomListItem/index.ts b/packages/shared-components/src/room-list/RoomListItem/index.ts
new file mode 100644
index 0000000000..edf17066b8
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListItem/index.ts
@@ -0,0 +1,26 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { RoomListItemView } from "./RoomListItem";
+export type {
+    Room,
+    RoomListItemSnapshot,
+    RoomItemViewModel,
+    RoomListItemActions,
+    RoomListItemViewProps,
+} from "./RoomListItem";
+export { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
+export type { RoomListItemNotificationMenuProps } from "./RoomListItemNotificationMenu";
+export { RoomListItemMoreOptionsMenu, MoreOptionContent } from "./RoomListItemMoreOptionsMenu";
+export type { RoomListItemMoreOptionsMenuProps } from "./RoomListItemMoreOptionsMenu";
+export { RoomListItemHoverMenu } from "./RoomListItemHoverMenu";
+export type { RoomListItemHoverMenuProps } from "./RoomListItemHoverMenu";
+export { RoomListItemContextMenu } from "./RoomListItemContextMenu";
+export type { RoomListItemContextMenuProps } from "./RoomListItemContextMenu";
+export { NotificationDecoration } from "./NotificationDecoration";
+export type { NotificationDecorationProps, NotificationDecorationData } from "./NotificationDecoration";
+export { RoomNotifState } from "./RoomNotifs";
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.module.css b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.module.css
new file mode 100644
index 0000000000..29db6d1bd6
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.module.css
@@ -0,0 +1,32 @@
+/*
+ * Copyright 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.roomListPrimaryFilters {
+    padding: var(--cpd-space-2x) var(--cpd-space-4x) var(--cpd-space-2x) var(--cpd-space-3x);
+}
+
+/* Hide filters that are wrapping when collapsed */
+.roomListPrimaryFilters :global(.wrapping) {
+    display: none;
+}
+
+.list {
+    /**
+     * The InteractionObserver needs the height to be set to work properly.
+     */
+    height: 100%;
+    flex: 1;
+}
+
+/* IconButton styles for chevron */
+.iconButton svg {
+    transition: transform 0.1s linear;
+}
+
+.iconButton[aria-expanded="true"] svg {
+    transform: rotate(180deg);
+}
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx
new file mode 100644
index 0000000000..a1a80334b9
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx
@@ -0,0 +1,91 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { RoomListPrimaryFilters } from "./RoomListPrimaryFilters";
+import type { FilterId } from "./useVisibleFilters";
+
+const meta: Meta<typeof RoomListPrimaryFilters> = {
+    title: "Room List/RoomListPrimaryFilters",
+    component: RoomListPrimaryFilters,
+    tags: ["autodocs"],
+    args: {
+        onToggleFilter: fn(),
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel-2025?node-id=98-1979&t=vafb4zoYMNLRuAbh-4",
+        },
+    },
+};
+
+export default meta;
+type Story = StoryObj<typeof RoomListPrimaryFilters>;
+
+// All available filter IDs
+const allFilterIds: FilterId[] = ["unread", "people", "rooms", "favourite", "mentions", "invites", "low_priority"];
+
+// Subset of filters for narrow container tests
+const fewFilterIds: FilterId[] = ["people", "rooms", "unread"];
+
+export const Default: Story = {
+    args: {
+        filterIds: allFilterIds,
+    },
+};
+
+export const PeopleSelected: Story = {
+    args: {
+        filterIds: allFilterIds,
+        activeFilterId: "people",
+    },
+};
+
+export const NoFilters: Story = {
+    args: {
+        filterIds: [],
+    },
+};
+
+/**
+ * Narrow container that causes filters to wrap.
+ * The chevron button should appear to expand/collapse the filter list.
+ */
+export const NarrowContainer: Story = {
+    args: {
+        filterIds: fewFilterIds,
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ width: "180px", border: "1px dashed var(--cpd-color-border-interactive-secondary)" }}>
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+/**
+ * Narrow container with active filter that would wrap.
+ * When collapsed, the active filter should move to the front.
+ */
+export const NarrowWithActiveWrappingFilter: Story = {
+    args: {
+        filterIds: fewFilterIds,
+        activeFilterId: "unread",
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ width: "180px", border: "1px dashed var(--cpd-color-border-interactive-secondary)" }}>
+                <Story />
+            </div>
+        ),
+    ],
+};
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.test.tsx b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.test.tsx
new file mode 100644
index 0000000000..a86181da15
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.test.tsx
@@ -0,0 +1,140 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { act } from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect, vi, beforeEach } from "vitest";
+
+import * as stories from "./RoomListPrimaryFilters.stories";
+
+const { Default, PeopleSelected, NoFilters, NarrowContainer, NarrowWithActiveWrappingFilter } = composeStories(stories);
+
+describe("<RoomListPrimaryFilters /> stories", () => {
+    describe("snapshots", () => {
+        it("renders Default story", () => {
+            const { container } = render(<Default />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders PeopleSelected story", () => {
+            const { container } = render(<PeopleSelected />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders NoFilters story", () => {
+            const { container } = render(<NoFilters />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders NarrowContainer story", () => {
+            const { container } = render(<NarrowContainer />);
+            expect(container).toMatchSnapshot();
+        });
+
+        it("renders NarrowWithActiveWrappingFilter story", () => {
+            const { container } = render(<NarrowWithActiveWrappingFilter />);
+            expect(container).toMatchSnapshot();
+        });
+    });
+
+    describe("behavior", () => {
+        it("should call onToggleFilter when a filter is clicked", async () => {
+            const user = userEvent.setup();
+            render(<Default />);
+
+            await user.click(screen.getByRole("option", { name: "People" }));
+
+            expect(Default.args.onToggleFilter).toHaveBeenCalled();
+        });
+    });
+
+    describe("resize behavior", () => {
+        let resizeCallback: ResizeObserverCallback;
+
+        beforeEach(() => {
+            globalThis.ResizeObserver = class MockResizeObserver {
+                public constructor(callback: ResizeObserverCallback) {
+                    resizeCallback = callback;
+                }
+                public observe = vi.fn();
+                public unobserve = vi.fn();
+                public disconnect = vi.fn();
+            } as unknown as typeof ResizeObserver;
+        });
+
+        function mockFiltersNotWrapping(): void {
+            vi.spyOn(screen.getByText("People"), "offsetLeft", "get").mockReturnValue(0);
+            vi.spyOn(screen.getByText("Rooms"), "offsetLeft", "get").mockReturnValue(30);
+            vi.spyOn(screen.getByText("Unreads"), "offsetLeft", "get").mockReturnValue(60);
+
+            const listbox = screen.getByRole("listbox", { name: "Room list filters" });
+            act(() => resizeCallback([{ target: listbox } as any], {} as ResizeObserver));
+        }
+
+        function mockUnreadWrapping(): void {
+            vi.spyOn(screen.getByText("People"), "offsetLeft", "get").mockReturnValue(0);
+            vi.spyOn(screen.getByText("Rooms"), "offsetLeft", "get").mockReturnValue(30);
+            vi.spyOn(screen.getByText("Unreads"), "offsetLeft", "get").mockReturnValue(0);
+
+            const listbox = screen.getByRole("listbox", { name: "Room list filters" });
+            act(() => resizeCallback([{ target: listbox } as any], {} as ResizeObserver));
+        }
+
+        it("should hide wrapping filters and show chevron", () => {
+            render(<NarrowContainer />);
+            mockUnreadWrapping();
+
+            expect(screen.queryByRole("option", { name: "Unreads" })).toBeNull();
+            expect(screen.getByRole("button", { name: "Expand filter list" })).toBeInTheDocument();
+        });
+
+        it("should expand and collapse filter list with chevron button", async () => {
+            const user = userEvent.setup();
+            render(<NarrowContainer />);
+            mockUnreadWrapping();
+
+            expect(screen.queryByRole("option", { name: "Unreads" })).toBeNull();
+
+            await user.click(screen.getByRole("button", { name: "Expand filter list" }));
+            expect(screen.getByRole("option", { name: "Unreads" })).toBeVisible();
+
+            await user.click(screen.getByRole("button", { name: "Collapse filter list" }));
+            expect(screen.queryByRole("option", { name: "Unreads" })).toBeNull();
+        });
+
+        it("should move active filter to front when collapsed and wrapping", () => {
+            render(<NarrowWithActiveWrappingFilter />);
+            mockUnreadWrapping();
+
+            const listbox = screen.getByRole("listbox", { name: "Room list filters" });
+            expect(listbox.children[0]).toBe(screen.getByRole("option", { name: "Unreads" }));
+        });
+
+        it("should restore original filter order when expanded", async () => {
+            const user = userEvent.setup();
+            render(<NarrowWithActiveWrappingFilter />);
+            mockUnreadWrapping();
+
+            await user.click(screen.getByRole("button", { name: "Expand filter list" }));
+
+            const listbox = screen.getByRole("listbox", { name: "Room list filters" });
+            expect(listbox.children[0]).toBe(screen.getByRole("option", { name: "People" }));
+        });
+
+        it("should handle resize from non-wrapping to wrapping", () => {
+            render(<NarrowContainer />);
+            mockFiltersNotWrapping();
+
+            expect(screen.queryByRole("button", { name: "Expand filter list" })).toBeNull();
+
+            mockUnreadWrapping();
+            expect(screen.getByRole("button", { name: "Expand filter list" })).toBeInTheDocument();
+        });
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.tsx b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.tsx
new file mode 100644
index 0000000000..561544a3a5
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.tsx
@@ -0,0 +1,116 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, useId, useState } from "react";
+import { ChatFilter, IconButton } from "@vector-im/compound-web";
+import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
+
+import { Flex } from "../../utils/Flex";
+import { _t } from "../../utils/i18n";
+import { useCollapseFilters } from "./useCollapseFilters";
+import { useVisibleFilters, type FilterId } from "./useVisibleFilters";
+import styles from "./RoomListPrimaryFilters.module.css";
+
+/**
+ * Maps filter IDs to translated labels
+ */
+const filterIdToLabel = (filterId: FilterId): string => {
+    switch (filterId) {
+        case "unread":
+            return _t("room_list|filters|unread");
+        case "people":
+            return _t("room_list|filters|people");
+        case "rooms":
+            return _t("room_list|filters|rooms");
+        case "favourite":
+            return _t("room_list|filters|favourite");
+        case "mentions":
+            return _t("room_list|filters|mentions");
+        case "invites":
+            return _t("room_list|filters|invites");
+        case "low_priority":
+            return _t("room_list|filters|low_priority");
+    }
+};
+
+/**
+ * Props for RoomListPrimaryFilters component
+ */
+export interface RoomListPrimaryFiltersProps {
+    /** Array of filter IDs to display */
+    filterIds: FilterId[];
+    /** Currently active filter ID (if any) */
+    activeFilterId?: FilterId;
+    /** Callback when a filter is toggled */
+    onToggleFilter: (filterId: FilterId) => void;
+}
+
+/**
+ * The primary filters component for the room list.
+ * Displays a collapsible list of filters with expand/collapse functionality.
+ */
+export const RoomListPrimaryFilters: React.FC<RoomListPrimaryFiltersProps> = ({
+    filterIds,
+    activeFilterId,
+    onToggleFilter,
+}): JSX.Element | null => {
+    const id = useId();
+    const [isExpanded, setIsExpanded] = useState(false);
+
+    const {
+        ref,
+        isWrapping: displayChevron,
+        wrappingIndex,
+    } = useCollapseFilters<HTMLUListElement>(isExpanded, "wrapping");
+    const visibleFilterIds = useVisibleFilters(filterIds, activeFilterId, wrappingIndex);
+
+    return (
+        <Flex
+            className={styles.roomListPrimaryFilters}
+            data-testid="primary-filters"
+            gap="var(--cpd-space-3x)"
+            direction="row-reverse"
+            justify="space-between"
+        >
+            {displayChevron && (
+                <IconButton
+                    kind="secondary"
+                    aria-expanded={isExpanded}
+                    aria-controls={id}
+                    className={styles.iconButton}
+                    aria-label={isExpanded ? _t("room_list|collapse_filters") : _t("room_list|expand_filters")}
+                    size="28px"
+                    onClick={() => setIsExpanded((expanded) => !expanded)}
+                >
+                    <ChevronDownIcon />
+                </IconButton>
+            )}
+            <Flex
+                id={id}
+                as="div"
+                role="listbox"
+                aria-label={_t("room_list|primary_filters")}
+                align="center"
+                gap="var(--cpd-space-2x)"
+                wrap="wrap"
+                className={styles.list}
+                ref={ref}
+            >
+                {visibleFilterIds.map((filterId, index) => (
+                    <ChatFilter
+                        key={`${filterId}-${index}`}
+                        role="option"
+                        selected={filterId === activeFilterId}
+                        onClick={() => onToggleFilter(filterId)}
+                    >
+                        {filterIdToLabel(filterId)}
+                    </ChatFilter>
+                ))}
+            </Flex>
+        </Flex>
+    );
+};
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/__snapshots__/RoomListPrimaryFilters.test.tsx.snap b/packages/shared-components/src/room-list/RoomListPrimaryFilters/__snapshots__/RoomListPrimaryFilters.test.tsx.snap
new file mode 100644
index 0000000000..74c281bde5
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/__snapshots__/RoomListPrimaryFilters.test.tsx.snap
@@ -0,0 +1,388 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders Default story 1`] = `
+<div>
+  <div
+    class="flex roomListPrimaryFilters"
+    data-testid="primary-filters"
+    style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-controls="_r_0_"
+      aria-expanded="false"
+      aria-label="Expand filter list"
+      class="_icon-button_1215g_8 iconButton"
+      data-kind="secondary"
+      role="button"
+      style="--cpd-icon-button-size: 28px;"
+      tabindex="0"
+    >
+      <div
+        class="_indicator-icon_147l5_17"
+        style="--cpd-icon-button-size: 100%;"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
+      </div>
+    </button>
+    <div
+      aria-label="Room list filters"
+      class="flex list"
+      id="_r_0_"
+      role="listbox"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+    >
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Unreads
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        People
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Rooms
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Favourites
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Mentions
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Invites
+      </button>
+      <button
+        aria-hidden="true"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8 wrapping"
+        role="option"
+        tabindex="0"
+      >
+        Low priority
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NarrowContainer story 1`] = `
+<div>
+  <div
+    style="width: 180px; border: 1px dashed var(--cpd-color-border-interactive-secondary);"
+  >
+    <div
+      class="flex roomListPrimaryFilters"
+      data-testid="primary-filters"
+      style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <button
+        aria-controls="_r_3_"
+        aria-expanded="false"
+        aria-label="Expand filter list"
+        class="_icon-button_1215g_8 iconButton"
+        data-kind="secondary"
+        role="button"
+        style="--cpd-icon-button-size: 28px;"
+        tabindex="0"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        aria-label="Room list filters"
+        class="flex list"
+        id="_r_3_"
+        role="listbox"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+      >
+        <button
+          aria-hidden="false"
+          aria-selected="false"
+          class="_chat-filter_5qdp0_8"
+          role="option"
+          tabindex="0"
+        >
+          People
+        </button>
+        <button
+          aria-hidden="false"
+          aria-selected="false"
+          class="_chat-filter_5qdp0_8"
+          role="option"
+          tabindex="0"
+        >
+          Rooms
+        </button>
+        <button
+          aria-hidden="true"
+          aria-selected="false"
+          class="_chat-filter_5qdp0_8 wrapping"
+          role="option"
+          tabindex="0"
+        >
+          Unreads
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NarrowWithActiveWrappingFilter story 1`] = `
+<div>
+  <div
+    style="width: 180px; border: 1px dashed var(--cpd-color-border-interactive-secondary);"
+  >
+    <div
+      class="flex roomListPrimaryFilters"
+      data-testid="primary-filters"
+      style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+    >
+      <button
+        aria-controls="_r_4_"
+        aria-expanded="false"
+        aria-label="Expand filter list"
+        class="_icon-button_1215g_8 iconButton"
+        data-kind="secondary"
+        role="button"
+        style="--cpd-icon-button-size: 28px;"
+        tabindex="0"
+      >
+        <div
+          class="_indicator-icon_147l5_17"
+          style="--cpd-icon-button-size: 100%;"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+            />
+          </svg>
+        </div>
+      </button>
+      <div
+        aria-label="Room list filters"
+        class="flex list"
+        id="_r_4_"
+        role="listbox"
+        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+      >
+        <button
+          aria-selected="true"
+          class="_chat-filter_5qdp0_8"
+          role="option"
+          tabindex="0"
+        >
+          Unreads
+        </button>
+        <button
+          aria-selected="false"
+          class="_chat-filter_5qdp0_8"
+          role="option"
+          tabindex="0"
+        >
+          People
+        </button>
+        <button
+          aria-selected="false"
+          class="_chat-filter_5qdp0_8"
+          role="option"
+          tabindex="0"
+        >
+          Rooms
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NoFilters story 1`] = `
+<div>
+  <div
+    class="flex roomListPrimaryFilters"
+    data-testid="primary-filters"
+    style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+  >
+    <div
+      aria-label="Room list filters"
+      class="flex list"
+      id="_r_2_"
+      role="listbox"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+    />
+  </div>
+</div>
+`;
+
+exports[`<RoomListPrimaryFilters /> stories > snapshots > renders PeopleSelected story 1`] = `
+<div>
+  <div
+    class="flex roomListPrimaryFilters"
+    data-testid="primary-filters"
+    style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+  >
+    <button
+      aria-controls="_r_1_"
+      aria-expanded="false"
+      aria-label="Expand filter list"
+      class="_icon-button_1215g_8 iconButton"
+      data-kind="secondary"
+      role="button"
+      style="--cpd-icon-button-size: 28px;"
+      tabindex="0"
+    >
+      <div
+        class="_indicator-icon_147l5_17"
+        style="--cpd-icon-button-size: 100%;"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
+      </div>
+    </button>
+    <div
+      aria-label="Room list filters"
+      class="flex list"
+      id="_r_1_"
+      role="listbox"
+      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+    >
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Unreads
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="true"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        People
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Rooms
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Favourites
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Mentions
+      </button>
+      <button
+        aria-hidden="false"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8"
+        role="option"
+        tabindex="0"
+      >
+        Invites
+      </button>
+      <button
+        aria-hidden="true"
+        aria-selected="false"
+        class="_chat-filter_5qdp0_8 wrapping"
+        role="option"
+        tabindex="0"
+      >
+        Low priority
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/index.tsx b/packages/shared-components/src/room-list/RoomListPrimaryFilters/index.tsx
new file mode 100644
index 0000000000..7697d4829c
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/index.tsx
@@ -0,0 +1,12 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { RoomListPrimaryFilters } from "./RoomListPrimaryFilters";
+export type { RoomListPrimaryFiltersProps } from "./RoomListPrimaryFilters";
+export { useCollapseFilters } from "./useCollapseFilters";
+export { useVisibleFilters } from "./useVisibleFilters";
+export type { FilterId } from "./useVisibleFilters";
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/useCollapseFilters.ts b/packages/shared-components/src/room-list/RoomListPrimaryFilters/useCollapseFilters.ts
new file mode 100644
index 0000000000..e3fbf74e54
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/useCollapseFilters.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { useEffect, useRef, useState, type RefObject } from "react";
+
+/**
+ * A hook to manage the wrapping of filters in the room list.
+ * It observes the filter list and hides filters that are wrapping when the list is not expanded.
+ * @param isExpanded
+ * @param wrappingClassName - the CSS class to apply to wrapping filters
+ * @returns an object containing:
+ * - `ref`: a ref to put on the filter list element
+ * - `isWrapping`: a boolean indicating if the filters are wrapping
+ * - `wrappingIndex`: the index of the first filter that is wrapping
+ */
+export function useCollapseFilters<T extends HTMLElement>(
+    isExpanded: boolean,
+    wrappingClassName: string,
+): {
+    ref: RefObject<T | null>;
+    isWrapping: boolean;
+    wrappingIndex: number;
+} {
+    const ref = useRef<T>(null);
+    const [isWrapping, setIsWrapping] = useState(false);
+    const [wrappingIndex, setWrappingIndex] = useState(-1);
+
+    useEffect(() => {
+        if (!ref.current) return;
+
+        const hideFilters = (list: Element): void => {
+            let isWrapping = false;
+            Array.from(list.children).forEach((node, i): void => {
+                const child = node as HTMLElement;
+                child.setAttribute("aria-hidden", "false");
+                child.classList.remove(wrappingClassName);
+
+                // If the filter list is expanded, all filters are visible
+                if (isExpanded) return;
+
+                // If the previous element is on the left element of the current one, it means that the filter is wrapping
+                const previousSibling = child.previousElementSibling as HTMLElement | null;
+                if (previousSibling && child.offsetLeft <= previousSibling.offsetLeft) {
+                    if (!isWrapping) setWrappingIndex(i);
+                    isWrapping = true;
+                }
+
+                // If the filter is wrapping, we hide it
+                child.classList.toggle(wrappingClassName, isWrapping);
+                child.setAttribute("aria-hidden", isWrapping.toString());
+            });
+
+            if (!isWrapping) setWrappingIndex(-1);
+            setIsWrapping(isExpanded || isWrapping);
+        };
+
+        hideFilters(ref.current);
+        const observer = new ResizeObserver((entries) => entries.forEach((entry) => hideFilters(entry.target)));
+
+        observer.observe(ref.current);
+        return () => {
+            observer.disconnect();
+        };
+    }, [isExpanded, wrappingClassName]);
+
+    return { ref, isWrapping, wrappingIndex };
+}
diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/useVisibleFilters.ts b/packages/shared-components/src/room-list/RoomListPrimaryFilters/useVisibleFilters.ts
new file mode 100644
index 0000000000..73a580b4d9
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/useVisibleFilters.ts
@@ -0,0 +1,55 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { useEffect, useState } from "react";
+
+/**
+ * Standard filter identifiers that can be used across implementations.
+ * These are stable keys - the view layer maps them to translated labels.
+ */
+export type FilterId = "unread" | "people" | "rooms" | "favourite" | "mentions" | "invites" | "low_priority";
+
+/**
+ * A hook to sort the filter IDs by active state.
+ * The list is sorted if the active filter index is greater than or equal to the wrapping index.
+ * If the wrapping index is -1, the filters are not sorted.
+ *
+ * @param filterIds - the list of filter IDs to sort.
+ * @param activeFilterId - the currently active filter ID (if any).
+ * @param wrappingIndex - the index of the first filter that is wrapping.
+ */
+export function useVisibleFilters(
+    filterIds: FilterId[],
+    activeFilterId: FilterId | undefined,
+    wrappingIndex: number,
+): FilterId[] {
+    // By default, the filters are not sorted
+    const [sortedFilterIds, setSortedFilterIds] = useState(filterIds);
+
+    useEffect(() => {
+        const activeIndex = activeFilterId ? filterIds.indexOf(activeFilterId) : -1;
+        const isActiveFilterWrapping = activeIndex >= wrappingIndex;
+        // If the active filter is not wrapping, we don't need to sort the filters
+        if (!isActiveFilterWrapping || wrappingIndex === -1) {
+            setSortedFilterIds(filterIds);
+            return;
+        }
+
+        // Sort the filters with the active filter at first position
+        setSortedFilterIds(
+            filterIds.slice().sort((filterA, filterB) => {
+                // If the filter is active, it should be at the top of the list
+                if (filterA === activeFilterId && filterB !== activeFilterId) return -1;
+                if (filterA !== activeFilterId && filterB === activeFilterId) return 1;
+                // If both filters are active or not, keep their original order
+                return 0;
+            }),
+        );
+    }, [filterIds, activeFilterId, wrappingIndex]);
+
+    return sortedFilterIds;
+}
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx
index 66f5af461c..d862cc4295 100644
--- a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx
@@ -14,7 +14,7 @@ import {
     type RoomListSearchViewActions,
     type RoomListSearchViewSnapshot,
 } from "./RoomListSearchView";
-import { useMockedViewModel } from "../../useMockedViewModel";
+import { useMockedViewModel } from "../../viewmodel";
 
 type RoomListSearchProps = RoomListSearchViewSnapshot & RoomListSearchViewActions;
 
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx
index 1a256d63b1..325d8516da 100644
--- a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.test.tsx
@@ -5,10 +5,11 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import { render, screen } from "jest-matrix-react";
+import { render, screen } from "@test-utils";
 import { composeStories } from "@storybook/react-vite";
 import React from "react";
 import userEvent from "@testing-library/user-event";
+import { describe, it, vi, afterEach, expect } from "vitest";
 
 import * as stories from "./RoomListSearchView.stories";
 import {
@@ -22,7 +23,7 @@ const { Default, WithDialPad, WithoutExplore, AllButtons } = composeStories(stor
 
 describe("RoomListSearchView", () => {
     afterEach(() => {
-        jest.clearAllMocks();
+        vi.clearAllMocks();
     });
 
     describe("Storybook snapshots", () => {
@@ -48,9 +49,9 @@ describe("RoomListSearchView", () => {
     });
 
     describe("User interactions", () => {
-        const onSearchClick = jest.fn();
-        const onDialPadClick = jest.fn();
-        const onExploreClick = jest.fn();
+        const onSearchClick = vi.fn();
+        const onDialPadClick = vi.fn();
+        const onExploreClick = vi.fn();
 
         class TestViewModel extends MockViewModel<RoomListSearchViewSnapshot> implements RoomListSearchViewActions {
             public onSearchClick = onSearchClick;
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx
index 0c652328ec..3b4218e02e 100644
--- a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx
+++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx
@@ -12,8 +12,7 @@ import SearchIcon from "@vector-im/compound-design-tokens/assets/web/icons/searc
 import DialPadIcon from "@vector-im/compound-design-tokens/assets/web/icons/dial-pad";
 
 import styles from "./RoomListSearchView.module.css";
-import { type ViewModel } from "../../viewmodel/ViewModel";
-import { useViewModel } from "../../useViewModel";
+import { type ViewModel, useViewModel } from "../../viewmodel";
 import { Flex } from "../../utils/Flex";
 import { useI18n } from "../../utils/i18nContext";
 
diff --git a/packages/shared-components/src/room-list/RoomListSearchView/__snapshots__/RoomListSearchView.test.tsx.snap b/packages/shared-components/src/room-list/RoomListSearchView/__snapshots__/RoomListSearchView.test.tsx.snap
index 689ea2ad8d..6c6a8ba373 100644
--- a/packages/shared-components/src/room-list/RoomListSearchView/__snapshots__/RoomListSearchView.test.tsx.snap
+++ b/packages/shared-components/src/room-list/RoomListSearchView/__snapshots__/RoomListSearchView.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`RoomListSearchView Storybook snapshots renders the default state 1`] = `
+exports[`RoomListSearchView > Storybook snapshots > renders the default state 1`] = `
 <div>
   <div
     class="flex view"
@@ -9,7 +9,7 @@ exports[`RoomListSearchView Storybook snapshots renders the default state 1`] =
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
   >
     <button
-      class="_button_187yx_8 search _has-icon_187yx_57"
+      class="_button_13vu4_8 search _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       id="room-list-search-button"
@@ -44,7 +44,7 @@ exports[`RoomListSearchView Storybook snapshots renders the default state 1`] =
     </button>
     <button
       aria-label="Explore rooms"
-      class="_button_187yx_8 _has-icon_187yx_57 _icon-only_187yx_50"
+      class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -67,7 +67,7 @@ exports[`RoomListSearchView Storybook snapshots renders the default state 1`] =
 </div>
 `;
 
-exports[`RoomListSearchView Storybook snapshots renders with all buttons visible 1`] = `
+exports[`RoomListSearchView > Storybook snapshots > renders with all buttons visible 1`] = `
 <div>
   <div
     class="flex view"
@@ -76,7 +76,7 @@ exports[`RoomListSearchView Storybook snapshots renders with all buttons visible
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
   >
     <button
-      class="_button_187yx_8 search _has-icon_187yx_57"
+      class="_button_13vu4_8 search _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       id="room-list-search-button"
@@ -111,7 +111,7 @@ exports[`RoomListSearchView Storybook snapshots renders with all buttons visible
     </button>
     <button
       aria-label="Open dial pad"
-      class="_button_187yx_8 _has-icon_187yx_57 _icon-only_187yx_50"
+      class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -132,7 +132,7 @@ exports[`RoomListSearchView Storybook snapshots renders with all buttons visible
     </button>
     <button
       aria-label="Explore rooms"
-      class="_button_187yx_8 _has-icon_187yx_57 _icon-only_187yx_50"
+      class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -155,7 +155,7 @@ exports[`RoomListSearchView Storybook snapshots renders with all buttons visible
 </div>
 `;
 
-exports[`RoomListSearchView Storybook snapshots renders with dial pad button 1`] = `
+exports[`RoomListSearchView > Storybook snapshots > renders with dial pad button 1`] = `
 <div>
   <div
     class="flex view"
@@ -164,7 +164,7 @@ exports[`RoomListSearchView Storybook snapshots renders with dial pad button 1`]
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
   >
     <button
-      class="_button_187yx_8 search _has-icon_187yx_57"
+      class="_button_13vu4_8 search _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       id="room-list-search-button"
@@ -199,7 +199,7 @@ exports[`RoomListSearchView Storybook snapshots renders with dial pad button 1`]
     </button>
     <button
       aria-label="Open dial pad"
-      class="_button_187yx_8 _has-icon_187yx_57 _icon-only_187yx_50"
+      class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -220,7 +220,7 @@ exports[`RoomListSearchView Storybook snapshots renders with dial pad button 1`]
     </button>
     <button
       aria-label="Explore rooms"
-      class="_button_187yx_8 _has-icon_187yx_57 _icon-only_187yx_50"
+      class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -243,7 +243,7 @@ exports[`RoomListSearchView Storybook snapshots renders with dial pad button 1`]
 </div>
 `;
 
-exports[`RoomListSearchView Storybook snapshots renders without explore button 1`] = `
+exports[`RoomListSearchView > Storybook snapshots > renders without explore button 1`] = `
 <div>
   <div
     class="flex view"
@@ -252,7 +252,7 @@ exports[`RoomListSearchView Storybook snapshots renders without explore button 1
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
   >
     <button
-      class="_button_187yx_8 search _has-icon_187yx_57"
+      class="_button_13vu4_8 search _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       id="room-list-search-button"
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.module.css b/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.module.css
new file mode 100644
index 0000000000..204e7615a4
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.module.css
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.genericPlaceholder {
+    align-self: center;
+    /** It should take 2/3 of the width **/
+    width: 66%;
+    /** It should be positioned at 1/3 of the height **/
+    padding-top: 33%;
+}
+
+.title {
+    font: var(--cpd-font-body-lg-semibold);
+    text-align: center;
+}
+
+.description {
+    font: var(--cpd-font-body-sm-regular);
+    color: var(--cpd-color-text-secondary);
+    text-align: center;
+}
+
+.defaultPlaceholder {
+    margin-top: var(--cpd-space-4x);
+}
+
+.genericPlaceholder button {
+    width: 100%;
+}
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.tsx
new file mode 100644
index 0000000000..12d26517b3
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.tsx
@@ -0,0 +1,182 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type PropsWithChildren, type ReactNode } from "react";
+import { Button } from "@vector-im/compound-web";
+import ChatIcon from "@vector-im/compound-design-tokens/assets/web/icons/chat";
+import RoomIcon from "@vector-im/compound-design-tokens/assets/web/icons/room";
+
+import { Flex } from "../../utils/Flex";
+import { _t } from "../../utils/i18n";
+import { useViewModel } from "../../viewmodel";
+import type { RoomListViewModel } from "./RoomListView";
+import styles from "./RoomListEmptyStateView.module.css";
+
+/**
+ * Props for RoomListEmptyStateView component
+ */
+export interface RoomListEmptyStateViewProps {
+    /** The view model containing all data and callbacks */
+    vm: RoomListViewModel;
+}
+
+/**
+ * Empty state component for the room list.
+ * Displays appropriate message and actions based on the active filter.
+ */
+export const RoomListEmptyStateView: React.FC<RoomListEmptyStateViewProps> = ({ vm }): JSX.Element => {
+    const snapshot = useViewModel(vm);
+
+    // If there is no active filter, show the default empty state
+    if (!snapshot.activeFilterId) {
+        return (
+            <GenericPlaceholder
+                title={_t("room_list|empty|no_chats")}
+                description={
+                    snapshot.canCreateRoom
+                        ? _t("room_list|empty|no_chats_description")
+                        : _t("room_list|empty|no_chats_description_no_room_rights")
+                }
+            >
+                <Flex
+                    className={styles.defaultPlaceholder}
+                    align="center"
+                    justify="center"
+                    direction="column"
+                    gap="var(--cpd-space-4x)"
+                >
+                    <Button size="sm" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
+                        {_t("action|start_chat")}
+                    </Button>
+                    {snapshot.canCreateRoom && (
+                        <Button size="sm" kind="secondary" Icon={RoomIcon} onClick={vm.createRoom}>
+                            {_t("action|new_room")}
+                        </Button>
+                    )}
+                </Flex>
+            </GenericPlaceholder>
+        );
+    }
+
+    // Handle different filter cases based on filter ID
+    switch (snapshot.activeFilterId) {
+        case "favourite":
+            return (
+                <GenericPlaceholder
+                    title={_t("room_list|empty|no_favourites")}
+                    description={_t("room_list|empty|no_favourites_description")}
+                />
+            );
+        case "people":
+            return (
+                <GenericPlaceholder
+                    title={_t("room_list|empty|no_people")}
+                    description={_t("room_list|empty|no_people_description")}
+                />
+            );
+        case "rooms":
+            return (
+                <GenericPlaceholder
+                    title={_t("room_list|empty|no_rooms")}
+                    description={_t("room_list|empty|no_rooms_description")}
+                />
+            );
+        case "unread":
+            return (
+                <ActionPlaceholder
+                    title={_t("room_list|empty|no_unread")}
+                    action={_t("room_list|empty|show_chats")}
+                    onAction={() => vm.onToggleFilter(snapshot.activeFilterId!)}
+                />
+            );
+        case "invites":
+            return (
+                <ActionPlaceholder
+                    title={_t("room_list|empty|no_invites")}
+                    action={_t("room_list|empty|show_activity")}
+                    onAction={() => vm.onToggleFilter(snapshot.activeFilterId!)}
+                />
+            );
+        case "mentions":
+            return (
+                <ActionPlaceholder
+                    title={_t("room_list|empty|no_mentions")}
+                    action={_t("room_list|empty|show_activity")}
+                    onAction={() => vm.onToggleFilter(snapshot.activeFilterId!)}
+                />
+            );
+        case "low_priority":
+            return (
+                <ActionPlaceholder
+                    title={_t("room_list|empty|no_lowpriority")}
+                    action={_t("room_list|empty|show_activity")}
+                    onAction={() => vm.onToggleFilter(snapshot.activeFilterId!)}
+                />
+            );
+        default:
+            return (
+                <GenericPlaceholder
+                    title={_t("room_list|empty|no_chats")}
+                    description={_t("room_list|empty|no_chats_description")}
+                />
+            );
+    }
+};
+
+interface GenericPlaceholderProps {
+    /** The title of the placeholder */
+    title: string;
+    /** The description of the placeholder */
+    description?: string;
+    /** Optional children (e.g., action buttons) */
+    children?: ReactNode;
+}
+
+/**
+ * A generic placeholder for the room list
+ */
+function GenericPlaceholder({ title, description, children }: PropsWithChildren<GenericPlaceholderProps>): JSX.Element {
+    return (
+        <Flex
+            data-testid="empty-room-list"
+            className={styles.genericPlaceholder}
+            direction="column"
+            align="stretch"
+            justify="center"
+            gap="var(--cpd-space-2x)"
+        >
+            <span className={styles.title}>{title}</span>
+            {description && <span className={styles.description}>{description}</span>}
+            {children}
+        </Flex>
+    );
+}
+
+interface ActionPlaceholderProps {
+    /** The title to display */
+    title: string;
+    /** The action button text */
+    action: string;
+    /** Callback when the action button is clicked */
+    onAction?: () => void;
+}
+
+/**
+ * A placeholder for the room list when a filter is active
+ * The user can take action to toggle the filter
+ */
+function ActionPlaceholder({ title, action, onAction }: ActionPlaceholderProps): JSX.Element {
+    return (
+        <GenericPlaceholder title={title}>
+            {onAction && (
+                <Button kind="tertiary" onClick={onAction}>
+                    {action}
+                </Button>
+            )}
+        </GenericPlaceholder>
+    );
+}
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListLoadingSkeleton.module.css b/packages/shared-components/src/room-list/RoomListView/RoomListLoadingSkeleton.module.css
new file mode 100644
index 0000000000..2f65f7969d
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListLoadingSkeleton.module.css
@@ -0,0 +1,24 @@
+/*
+ * Copyright 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.skeleton {
+    position: relative;
+    margin-left: 4px;
+    height: 100%;
+    flex: 1;
+}
+
+.skeleton::before {
+    background-color: var(--cpd-color-bg-subtle-secondary);
+    width: 100%;
+    height: 100%;
+    content: "";
+    position: absolute;
+    mask-repeat: repeat-y;
+    mask-size: auto 96px;
+    mask-image: url("./assets/skeleton.svg");
+}
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListLoadingSkeleton.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListLoadingSkeleton.tsx
new file mode 100644
index 0000000000..6ab8b80de3
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListLoadingSkeleton.tsx
@@ -0,0 +1,18 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+
+import styles from "./RoomListLoadingSkeleton.module.css";
+
+/**
+ * Loading skeleton component for the room list.
+ * Displays a repeating skeleton pattern while rooms are being fetched.
+ */
+export const RoomListLoadingSkeleton: React.FC = (): JSX.Element => {
+    return <div className={styles.skeleton} />;
+};
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx
new file mode 100644
index 0000000000..206307262e
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx
@@ -0,0 +1,221 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import type { Room } from "../RoomListItem/RoomListItem";
+import type { FilterId } from "../RoomListPrimaryFilters";
+import { RoomListView, type RoomListSnapshot, type RoomListViewActions } from "./RoomListView";
+import { useMockedViewModel } from "../../viewmodel";
+import {
+    renderAvatar,
+    createGetRoomItemViewModel,
+    mockRoomIds,
+    smallListRoomIds,
+    largeListRoomIds,
+} from "../story-mocks";
+
+type RoomListViewProps = RoomListSnapshot & RoomListViewActions & { renderAvatar: (room: Room) => React.ReactElement };
+
+const mockFilterIds: FilterId[] = ["unread", "people", "rooms", "favourite"];
+
+// Wrapper component that creates a mocked ViewModel
+const RoomListViewWrapper = ({
+    onToggleFilter,
+    createChatRoom,
+    createRoom,
+    getRoomItemViewModel,
+    updateVisibleRooms,
+    renderAvatar: renderAvatarProp,
+    ...rest
+}: RoomListViewProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onToggleFilter,
+        createChatRoom,
+        createRoom,
+        getRoomItemViewModel,
+        updateVisibleRooms,
+    });
+    return <RoomListView vm={vm} renderAvatar={renderAvatarProp} />;
+};
+
+const meta = {
+    title: "Room List/RoomListView",
+    component: RoomListViewWrapper,
+    tags: ["autodocs"],
+    decorators: [
+        (Story) => (
+            <div
+                style={{
+                    width: "320px",
+                    height: "600px",
+                    border: "1px solid var(--cpd-color-border-interactive-primary)",
+                    display: "flex",
+                    flexDirection: "column",
+                    resize: "horizontal",
+                    overflow: "auto",
+                    minWidth: "250px",
+                    maxWidth: "800px",
+                }}
+            >
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        // Snapshot properties (state)
+        isLoadingRooms: false,
+        isRoomListEmpty: false,
+        filterIds: mockFilterIds,
+        activeFilterId: undefined,
+        roomListState: {
+            activeRoomIndex: undefined,
+            spaceId: "!space:server",
+            filterKeys: undefined,
+        },
+        roomIds: mockRoomIds,
+        canCreateRoom: true,
+        // Action properties (callbacks)
+        onToggleFilter: fn(),
+        createChatRoom: fn(),
+        createRoom: fn(),
+        getRoomItemViewModel: createGetRoomItemViewModel(mockRoomIds),
+        updateVisibleRooms: fn(),
+        renderAvatar,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel?node-id=2925-19126",
+        },
+    },
+} satisfies Meta<typeof RoomListViewWrapper>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Loading: Story = {
+    args: {
+        isLoadingRooms: true,
+    },
+};
+
+export const Empty: Story = {
+    args: {
+        isRoomListEmpty: true,
+    },
+};
+
+export const EmptyWithoutCreatePermission: Story = {
+    args: {
+        isRoomListEmpty: true,
+        canCreateRoom: false,
+    },
+};
+
+export const WithActiveFilter: Story = {
+    args: {
+        filterIds: ["unread", "people", "rooms", "favourite"],
+        activeFilterId: "favourite",
+        roomListState: {
+            activeRoomIndex: undefined,
+            spaceId: "!space:server",
+            filterKeys: ["favourites"],
+        },
+    },
+};
+
+export const WithSelection: Story = {
+    args: {
+        roomListState: {
+            activeRoomIndex: 0,
+            spaceId: "!space:server",
+            filterKeys: undefined,
+        },
+    },
+};
+
+export const EmptyFavouriteFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["favourite", "people"],
+        activeFilterId: "favourite",
+    },
+};
+
+export const EmptyPeopleFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["people", "rooms"],
+        activeFilterId: "people",
+    },
+};
+
+export const EmptyRoomsFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["rooms", "people"],
+        activeFilterId: "rooms",
+    },
+};
+
+export const EmptyUnreadFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["unread", "people"],
+        activeFilterId: "unread",
+    },
+};
+
+export const EmptyInvitesFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["invites", "people"],
+        activeFilterId: "invites",
+    },
+};
+
+export const EmptyMentionsFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["mentions", "people"],
+        activeFilterId: "mentions",
+    },
+};
+
+export const EmptyLowPriorityFilter: Story = {
+    args: {
+        isRoomListEmpty: true,
+        roomIds: [],
+        filterIds: ["low_priority", "people"],
+        activeFilterId: "low_priority",
+    },
+};
+
+export const SmallList: Story = {
+    args: {
+        roomIds: smallListRoomIds,
+        getRoomItemViewModel: createGetRoomItemViewModel(smallListRoomIds),
+    },
+};
+
+export const LargeList: Story = {
+    args: {
+        roomIds: largeListRoomIds,
+        getRoomItemViewModel: createGetRoomItemViewModel(largeListRoomIds),
+    },
+};
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.test.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.test.tsx
new file mode 100644
index 0000000000..15237eed7e
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.test.tsx
@@ -0,0 +1,177 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render, screen } from "@test-utils";
+import userEvent from "@testing-library/user-event";
+import { VirtuosoMockContext } from "react-virtuoso";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./RoomListView.stories";
+
+const {
+    Default,
+    Loading,
+    Empty,
+    EmptyWithoutCreatePermission,
+    WithActiveFilter,
+    SmallList,
+    LargeList,
+    EmptyFavouriteFilter,
+    EmptyPeopleFilter,
+    EmptyRoomsFilter,
+    EmptyUnreadFilter,
+    EmptyInvitesFilter,
+    EmptyMentionsFilter,
+    EmptyLowPriorityFilter,
+} = composeStories(stories);
+
+const renderWithMockContext = (component: React.ReactElement): ReturnType<typeof render> => {
+    return render(component, {
+        wrapper: ({ children }) => (
+            <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 48 }}>
+                {children}
+            </VirtuosoMockContext.Provider>
+        ),
+    });
+};
+
+describe("<RoomListView />", () => {
+    it("renders Default story", () => {
+        const { container } = renderWithMockContext(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders Loading story", () => {
+        const { container } = renderWithMockContext(<Loading />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders Empty story", () => {
+        const { container } = renderWithMockContext(<Empty />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyWithoutCreatePermission story", () => {
+        const { container } = renderWithMockContext(<EmptyWithoutCreatePermission />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders WithActiveFilter story", () => {
+        const { container } = renderWithMockContext(<WithActiveFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders SmallList story", () => {
+        const { container } = renderWithMockContext(<SmallList />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders LargeList story", () => {
+        const { container } = renderWithMockContext(<LargeList />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyFavouriteFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyFavouriteFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyPeopleFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyPeopleFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyRoomsFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyRoomsFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyUnreadFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyUnreadFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyInvitesFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyInvitesFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyMentionsFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyMentionsFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders EmptyLowPriorityFilter story", () => {
+        const { container } = renderWithMockContext(<EmptyLowPriorityFilter />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should call onToggleFilter when filter is clicked", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<Default />);
+
+        await user.click(screen.getByRole("option", { name: "People" }));
+
+        expect(Default.args.onToggleFilter).toHaveBeenCalled();
+    });
+
+    it("should call createRoom when New room button is clicked", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<Empty />);
+
+        await user.click(screen.getByRole("button", { name: "New room" }));
+
+        expect(Empty.args.createRoom).toHaveBeenCalled();
+    });
+
+    it("should call createChatRoom when Start chat button is clicked", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<Empty />);
+
+        await user.click(screen.getByRole("button", { name: "Start chat" }));
+
+        expect(Empty.args.createChatRoom).toHaveBeenCalled();
+    });
+
+    it("should call onToggleFilter when Show all chats is clicked in unread empty state", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<EmptyUnreadFilter />);
+
+        await user.click(screen.getByRole("button", { name: "Show all chats" }));
+
+        expect(EmptyUnreadFilter.args.onToggleFilter).toHaveBeenCalled();
+    });
+
+    it("should call onToggleFilter when See all activity is clicked in invites empty state", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<EmptyInvitesFilter />);
+
+        await user.click(screen.getByRole("button", { name: "See all activity" }));
+
+        expect(EmptyInvitesFilter.args.onToggleFilter).toHaveBeenCalled();
+    });
+
+    it("should call onToggleFilter when See all activity is clicked in mentions empty state", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<EmptyMentionsFilter />);
+
+        await user.click(screen.getByRole("button", { name: "See all activity" }));
+
+        expect(EmptyMentionsFilter.args.onToggleFilter).toHaveBeenCalled();
+    });
+
+    it("should call onToggleFilter when See all activity is clicked in low priority empty state", async () => {
+        const user = userEvent.setup();
+        renderWithMockContext(<EmptyLowPriorityFilter />);
+
+        await user.click(screen.getByRole("button", { name: "See all activity" }));
+
+        expect(EmptyLowPriorityFilter.args.onToggleFilter).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx
new file mode 100644
index 0000000000..491c28d7d1
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx
@@ -0,0 +1,101 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX, type ReactNode } from "react";
+
+import { useViewModel, type ViewModel } from "../../viewmodel";
+import { RoomListPrimaryFilters, type FilterId } from "../RoomListPrimaryFilters";
+import { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
+import { RoomListEmptyStateView } from "./RoomListEmptyStateView";
+import { VirtualizedRoomListView, type RoomListViewState } from "../VirtualizedRoomListView";
+import { type Room } from "../RoomListItem";
+
+/**
+ * Snapshot for the room list view
+ */
+export type RoomListSnapshot = {
+    /** Whether the rooms are currently loading */
+    isLoadingRooms: boolean;
+    /** Whether the room list is empty */
+    isRoomListEmpty: boolean;
+    /** Array of filter IDs */
+    filterIds: FilterId[];
+    /** Currently active filter ID (if any) */
+    activeFilterId?: FilterId;
+    /** Room list state */
+    roomListState: RoomListViewState;
+    /** Array of room IDs for virtualization */
+    roomIds: string[];
+    /** Optional description for the empty state */
+    emptyStateDescription?: string;
+    /** Optional action element for the empty state */
+    emptyStateAction?: ReactNode;
+    /** Whether the user can create rooms */
+    canCreateRoom?: boolean;
+};
+
+/**
+ * Actions interface for room list operations
+ */
+export interface RoomListViewActions {
+    /** Called when a filter is toggled */
+    onToggleFilter: (filterId: FilterId) => void;
+    /** Called to create a new chat room */
+    createChatRoom: () => void;
+    /** Called to create a new room */
+    createRoom: () => void;
+    /** Get view model for a specific room (virtualization API) */
+    getRoomItemViewModel: (roomId: string) => any;
+    /** Called when the visible range changes (virtualization API) */
+    updateVisibleRooms: (startIndex: number, endIndex: number) => void;
+}
+
+/**
+ * The view model type for the room list view
+ */
+export type RoomListViewModel = ViewModel<RoomListSnapshot> & RoomListViewActions;
+
+/**
+ * Props for RoomListView component
+ */
+export interface RoomListViewProps {
+    /** The view model containing all data and callbacks */
+    vm: RoomListViewModel;
+    /** Render function for room avatar */
+    renderAvatar: (room: Room) => ReactNode;
+    /** Optional callback for keyboard events on the room list */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+
+/**
+ * Room list view component that manages filters, loading states, empty states, and the room list.
+ */
+export const RoomListView: React.FC<RoomListViewProps> = ({ vm, renderAvatar, onKeyDown }): JSX.Element => {
+    const snapshot = useViewModel(vm);
+    let listBody: ReactNode;
+
+    if (snapshot.isLoadingRooms) {
+        listBody = <RoomListLoadingSkeleton />;
+    } else if (snapshot.isRoomListEmpty) {
+        listBody = <RoomListEmptyStateView vm={vm} />;
+    } else {
+        listBody = <VirtualizedRoomListView vm={vm} renderAvatar={renderAvatar} onKeyDown={onKeyDown} />;
+    }
+
+    return (
+        <>
+            <div>
+                <RoomListPrimaryFilters
+                    filterIds={snapshot.filterIds}
+                    activeFilterId={snapshot.activeFilterId}
+                    onToggleFilter={vm.onToggleFilter}
+                />
+            </div>
+            {listBody}
+        </>
+    );
+};
diff --git a/packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap b/packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap
new file mode 100644
index 0000000000..c518632039
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap
@@ -0,0 +1,11387 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<RoomListView /> > renders Default story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_0_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      aria-label="Room list"
+      data-testid="room-list"
+      data-virtuoso-scroller="true"
+      role="listbox"
+      style="height: 100%; outline: none; overflow-y: auto; position: relative;"
+      tabindex="0"
+    >
+      <div
+        data-viewport-type="element"
+        style="height: 100%; position: absolute; top: 0px; width: 100%;"
+      >
+        <div
+          data-testid="virtuoso-item-list"
+          style="box-sizing: border-box; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;"
+        >
+          <div
+            data-index="0"
+            data-item-index="0"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room General"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="General avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                GE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="General"
+                  >
+                    General
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in General"
+                  >
+                    Last message in General
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_3_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_1_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_a_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_8_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <div
+                      class="_unread-counter_1147r_8"
+                    />
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="1"
+            data-item-index="1"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Random"
+              aria-posinset="2"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Random avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Random"
+                  >
+                    Random
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_h_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_f_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_o_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_m_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="2"
+            data-item-index="2"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Engineering"
+              aria-posinset="3"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Engineering avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                EN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Engineering"
+                  >
+                    Engineering
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Engineering"
+                  >
+                    Last message in Engineering
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_v_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_t_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_16_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_14_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="3"
+            data-item-index="3"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Design"
+              aria-posinset="4"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Design avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                DE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Design"
+                  >
+                    Design
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_1d_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_1b_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_1k_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_1i_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="4"
+            data-item-index="4"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Product"
+              aria-posinset="5"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Product avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Product"
+                  >
+                    Product
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Product"
+                  >
+                    Last message in Product
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_1r_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_1p_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_22_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_20_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="5"
+            data-item-index="5"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Marketing with 5 unread mentions."
+              aria-posinset="6"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Marketing avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                MA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Marketing"
+                  >
+                    Marketing
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_29_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_27_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_2g_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_2e_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      5
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="6"
+            data-item-index="6"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Sales"
+              aria-posinset="7"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Sales avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Sales"
+                  >
+                    Sales
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Sales"
+                  >
+                    Last message in Sales
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_2n_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_2l_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_2u_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_2s_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="7"
+            data-item-index="7"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Support"
+              aria-posinset="8"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Support avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Support"
+                  >
+                    Support
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_35_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_33_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_3c_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_3a_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="8"
+            data-item-index="8"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Announcements"
+              aria-posinset="9"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Announcements avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                AN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Announcements"
+                  >
+                    Announcements
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Announcements"
+                  >
+                    Last message in Announcements
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_3j_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_3h_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_3q_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_3o_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="9"
+            data-item-index="9"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Off-topic"
+              aria-posinset="10"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Off-topic avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                OF
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Off-topic"
+                  >
+                    Off-topic
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_41_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_3v_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_48_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_46_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="10"
+            data-item-index="10"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Alpha with 10 unread mentions."
+              aria-posinset="11"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Alpha avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Alpha"
+                  >
+                    Team Alpha
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Team Alpha"
+                  >
+                    Last message in Team Alpha
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_4f_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_4d_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_4m_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_4k_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      10
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="11"
+            data-item-index="11"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Beta"
+              aria-posinset="12"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Beta avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Beta"
+                  >
+                    Team Beta
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_4t_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_4r_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_54_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_52_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="12"
+            data-item-index="12"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project X"
+              aria-posinset="13"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project X avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project X"
+                  >
+                    Project X
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Project X"
+                  >
+                    Last message in Project X
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_5b_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_59_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_5i_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_5g_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="13"
+            data-item-index="13"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project Y"
+              aria-posinset="14"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project Y avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project Y"
+                  >
+                    Project Y
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_5p_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_5n_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_60_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_5u_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="14"
+            data-item-index="14"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Water Cooler"
+              aria-posinset="15"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Water Cooler avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                WA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Water Cooler"
+                  >
+                    Water Cooler
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Water Cooler"
+                  >
+                    Last message in Water Cooler
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_67_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_65_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_6e_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_6c_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="15"
+            data-item-index="15"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Feedback with 15 unread mentions."
+              aria-posinset="16"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Feedback avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Feedback"
+                  >
+                    Feedback
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_6l_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_6j_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_6s_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_6q_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      15
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="16"
+            data-item-index="16"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Ideas"
+              aria-posinset="17"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Ideas avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                ID
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Ideas"
+                  >
+                    Ideas
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Ideas"
+                  >
+                    Last message in Ideas
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_73_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_71_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_7a_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_78_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="17"
+            data-item-index="17"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Bugs"
+              aria-posinset="18"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Bugs avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                BU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Bugs"
+                  >
+                    Bugs
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_7h_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_7f_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_7o_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_7m_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="18"
+            data-item-index="18"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Features"
+              aria-posinset="19"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Features avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Features"
+                  >
+                    Features
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Features"
+                  >
+                    Last message in Features
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_7v_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_7t_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_86_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_84_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="19"
+            data-item-index="19"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Releases"
+              aria-posinset="20"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Releases avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Releases"
+                  >
+                    Releases
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_8d_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_8b_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_8k_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_8i_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders Empty story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_a2_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        No chats yet
+      </span>
+      <span
+        class="description"
+      >
+        Get started by messaging someone or by creating a room
+      </span>
+      <div
+        class="flex defaultPlaceholder"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
+      >
+        <button
+          class="_button_13vu4_8 _has-icon_13vu4_60"
+          data-kind="secondary"
+          data-size="sm"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            height="20"
+            viewBox="0 0 24 24"
+            width="20"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
+            />
+          </svg>
+          Start chat
+        </button>
+        <button
+          class="_button_13vu4_8 _has-icon_13vu4_60"
+          data-kind="secondary"
+          data-size="sm"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            height="20"
+            viewBox="0 0 24 24"
+            width="20"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m8.566 17-.944 4.094q-.086.406-.372.656t-.687.25q-.543 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.801-3.5H3.158q-.572 0-.916-.484a1.27 1.27 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12q-.57 0-.915-.484a1.27 1.27 0 0 1-.2-1.078A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094q.085-.406.372-.656.286-.25.686-.25.544 0 .887.469.345.468.2 1.031l-.8 3.5h4.578l.944-4.094q.085-.406.372-.656.286-.25.687-.25.543 0 .887.469t.2 1.031L17.723 7h3.119q.573 0 .916.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937H17.15l-1.145 5h3.12q.57 0 .915.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937h-3.691l-.944 4.094q-.087.406-.373.656t-.686.25q-.544 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.8-3.5zm.573-2.5h4.578l1.144-5h-4.578z"
+            />
+          </svg>
+          New room
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyFavouriteFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19n_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        You don't have favourite chats yet
+      </span>
+      <span
+        class="description"
+      >
+        You can add a chat to your favourites in the chat settings
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyInvitesFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19r_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Invites
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        You don't have any unread invites
+      </span>
+      <button
+        class="_button_13vu4_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        See all activity
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyLowPriorityFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19t_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Low priority
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        You don't have any low priority rooms
+      </span>
+      <button
+        class="_button_13vu4_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        See all activity
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyMentionsFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19s_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Mentions
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        You don't have any unread mentions
+      </span>
+      <button
+        class="_button_13vu4_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        See all activity
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyPeopleFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19o_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        You don’t have direct chats with anyone yet
+      </span>
+      <span
+        class="description"
+      >
+        You can deselect filters in order to see your other chats
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyRoomsFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19p_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        You’re not in any room yet
+      </span>
+      <span
+        class="description"
+      >
+        You can deselect filters in order to see your other chats
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyUnreadFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_19q_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        Congrats! You don’t have any unread messages
+      </span>
+      <button
+        class="_button_13vu4_8"
+        data-kind="tertiary"
+        data-size="lg"
+        role="button"
+        tabindex="0"
+      >
+        Show all chats
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders EmptyWithoutCreatePermission story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_a3_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex genericPlaceholder"
+      data-testid="empty-room-list"
+      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+    >
+      <span
+        class="title"
+      >
+        No chats yet
+      </span>
+      <span
+        class="description"
+      >
+        Get started by messaging someone
+      </span>
+      <div
+        class="flex defaultPlaceholder"
+        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
+      >
+        <button
+          class="_button_13vu4_8 _has-icon_13vu4_60"
+          data-kind="secondary"
+          data-size="sm"
+          role="button"
+          tabindex="0"
+        >
+          <svg
+            aria-hidden="true"
+            fill="currentColor"
+            height="20"
+            viewBox="0 0 24 24"
+            width="20"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
+            />
+          </svg>
+          Start chat
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders LargeList story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_mm_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      aria-label="Room list"
+      data-testid="room-list"
+      data-virtuoso-scroller="true"
+      role="listbox"
+      style="height: 100%; outline: none; overflow-y: auto; position: relative;"
+      tabindex="0"
+    >
+      <div
+        data-viewport-type="element"
+        style="height: 100%; position: absolute; top: 0px; width: 100%;"
+      >
+        <div
+          data-testid="virtuoso-item-list"
+          style="box-sizing: border-box; margin-top: 0px; padding-bottom: 2976px; padding-top: 0px;"
+        >
+          <div
+            data-index="0"
+            data-item-index="0"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room General"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="General avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                GE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="General"
+                  >
+                    General
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in General"
+                  >
+                    Last message in General
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_mp_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_mn_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_n0_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_mu_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <div
+                      class="_unread-counter_1147r_8"
+                    />
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="1"
+            data-item-index="1"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Random"
+              aria-posinset="2"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Random avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Random"
+                  >
+                    Random
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_n7_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_n5_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ne_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_nc_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="2"
+            data-item-index="2"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Engineering"
+              aria-posinset="3"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Engineering avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                EN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Engineering"
+                  >
+                    Engineering
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Engineering"
+                  >
+                    Last message in Engineering
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_nl_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_nj_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ns_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_nq_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="3"
+            data-item-index="3"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Design"
+              aria-posinset="4"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Design avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                DE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Design"
+                  >
+                    Design
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_o3_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_o1_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_oa_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_o8_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="4"
+            data-item-index="4"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Product"
+              aria-posinset="5"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Product avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Product"
+                  >
+                    Product
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Product"
+                  >
+                    Last message in Product
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_oh_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_of_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_oo_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_om_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="5"
+            data-item-index="5"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Marketing with 5 unread mentions."
+              aria-posinset="6"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Marketing avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                MA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Marketing"
+                  >
+                    Marketing
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_ov_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ot_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_p6_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_p4_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      5
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="6"
+            data-item-index="6"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Sales"
+              aria-posinset="7"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Sales avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Sales"
+                  >
+                    Sales
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Sales"
+                  >
+                    Last message in Sales
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_pd_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_pb_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_pk_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_pi_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="7"
+            data-item-index="7"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Support"
+              aria-posinset="8"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Support avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Support"
+                  >
+                    Support
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_pr_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_pp_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_q2_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_q0_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="8"
+            data-item-index="8"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Announcements"
+              aria-posinset="9"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Announcements avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                AN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Announcements"
+                  >
+                    Announcements
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Announcements"
+                  >
+                    Last message in Announcements
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_q9_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_q7_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_qg_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_qe_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="9"
+            data-item-index="9"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Off-topic"
+              aria-posinset="10"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Off-topic avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                OF
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Off-topic"
+                  >
+                    Off-topic
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_qn_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ql_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_qu_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_qs_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="10"
+            data-item-index="10"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Alpha with 10 unread mentions."
+              aria-posinset="11"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Alpha avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Alpha"
+                  >
+                    Team Alpha
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Team Alpha"
+                  >
+                    Last message in Team Alpha
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_r5_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_r3_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_rc_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ra_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      10
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="11"
+            data-item-index="11"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Beta"
+              aria-posinset="12"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Beta avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Beta"
+                  >
+                    Team Beta
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_rj_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_rh_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_rq_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ro_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="12"
+            data-item-index="12"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project X"
+              aria-posinset="13"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project X avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project X"
+                  >
+                    Project X
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Project X"
+                  >
+                    Last message in Project X
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_s1_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_rv_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_s8_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_s6_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="13"
+            data-item-index="13"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project Y"
+              aria-posinset="14"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project Y avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project Y"
+                  >
+                    Project Y
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_sf_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_sd_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_sm_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_sk_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="14"
+            data-item-index="14"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Water Cooler"
+              aria-posinset="15"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Water Cooler avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                WA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Water Cooler"
+                  >
+                    Water Cooler
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Water Cooler"
+                  >
+                    Last message in Water Cooler
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_st_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_sr_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_t4_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_t2_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="15"
+            data-item-index="15"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Feedback with 15 unread mentions."
+              aria-posinset="16"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Feedback avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Feedback"
+                  >
+                    Feedback
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_tb_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_t9_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ti_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_tg_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      15
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="16"
+            data-item-index="16"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Ideas"
+              aria-posinset="17"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Ideas avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                ID
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Ideas"
+                  >
+                    Ideas
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Ideas"
+                  >
+                    Last message in Ideas
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_tp_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_tn_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_u0_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_tu_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="17"
+            data-item-index="17"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Bugs"
+              aria-posinset="18"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Bugs avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                BU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Bugs"
+                  >
+                    Bugs
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_u7_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_u5_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ue_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_uc_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="18"
+            data-item-index="18"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Features"
+              aria-posinset="19"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Features avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Features"
+                  >
+                    Features
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Features"
+                  >
+                    Last message in Features
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_ul_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_uj_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_us_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_uq_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="19"
+            data-item-index="19"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Releases"
+              aria-posinset="20"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Releases avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Releases"
+                  >
+                    Releases
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_v3_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_v1_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_va_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_v8_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="20"
+            data-item-index="20"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room General with 20 unread mentions."
+              aria-posinset="21"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="General avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                GE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="General"
+                  >
+                    General
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in General"
+                  >
+                    Last message in General
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_vh_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_vf_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_vo_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_vm_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      20
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="21"
+            data-item-index="21"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Random"
+              aria-posinset="22"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Random avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Random"
+                  >
+                    Random
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_vv_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_vt_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_106_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_104_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="22"
+            data-item-index="22"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Engineering"
+              aria-posinset="23"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Engineering avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                EN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Engineering"
+                  >
+                    Engineering
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Engineering"
+                  >
+                    Last message in Engineering
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_10d_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_10b_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_10k_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_10i_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="23"
+            data-item-index="23"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Design"
+              aria-posinset="24"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Design avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                DE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Design"
+                  >
+                    Design
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_10r_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_10p_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_112_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_110_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="24"
+            data-item-index="24"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Product"
+              aria-posinset="25"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Product avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Product"
+                  >
+                    Product
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Product"
+                  >
+                    Last message in Product
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_119_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_117_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_11g_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_11e_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="25"
+            data-item-index="25"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Marketing with 25 unread mentions."
+              aria-posinset="26"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Marketing avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                MA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Marketing"
+                  >
+                    Marketing
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_11n_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_11l_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_11u_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_11s_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      25
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="26"
+            data-item-index="26"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Sales"
+              aria-posinset="27"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Sales avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Sales"
+                  >
+                    Sales
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Sales"
+                  >
+                    Last message in Sales
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_125_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_123_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_12c_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_12a_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="27"
+            data-item-index="27"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Support"
+              aria-posinset="28"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Support avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Support"
+                  >
+                    Support
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_12j_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_12h_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_12q_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_12o_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="28"
+            data-item-index="28"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Announcements"
+              aria-posinset="29"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Announcements avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                AN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Announcements"
+                  >
+                    Announcements
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Announcements"
+                  >
+                    Last message in Announcements
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_131_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_12v_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_138_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_136_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="29"
+            data-item-index="29"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Off-topic"
+              aria-posinset="30"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Off-topic avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                OF
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Off-topic"
+                  >
+                    Off-topic
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_13f_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_13d_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_13m_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_13k_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="30"
+            data-item-index="30"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Alpha with 30 unread mentions."
+              aria-posinset="31"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Alpha avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Alpha"
+                  >
+                    Team Alpha
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Team Alpha"
+                  >
+                    Last message in Team Alpha
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_13t_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_13r_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_144_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_142_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      30
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="31"
+            data-item-index="31"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Beta"
+              aria-posinset="32"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Beta avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Beta"
+                  >
+                    Team Beta
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_14b_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_149_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_14i_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_14g_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="32"
+            data-item-index="32"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project X"
+              aria-posinset="33"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project X avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project X"
+                  >
+                    Project X
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Project X"
+                  >
+                    Last message in Project X
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_14p_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_14n_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_150_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_14u_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="33"
+            data-item-index="33"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project Y"
+              aria-posinset="34"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project Y avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project Y"
+                  >
+                    Project Y
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_157_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_155_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_15e_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_15c_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="34"
+            data-item-index="34"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Water Cooler"
+              aria-posinset="35"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Water Cooler avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                WA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Water Cooler"
+                  >
+                    Water Cooler
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Water Cooler"
+                  >
+                    Last message in Water Cooler
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_15l_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_15j_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_15s_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_15q_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="35"
+            data-item-index="35"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Feedback with 35 unread mentions."
+              aria-posinset="36"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Feedback avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Feedback"
+                  >
+                    Feedback
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_163_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_161_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_16a_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_168_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      35
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="36"
+            data-item-index="36"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Ideas"
+              aria-posinset="37"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Ideas avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                ID
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Ideas"
+                  >
+                    Ideas
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Ideas"
+                  >
+                    Last message in Ideas
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_16h_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_16f_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_16o_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_16m_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="37"
+            data-item-index="37"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Bugs"
+              aria-posinset="38"
+              aria-selected="false"
+              aria-setsize="100"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Bugs avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                BU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Bugs"
+                  >
+                    Bugs
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_16v_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_16t_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_176_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_174_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders Loading story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_a1_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      class="skeleton"
+    />
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders SmallList story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_k5_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      aria-label="Room list"
+      data-testid="room-list"
+      data-virtuoso-scroller="true"
+      role="listbox"
+      style="height: 100%; outline: none; overflow-y: auto; position: relative;"
+      tabindex="0"
+    >
+      <div
+        data-viewport-type="element"
+        style="height: 100%; position: absolute; top: 0px; width: 100%;"
+      >
+        <div
+          data-testid="virtuoso-item-list"
+          style="box-sizing: border-box; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;"
+        >
+          <div
+            data-index="0"
+            data-item-index="0"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room General"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="5"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="General avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                GE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="General"
+                  >
+                    General
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in General"
+                  >
+                    Last message in General
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_k8_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_k6_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_kf_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_kd_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <div
+                      class="_unread-counter_1147r_8"
+                    />
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="1"
+            data-item-index="1"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Random"
+              aria-posinset="2"
+              aria-selected="false"
+              aria-setsize="5"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Random avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Random"
+                  >
+                    Random
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_km_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_kk_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_kt_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_kr_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="2"
+            data-item-index="2"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Engineering"
+              aria-posinset="3"
+              aria-selected="false"
+              aria-setsize="5"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Engineering avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                EN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Engineering"
+                  >
+                    Engineering
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Engineering"
+                  >
+                    Last message in Engineering
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_l4_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_l2_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_lb_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_l9_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="3"
+            data-item-index="3"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Design"
+              aria-posinset="4"
+              aria-selected="false"
+              aria-setsize="5"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Design avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                DE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Design"
+                  >
+                    Design
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_li_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_lg_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_lp_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ln_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="4"
+            data-item-index="4"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Product"
+              aria-posinset="5"
+              aria-selected="false"
+              aria-setsize="5"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Product avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Product"
+                  >
+                    Product
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Product"
+                  >
+                    Last message in Product
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_m0_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_lu_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_m7_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_m5_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<RoomListView /> > renders WithActiveFilter story 1`] = `
+<div>
+  <div
+    style="width: 320px; height: 600px; border: 1px solid var(--cpd-color-border-interactive-primary); display: flex; flex-direction: column; resize: horizontal; overflow: auto; min-width: 250px; max-width: 800px;"
+  >
+    <div>
+      <div
+        class="flex roomListPrimaryFilters"
+        data-testid="primary-filters"
+        style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+      >
+        <div
+          aria-label="Room list filters"
+          class="flex list"
+          id="_r_a4_"
+          role="listbox"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
+        >
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Unreads
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            People
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="false"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Rooms
+          </button>
+          <button
+            aria-hidden="false"
+            aria-selected="true"
+            class="_chat-filter_5qdp0_8"
+            role="option"
+            tabindex="0"
+          >
+            Favourites
+          </button>
+        </div>
+      </div>
+    </div>
+    <div
+      aria-label="Room list"
+      data-testid="room-list"
+      data-virtuoso-scroller="true"
+      role="listbox"
+      style="height: 100%; outline: none; overflow-y: auto; position: relative;"
+      tabindex="0"
+    >
+      <div
+        data-viewport-type="element"
+        style="height: 100%; position: absolute; top: 0px; width: 100%;"
+      >
+        <div
+          data-testid="virtuoso-item-list"
+          style="box-sizing: border-box; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;"
+        >
+          <div
+            data-index="0"
+            data-item-index="0"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room General"
+              aria-posinset="1"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="General avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                GE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="General"
+                  >
+                    General
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in General"
+                  >
+                    Last message in General
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_a7_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_a5_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ae_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ac_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <div
+                      class="_unread-counter_1147r_8"
+                    />
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="1"
+            data-item-index="1"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Random"
+              aria-posinset="2"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Random avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Random"
+                  >
+                    Random
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_al_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_aj_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_as_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_aq_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="2"
+            data-item-index="2"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Engineering"
+              aria-posinset="3"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Engineering avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                EN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Engineering"
+                  >
+                    Engineering
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Engineering"
+                  >
+                    Last message in Engineering
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_b3_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_b1_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ba_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_b8_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="3"
+            data-item-index="3"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Design"
+              aria-posinset="4"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Design avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                DE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Design"
+                  >
+                    Design
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_bh_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_bf_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_bo_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_bm_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="4"
+            data-item-index="4"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Product"
+              aria-posinset="5"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Product avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Product"
+                  >
+                    Product
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Product"
+                  >
+                    Last message in Product
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_bv_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_bt_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_c6_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_c4_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="5"
+            data-item-index="5"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Marketing with 5 unread mentions."
+              aria-posinset="6"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Marketing avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                MA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Marketing"
+                  >
+                    Marketing
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_cd_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_cb_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ck_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ci_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      5
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="6"
+            data-item-index="6"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Sales"
+              aria-posinset="7"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Sales avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Sales"
+                  >
+                    Sales
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Sales"
+                  >
+                    Last message in Sales
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_cr_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_cp_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_d2_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_d0_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="7"
+            data-item-index="7"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Support"
+              aria-posinset="8"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Support avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                SU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Support"
+                  >
+                    Support
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_d9_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_d7_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_dg_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_de_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="8"
+            data-item-index="8"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Announcements"
+              aria-posinset="9"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Announcements avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                AN
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Announcements"
+                  >
+                    Announcements
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Announcements"
+                  >
+                    Last message in Announcements
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_dn_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_dl_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_du_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ds_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="9"
+            data-item-index="9"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Off-topic"
+              aria-posinset="10"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Off-topic avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                OF
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Off-topic"
+                  >
+                    Off-topic
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_e5_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_e3_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ec_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ea_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="10"
+            data-item-index="10"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Alpha with 10 unread mentions."
+              aria-posinset="11"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Alpha avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Alpha"
+                  >
+                    Team Alpha
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Team Alpha"
+                  >
+                    Last message in Team Alpha
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_ej_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_eh_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_eq_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_eo_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      10
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="11"
+            data-item-index="11"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Team Beta"
+              aria-posinset="12"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Team Beta avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                TE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Team Beta"
+                  >
+                    Team Beta
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_f1_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_ev_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_f8_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_f6_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="12"
+            data-item-index="12"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project X"
+              aria-posinset="13"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project X avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project X"
+                  >
+                    Project X
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Project X"
+                  >
+                    Last message in Project X
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_ff_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_fd_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_fm_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_fk_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="13"
+            data-item-index="13"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Project Y"
+              aria-posinset="14"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Project Y avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                PR
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Project Y"
+                  >
+                    Project Y
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_ft_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_fr_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_g4_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_g2_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="14"
+            data-item-index="14"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Water Cooler"
+              aria-posinset="15"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Water Cooler avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                WA
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Water Cooler"
+                  >
+                    Water Cooler
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Water Cooler"
+                  >
+                    Last message in Water Cooler
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_gb_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_g9_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_gi_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_gg_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="15"
+            data-item-index="15"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Feedback with 15 unread mentions."
+              aria-posinset="16"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Feedback avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Feedback"
+                  >
+                    Feedback
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_gp_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_gn_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_h0_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_gu_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                >
+                  <div
+                    class="flex"
+                    data-testid="notification-decoration"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <svg
+                      fill="var(--cpd-color-icon-accent-primary)"
+                      height="20px"
+                      viewBox="0 0 24 24"
+                      width="20px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                      />
+                    </svg>
+                    <span
+                      class="_unread-counter_1147r_8"
+                    >
+                      15
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="16"
+            data-item-index="16"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Ideas"
+              aria-posinset="17"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Ideas avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                ID
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Ideas"
+                  >
+                    Ideas
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Ideas"
+                  >
+                    Last message in Ideas
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_h7_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_h5_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_he_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_hc_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="17"
+            data-item-index="17"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Bugs"
+              aria-posinset="18"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Bugs avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                BU
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Bugs"
+                  >
+                    Bugs
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_hl_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_hj_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_hs_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_hq_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="18"
+            data-item-index="18"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Features"
+              aria-posinset="19"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView bold"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Features avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                FE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Features"
+                  >
+                    Features
+                  </div>
+                  <div
+                    class="messagePreview"
+                    title="Last message in Features"
+                  >
+                    Last message in Features
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_i3_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_i1_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_ia_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_i8_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+          <div
+            data-index="19"
+            data-item-index="19"
+            data-known-size="48"
+            style="overflow-anchor: none;"
+          >
+            <button
+              aria-haspopup="menu"
+              aria-label="Open room Releases"
+              aria-posinset="20"
+              aria-selected="false"
+              aria-setsize="20"
+              class="flex roomListItem mx_RoomListItemView"
+              data-state="closed"
+              role="option"
+              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+              tabindex="-1"
+              type="button"
+            >
+              <div
+                aria-label="Releases avatar"
+                role="img"
+                style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+              >
+                RE
+              </div>
+              <div
+                class="flex content"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+              >
+                <div
+                  class="text"
+                >
+                  <div
+                    class="roomName"
+                    data-testid="room-name"
+                    title="Releases"
+                  >
+                    Releases
+                  </div>
+                </div>
+                <div
+                  class="flex hoverMenu"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                >
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="More Options"
+                    aria-labelledby="_r_ih_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_if_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                  <button
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    aria-haspopup="menu"
+                    aria-label="Notification options"
+                    aria-labelledby="_r_io_"
+                    class="_icon-button_1215g_8"
+                    data-kind="primary"
+                    data-state="closed"
+                    id="radix-_r_im_"
+                    role="button"
+                    style="--cpd-icon-button-size: 24px;"
+                    tabindex="0"
+                    type="button"
+                  >
+                    <div
+                      class="_indicator-icon_147l5_17"
+                      style="--cpd-icon-button-size: 100%;"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                        />
+                      </svg>
+                    </div>
+                  </button>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="notificationDecoration"
+                />
+              </div>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/RoomListView/assets/skeleton.svg b/packages/shared-components/src/room-list/RoomListView/assets/skeleton.svg
new file mode 100644
index 0000000000..adf56e4ed8
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/assets/skeleton.svg
@@ -0,0 +1,14 @@
+<svg width="309" height="96" viewBox="0 0 309 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="8" y="8" width="32" height="32" rx="16" fill="#E1E6EC"/>
+<mask id="path-2-inside-1_1772_38931" fill="white">
+<path d="M52 0H309V48H52V0Z"/>
+</mask>
+<path d="M309 48V47.5H52V48V48.5H309V48Z" fill="#F0F2F5" mask="url(#path-2-inside-1_1772_38931)"/>
+<path d="M48.7 25.938C48.7 25.3073 48.8467 24.75 49.14 24.266C49.4187 23.7673 49.8073 23.3787 50.306 23.1C50.79 22.8067 51.3473 22.66 51.978 22.66H64.386C65.0167 22.66 65.574 22.8067 66.058 23.1C66.5567 23.3787 66.9453 23.7673 67.224 24.266C67.5173 24.75 67.664 25.3073 67.664 25.938V25.982C67.664 26.6127 67.5173 27.1773 67.224 27.676C66.9453 28.16 66.5567 28.5487 66.058 28.842C65.574 29.1207 65.0167 29.26 64.386 29.26H51.978C51.3473 29.26 50.79 29.1207 50.306 28.842C49.8073 28.5487 49.4187 28.16 49.14 27.676C48.8467 27.1773 48.7 26.6127 48.7 25.982V25.938ZM61.0535 25.938C61.0535 25.3073 61.2002 24.75 61.4935 24.266C61.7722 23.7673 62.1608 23.3787 62.6595 23.1C63.1435 22.8067 63.7008 22.66 64.3315 22.66H76.7395C77.3702 22.66 77.9275 22.8067 78.4115 23.1C78.9102 23.3787 79.2988 23.7673 79.5775 24.266C79.8708 24.75 80.0175 25.3073 80.0175 25.938V25.982C80.0175 26.6127 79.8708 27.1773 79.5775 27.676C79.2988 28.16 78.9102 28.5487 78.4115 28.842C77.9275 29.1207 77.3702 29.26 76.7395 29.26H64.3315C63.7008 29.26 63.1435 29.1207 62.6595 28.842C62.1608 28.5487 61.7722 28.16 61.4935 27.676C61.2002 27.1773 61.0535 26.6127 61.0535 25.982V25.938ZM73.407 25.938C73.407 25.3073 73.5537 24.75 73.847 24.266C74.1257 23.7673 74.5144 23.3787 75.013 23.1C75.497 22.8067 76.0544 22.66 76.685 22.66H89.093C89.7237 22.66 90.281 22.8067 90.765 23.1C91.2637 23.3787 91.6524 23.7673 91.931 24.266C92.2244 24.75 92.371 25.3073 92.371 25.938V25.982C92.371 26.6127 92.2244 27.1773 91.931 27.676C91.6524 28.16 91.2637 28.5487 90.765 28.842C90.281 29.1207 89.7237 29.26 89.093 29.26H76.685C76.0544 29.26 75.497 29.1207 75.013 28.842C74.5144 28.5487 74.1257 28.16 73.847 27.676C73.5537 27.1773 73.407 26.6127 73.407 25.982V25.938ZM85.7605 25.938C85.7605 25.3073 85.9072 24.75 86.2005 24.266C86.4792 23.7673 86.8679 23.3787 87.3665 23.1C87.8505 22.8067 88.4079 22.66 89.0385 22.66H101.447C102.077 22.66 102.635 22.8067 103.119 23.1C103.617 23.3787 104.006 23.7673 104.285 24.266C104.578 24.75 104.725 25.3073 104.725 25.938V25.982C104.725 26.6127 104.578 27.1773 104.285 27.676C104.006 28.16 103.617 28.5487 103.119 28.842C102.635 29.1207 102.077 29.26 101.447 29.26H89.0385C88.4079 29.26 87.8505 29.1207 87.3665 28.842C86.8679 28.5487 86.4792 28.16 86.2005 27.676C85.9072 27.1773 85.7605 26.6127 85.7605 25.982V25.938ZM98.1141 25.938C98.1141 25.3073 98.2607 24.75 98.5541 24.266C98.8327 23.7673 99.2214 23.3787 99.7201 23.1C100.204 22.8067 100.761 22.66 101.392 22.66H113.8C114.431 22.66 114.988 22.8067 115.472 23.1C115.971 23.3787 116.359 23.7673 116.638 24.266C116.931 24.75 117.078 25.3073 117.078 25.938V25.982C117.078 26.6127 116.931 27.1773 116.638 27.676C116.359 28.16 115.971 28.5487 115.472 28.842C114.988 29.1207 114.431 29.26 113.8 29.26H101.392C100.761 29.26 100.204 29.1207 99.7201 28.842C99.2214 28.5487 98.8327 28.16 98.5541 27.676C98.2607 27.1773 98.1141 26.6127 98.1141 25.982V25.938ZM110.468 25.938C110.468 25.3073 110.614 24.75 110.908 24.266C111.186 23.7673 111.575 23.3787 112.074 23.1C112.558 22.8067 113.115 22.66 113.746 22.66H126.154C126.784 22.66 127.342 22.8067 127.826 23.1C128.324 23.3787 128.713 23.7673 128.992 24.266C129.285 24.75 129.432 25.3073 129.432 25.938V25.982C129.432 26.6127 129.285 27.1773 128.992 27.676C128.713 28.16 128.324 28.5487 127.826 28.842C127.342 29.1207 126.784 29.26 126.154 29.26H113.746C113.115 29.26 112.558 29.1207 112.074 28.842C111.575 28.5487 111.186 28.16 110.908 27.676C110.614 27.1773 110.468 26.6127 110.468 25.982V25.938ZM122.821 25.938C122.821 25.3073 122.968 24.75 123.261 24.266C123.54 23.7673 123.928 23.3787 124.427 23.1C124.911 22.8067 125.468 22.66 126.099 22.66H138.507C139.138 22.66 139.695 22.8067 140.179 23.1C140.678 23.3787 141.066 23.7673 141.345 24.266C141.638 24.75 141.785 25.3073 141.785 25.938V25.982C141.785 26.6127 141.638 27.1773 141.345 27.676C141.066 28.16 140.678 28.5487 140.179 28.842C139.695 29.1207 139.138 29.26 138.507 29.26H126.099C125.468 29.26 124.911 29.1207 124.427 28.842C123.928 28.5487 123.54 28.16 123.261 27.676C122.968 27.1773 122.821 26.6127 122.821 25.982V25.938ZM135.175 25.938C135.175 25.3073 135.321 24.75 135.615 24.266C135.893 23.7673 136.282 23.3787 136.781 23.1C137.265 22.8067 137.822 22.66 138.453 22.66H150.861C151.491 22.66 152.049 22.8067 152.533 23.1C153.031 23.3787 153.42 23.7673 153.699 24.266C153.992 24.75 154.139 25.3073 154.139 25.938V25.982C154.139 26.6127 153.992 27.1773 153.699 27.676C153.42 28.16 153.031 28.5487 152.533 28.842C152.049 29.1207 151.491 29.26 150.861 29.26H138.453C137.822 29.26 137.265 29.1207 136.781 28.842C136.282 28.5487 135.893 28.16 135.615 27.676C135.321 27.1773 135.175 26.6127 135.175 25.982V25.938ZM160.72 25.938C160.72 25.3073 160.866 24.75 161.16 24.266C161.438 23.7673 161.827 23.3787 162.326 23.1C162.81 22.8067 163.367 22.66 163.998 22.66H176.406C177.036 22.66 177.594 22.8067 178.078 23.1C178.576 23.3787 178.965 23.7673 179.244 24.266C179.537 24.75 179.684 25.3073 179.684 25.938V25.982C179.684 26.6127 179.537 27.1773 179.244 27.676C178.965 28.16 178.576 28.5487 178.078 28.842C177.594 29.1207 177.036 29.26 176.406 29.26H163.998C163.367 29.26 162.81 29.1207 162.326 28.842C161.827 28.5487 161.438 28.16 161.16 27.676C160.866 27.1773 160.72 26.6127 160.72 25.982V25.938ZM173.073 25.938C173.073 25.3073 173.22 24.75 173.513 24.266C173.792 23.7673 174.18 23.3787 174.679 23.1C175.163 22.8067 175.72 22.66 176.351 22.66H182.687C183.318 22.66 183.875 22.8067 184.359 23.1C184.858 23.3787 185.246 23.7673 185.525 24.266C185.818 24.75 185.965 25.3073 185.965 25.938V25.982C185.965 26.6127 185.818 27.1773 185.525 27.676C185.246 28.16 184.858 28.5487 184.359 28.842C183.875 29.1207 183.318 29.26 182.687 29.26H176.351C175.72 29.26 175.163 29.1207 174.679 28.842C174.18 28.5487 173.792 28.16 173.513 27.676C173.22 27.1773 173.073 26.6127 173.073 25.982V25.938ZM179.368 25.938C179.368 25.3073 179.515 24.75 179.808 24.266C180.087 23.7673 180.475 23.3787 180.974 23.1C181.458 22.8067 182.015 22.66 182.646 22.66H195.054C195.685 22.66 196.242 22.8067 196.726 23.1C197.225 23.3787 197.613 23.7673 197.892 24.266C198.185 24.75 198.332 25.3073 198.332 25.938V25.982C198.332 26.6127 198.185 27.1773 197.892 27.676C197.613 28.16 197.225 28.5487 196.726 28.842C196.242 29.1207 195.685 29.26 195.054 29.26H182.646C182.015 29.26 181.458 29.1207 180.974 28.842C180.475 28.5487 180.087 28.16 179.808 27.676C179.515 27.1773 179.368 26.6127 179.368 25.982V25.938ZM191.721 25.938C191.721 25.3073 191.868 24.75 192.161 24.266C192.44 23.7673 192.829 23.3787 193.327 23.1C193.811 22.8067 194.369 22.66 194.999 22.66H207.407C208.038 22.66 208.595 22.8067 209.079 23.1C209.578 23.3787 209.967 23.7673 210.245 24.266C210.539 24.75 210.685 25.3073 210.685 25.938V25.982C210.685 26.6127 210.539 27.1773 210.245 27.676C209.967 28.16 209.578 28.5487 209.079 28.842C208.595 29.1207 208.038 29.26 207.407 29.26H194.999C194.369 29.26 193.811 29.1207 193.327 28.842C192.829 28.5487 192.44 28.16 192.161 27.676C191.868 27.1773 191.721 26.6127 191.721 25.982V25.938ZM204.075 25.938C204.075 25.3073 204.222 24.75 204.515 24.266C204.794 23.7673 205.182 23.3787 205.681 23.1C206.165 22.8067 206.722 22.66 207.353 22.66H219.761C220.392 22.66 220.949 22.8067 221.433 23.1C221.932 23.3787 222.32 23.7673 222.599 24.266C222.892 24.75 223.039 25.3073 223.039 25.938V25.982C223.039 26.6127 222.892 27.1773 222.599 27.676C222.32 28.16 221.932 28.5487 221.433 28.842C220.949 29.1207 220.392 29.26 219.761 29.26H207.353C206.722 29.26 206.165 29.1207 205.681 28.842C205.182 28.5487 204.794 28.16 204.515 27.676C204.222 27.1773 204.075 26.6127 204.075 25.982V25.938ZM216.429 25.938C216.429 25.3073 216.575 24.75 216.869 24.266C217.147 23.7673 217.536 23.3787 218.035 23.1C218.519 22.8067 219.076 22.66 219.707 22.66H226.043C226.673 22.66 227.231 22.8067 227.715 23.1C228.213 23.3787 228.602 23.7673 228.881 24.266C229.174 24.75 229.321 25.3073 229.321 25.938V25.982C229.321 26.6127 229.174 27.1773 228.881 27.676C228.602 28.16 228.213 28.5487 227.715 28.842C227.231 29.1207 226.673 29.26 226.043 29.26H219.707C219.076 29.26 218.519 29.1207 218.035 28.842C217.536 28.5487 217.147 28.16 216.869 27.676C216.575 27.1773 216.429 26.6127 216.429 25.982V25.938ZM222.723 25.938C222.723 25.3073 222.87 24.75 223.163 24.266C223.442 23.7673 223.831 23.3787 224.329 23.1C224.813 22.8067 225.371 22.66 226.001 22.66H232.337C232.968 22.66 233.525 22.8067 234.009 23.1C234.508 23.3787 234.897 23.7673 235.175 24.266C235.469 24.75 235.615 25.3073 235.615 25.938V25.982C235.615 26.6127 235.469 27.1773 235.175 27.676C234.897 28.16 234.508 28.5487 234.009 28.842C233.525 29.1207 232.968 29.26 232.337 29.26H226.001C225.371 29.26 224.813 29.1207 224.329 28.842C223.831 28.5487 223.442 28.16 223.163 27.676C222.87 27.1773 222.723 26.6127 222.723 25.982V25.938ZM229.018 25.938C229.018 25.3073 229.165 24.75 229.458 24.266C229.737 23.7673 230.126 23.3787 230.624 23.1C231.108 22.8067 231.666 22.66 232.296 22.66H238.632C239.263 22.66 239.82 22.8067 240.304 23.1C240.803 23.3787 241.192 23.7673 241.47 24.266C241.764 24.75 241.91 25.3073 241.91 25.938V25.982C241.91 26.6127 241.764 27.1773 241.47 27.676C241.192 28.16 240.803 28.5487 240.304 28.842C239.82 29.1207 239.263 29.26 238.632 29.26H232.296C231.666 29.26 231.108 29.1207 230.624 28.842C230.126 28.5487 229.737 28.16 229.458 27.676C229.165 27.1773 229.018 26.6127 229.018 25.982V25.938Z" fill="#F0F2F5"/>
+<rect x="8" y="56" width="32" height="32" rx="16" fill="#E1E6EC"/>
+<mask id="path-6-inside-2_1772_38931" fill="white">
+<path d="M52 48H309V96H52V48Z"/>
+</mask>
+<path d="M309 96V95.5H52V96V96.5H309V96Z" fill="#F0F2F5" mask="url(#path-6-inside-2_1772_38931)"/>
+<path d="M48.7 73.938C48.7 73.3073 48.8467 72.75 49.14 72.266C49.4187 71.7673 49.8073 71.3787 50.306 71.1C50.79 70.8067 51.3473 70.66 51.978 70.66H64.386C65.0167 70.66 65.574 70.8067 66.058 71.1C66.5567 71.3787 66.9453 71.7673 67.224 72.266C67.5173 72.75 67.664 73.3073 67.664 73.938V73.982C67.664 74.6127 67.5173 75.1773 67.224 75.676C66.9453 76.16 66.5567 76.5487 66.058 76.842C65.574 77.1207 65.0167 77.26 64.386 77.26H51.978C51.3473 77.26 50.79 77.1207 50.306 76.842C49.8073 76.5487 49.4187 76.16 49.14 75.676C48.8467 75.1773 48.7 74.6127 48.7 73.982V73.938ZM61.0535 73.938C61.0535 73.3073 61.2002 72.75 61.4935 72.266C61.7722 71.7673 62.1608 71.3787 62.6595 71.1C63.1435 70.8067 63.7008 70.66 64.3315 70.66H76.7395C77.3702 70.66 77.9275 70.8067 78.4115 71.1C78.9102 71.3787 79.2988 71.7673 79.5775 72.266C79.8708 72.75 80.0175 73.3073 80.0175 73.938V73.982C80.0175 74.6127 79.8708 75.1773 79.5775 75.676C79.2988 76.16 78.9102 76.5487 78.4115 76.842C77.9275 77.1207 77.3702 77.26 76.7395 77.26H64.3315C63.7008 77.26 63.1435 77.1207 62.6595 76.842C62.1608 76.5487 61.7722 76.16 61.4935 75.676C61.2002 75.1773 61.0535 74.6127 61.0535 73.982V73.938ZM73.407 73.938C73.407 73.3073 73.5537 72.75 73.847 72.266C74.1257 71.7673 74.5144 71.3787 75.013 71.1C75.497 70.8067 76.0544 70.66 76.685 70.66H89.093C89.7237 70.66 90.281 70.8067 90.765 71.1C91.2637 71.3787 91.6524 71.7673 91.931 72.266C92.2244 72.75 92.371 73.3073 92.371 73.938V73.982C92.371 74.6127 92.2244 75.1773 91.931 75.676C91.6524 76.16 91.2637 76.5487 90.765 76.842C90.281 77.1207 89.7237 77.26 89.093 77.26H76.685C76.0544 77.26 75.497 77.1207 75.013 76.842C74.5144 76.5487 74.1257 76.16 73.847 75.676C73.5537 75.1773 73.407 74.6127 73.407 73.982V73.938ZM85.7605 73.938C85.7605 73.3073 85.9072 72.75 86.2005 72.266C86.4792 71.7673 86.8679 71.3787 87.3665 71.1C87.8505 70.8067 88.4079 70.66 89.0385 70.66H101.447C102.077 70.66 102.635 70.8067 103.119 71.1C103.617 71.3787 104.006 71.7673 104.285 72.266C104.578 72.75 104.725 73.3073 104.725 73.938V73.982C104.725 74.6127 104.578 75.1773 104.285 75.676C104.006 76.16 103.617 76.5487 103.119 76.842C102.635 77.1207 102.077 77.26 101.447 77.26H89.0385C88.4079 77.26 87.8505 77.1207 87.3665 76.842C86.8679 76.5487 86.4792 76.16 86.2005 75.676C85.9072 75.1773 85.7605 74.6127 85.7605 73.982V73.938ZM111.305 73.938C111.305 73.3073 111.452 72.75 111.745 72.266C112.024 71.7673 112.413 71.3787 112.911 71.1C113.395 70.8067 113.953 70.66 114.583 70.66H126.991C127.622 70.66 128.179 70.8067 128.663 71.1C129.162 71.3787 129.551 71.7673 129.829 72.266C130.123 72.75 130.269 73.3073 130.269 73.938V73.982C130.269 74.6127 130.123 75.1773 129.829 75.676C129.551 76.16 129.162 76.5487 128.663 76.842C128.179 77.1207 127.622 77.26 126.991 77.26H114.583C113.953 77.26 113.395 77.1207 112.911 76.842C112.413 76.5487 112.024 76.16 111.745 75.676C111.452 75.1773 111.305 74.6127 111.305 73.982V73.938ZM123.659 73.938C123.659 73.3073 123.806 72.75 124.099 72.266C124.378 71.7673 124.766 71.3787 125.265 71.1C125.749 70.8067 126.306 70.66 126.937 70.66H133.273C133.904 70.66 134.461 70.8067 134.945 71.1C135.444 71.3787 135.832 71.7673 136.111 72.266C136.404 72.75 136.551 73.3073 136.551 73.938V73.982C136.551 74.6127 136.404 75.1773 136.111 75.676C135.832 76.16 135.444 76.5487 134.945 76.842C134.461 77.1207 133.904 77.26 133.273 77.26H126.937C126.306 77.26 125.749 77.1207 125.265 76.842C124.766 76.5487 124.378 76.16 124.099 75.676C123.806 75.1773 123.659 74.6127 123.659 73.982V73.938ZM129.954 73.938C129.954 73.3073 130.101 72.75 130.394 72.266C130.673 71.7673 131.061 71.3787 131.56 71.1C132.044 70.8067 132.601 70.66 133.232 70.66H145.64C146.271 70.66 146.828 70.8067 147.312 71.1C147.811 71.3787 148.199 71.7673 148.478 72.266C148.771 72.75 148.918 73.3073 148.918 73.938V73.982C148.918 74.6127 148.771 75.1773 148.478 75.676C148.199 76.16 147.811 76.5487 147.312 76.842C146.828 77.1207 146.271 77.26 145.64 77.26H133.232C132.601 77.26 132.044 77.1207 131.56 76.842C131.061 76.5487 130.673 76.16 130.394 75.676C130.101 75.1773 129.954 74.6127 129.954 73.982V73.938ZM142.307 73.938C142.307 73.3073 142.454 72.75 142.747 72.266C143.026 71.7673 143.415 71.3787 143.913 71.1C144.397 70.8067 144.955 70.66 145.585 70.66H157.993C158.624 70.66 159.181 70.8067 159.665 71.1C160.164 71.3787 160.553 71.7673 160.831 72.266C161.125 72.75 161.271 73.3073 161.271 73.938V73.982C161.271 74.6127 161.125 75.1773 160.831 75.676C160.553 76.16 160.164 76.5487 159.665 76.842C159.181 77.1207 158.624 77.26 157.993 77.26H145.585C144.955 77.26 144.397 77.1207 143.913 76.842C143.415 76.5487 143.026 76.16 142.747 75.676C142.454 75.1773 142.307 74.6127 142.307 73.982V73.938ZM154.661 73.938C154.661 73.3073 154.808 72.75 155.101 72.266C155.38 71.7673 155.768 71.3787 156.267 71.1C156.751 70.8067 157.308 70.66 157.939 70.66H170.347C170.978 70.66 171.535 70.8067 172.019 71.1C172.518 71.3787 172.906 71.7673 173.185 72.266C173.478 72.75 173.625 73.3073 173.625 73.938V73.982C173.625 74.6127 173.478 75.1773 173.185 75.676C172.906 76.16 172.518 76.5487 172.019 76.842C171.535 77.1207 170.978 77.26 170.347 77.26H157.939C157.308 77.26 156.751 77.1207 156.267 76.842C155.768 76.5487 155.38 76.16 155.101 75.676C154.808 75.1773 154.661 74.6127 154.661 73.982V73.938ZM167.014 73.938C167.014 73.3073 167.161 72.75 167.454 72.266C167.733 71.7673 168.122 71.3787 168.62 71.1C169.104 70.8067 169.662 70.66 170.292 70.66H176.628C177.259 70.66 177.816 70.8067 178.3 71.1C178.799 71.3787 179.188 71.7673 179.466 72.266C179.76 72.75 179.906 73.3073 179.906 73.938V73.982C179.906 74.6127 179.76 75.1773 179.466 75.676C179.188 76.16 178.799 76.5487 178.3 76.842C177.816 77.1207 177.259 77.26 176.628 77.26H170.292C169.662 77.26 169.104 77.1207 168.62 76.842C168.122 76.5487 167.733 76.16 167.454 75.676C167.161 75.1773 167.014 74.6127 167.014 73.982V73.938ZM173.309 73.938C173.309 73.3073 173.456 72.75 173.749 72.266C174.028 71.7673 174.417 71.3787 174.915 71.1C175.399 70.8067 175.957 70.66 176.587 70.66H182.923C183.554 70.66 184.111 70.8067 184.595 71.1C185.094 71.3787 185.483 71.7673 185.761 72.266C186.055 72.75 186.201 73.3073 186.201 73.938V73.982C186.201 74.6127 186.055 75.1773 185.761 75.676C185.483 76.16 185.094 76.5487 184.595 76.842C184.111 77.1207 183.554 77.26 182.923 77.26H176.587C175.957 77.26 175.399 77.1207 174.915 76.842C174.417 76.5487 174.028 76.16 173.749 75.676C173.456 75.1773 173.309 74.6127 173.309 73.982V73.938ZM179.604 73.938C179.604 73.3073 179.751 72.75 180.044 72.266C180.323 71.7673 180.712 71.3787 181.21 71.1C181.694 70.8067 182.252 70.66 182.882 70.66H189.218C189.849 70.66 190.406 70.8067 190.89 71.1C191.389 71.3787 191.778 71.7673 192.056 72.266C192.35 72.75 192.496 73.3073 192.496 73.938V73.982C192.496 74.6127 192.35 75.1773 192.056 75.676C191.778 76.16 191.389 76.5487 190.89 76.842C190.406 77.1207 189.849 77.26 189.218 77.26H182.882C182.252 77.26 181.694 77.1207 181.21 76.842C180.712 76.5487 180.323 76.16 180.044 75.676C179.751 75.1773 179.604 74.6127 179.604 73.982V73.938Z" fill="#F0F2F5"/>
+</svg>
diff --git a/packages/shared-components/src/room-list/RoomListView/index.tsx b/packages/shared-components/src/room-list/RoomListView/index.tsx
new file mode 100644
index 0000000000..405b94bf2f
--- /dev/null
+++ b/packages/shared-components/src/room-list/RoomListView/index.tsx
@@ -0,0 +1,12 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { RoomListView } from "./RoomListView";
+export type { RoomListViewProps, RoomListViewModel, RoomListSnapshot, RoomListViewActions } from "./RoomListView";
+export { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
+export { RoomListEmptyStateView } from "./RoomListEmptyStateView";
+export type { RoomListEmptyStateViewProps } from "./RoomListEmptyStateView";
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.module.css
new file mode 100644
index 0000000000..c444c8c1cd
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.module.css
@@ -0,0 +1,14 @@
+/*
+ * Copyright 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+/**
+ * Room list container styles
+ */
+.roomList {
+    height: 100%;
+    width: 100%;
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx
new file mode 100644
index 0000000000..3ea908cb55
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx
@@ -0,0 +1,94 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import type { Room } from "../RoomListItem/RoomListItem";
+import { VirtualizedRoomListView, type RoomListViewState } from "./VirtualizedRoomListView";
+import type { RoomListSnapshot, RoomListViewActions } from "../RoomListView";
+import { useMockedViewModel } from "../../viewmodel";
+import type { FilterId } from "../RoomListPrimaryFilters";
+import { renderAvatar, createGetRoomItemViewModel, mockRoomIds } from "../story-mocks";
+
+type RoomListStoryProps = RoomListSnapshot & RoomListViewActions & { renderAvatar: (room: Room) => React.ReactElement };
+
+// Use first 10 room IDs for this story
+const storyRoomIds = mockRoomIds.slice(0, 10);
+
+// Wrapper component that creates a mocked ViewModel
+const RoomListWrapper = ({
+    onToggleFilter,
+    createChatRoom,
+    createRoom,
+    getRoomItemViewModel,
+    updateVisibleRooms,
+    renderAvatar: renderAvatarProp,
+    ...rest
+}: RoomListStoryProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onToggleFilter,
+        createChatRoom,
+        createRoom,
+        getRoomItemViewModel,
+        updateVisibleRooms,
+    });
+
+    return (
+        <div style={{ height: "400px", border: "1px solid #ccc" }}>
+            <VirtualizedRoomListView vm={vm} renderAvatar={renderAvatarProp} />
+        </div>
+    );
+};
+
+const mockFilterIds: FilterId[] = ["unread", "people"];
+
+const defaultRoomListState: RoomListViewState = {
+    activeRoomIndex: 0,
+    spaceId: "!space:server",
+    filterKeys: undefined,
+};
+
+const meta: Meta<RoomListStoryProps> = {
+    title: "Room List/VirtualizedRoomListView",
+    component: RoomListWrapper,
+    tags: ["autodocs"],
+    args: {
+        isLoadingRooms: false,
+        isRoomListEmpty: false,
+        filterIds: mockFilterIds,
+        activeFilterId: undefined,
+        roomIds: storyRoomIds,
+        roomListState: defaultRoomListState,
+        canCreateRoom: true,
+        onToggleFilter: fn(),
+        createChatRoom: fn(),
+        createRoom: fn(),
+        getRoomItemViewModel: createGetRoomItemViewModel(storyRoomIds),
+        updateVisibleRooms: fn(),
+        renderAvatar,
+    },
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/vlmt46QDdE4dgXDiyBJXqp/ER-33-Left-Panel-2025?node-id=98-1979&t=vafb4zoYMNLRuAbh-4",
+        },
+    },
+    decorators: [
+        (Story) => (
+            <div style={{ width: "300px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+};
+
+export default meta;
+type Story = StoryObj<RoomListStoryProps>;
+
+export const Default: Story = {};
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.test.tsx
new file mode 100644
index 0000000000..23f384554d
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.test.tsx
@@ -0,0 +1,67 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render, screen, fireEvent } from "@test-utils";
+import { VirtuosoMockContext } from "react-virtuoso";
+import { composeStories } from "@storybook/react-vite";
+import { describe, it, expect } from "vitest";
+
+import * as stories from "./VirtualizedRoomListView.stories";
+
+const { Default } = composeStories(stories);
+
+const renderWithMockContext = (component: React.ReactElement): ReturnType<typeof render> => {
+    return render(component, {
+        wrapper: ({ children }) => (
+            <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 48 }}>
+                {children}
+            </VirtuosoMockContext.Provider>
+        ),
+    });
+};
+
+describe("<VirtualizedRoomListView />", () => {
+    it("renders Default story", () => {
+        const { container } = renderWithMockContext(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("should render the room list listbox", () => {
+        renderWithMockContext(<Default />);
+        expect(screen.getByRole("listbox", { name: "Room list" })).toBeInTheDocument();
+    });
+
+    it("should render room items", () => {
+        renderWithMockContext(<Default />);
+        const items = screen.getAllByRole("option");
+        expect(items.length).toBeGreaterThan(0);
+    });
+
+    it("should mark selected room with aria-selected true", () => {
+        renderWithMockContext(<Default />);
+        const items = screen.getAllByRole("option");
+        // The first item (index 0) should be selected based on Default story (activeRoomIndex: 0)
+        expect(items[0]).toHaveAttribute("aria-selected", "true");
+    });
+
+    it("should handle focus state correctly", () => {
+        renderWithMockContext(<Default />);
+
+        const listbox = screen.getByRole("listbox", { name: "Room list" });
+        fireEvent.focus(listbox);
+
+        const items = screen.getAllByRole("option");
+        // First item should have tabIndex 0 (focusable) when list is focused
+        expect(items[0]).toHaveAttribute("tabIndex", "0");
+    });
+
+    it("should call updateVisibleRooms on render", () => {
+        renderWithMockContext(<Default />);
+        expect(Default.args.updateVisibleRooms).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx
new file mode 100644
index 0000000000..7b27df0f28
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx
@@ -0,0 +1,198 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { useCallback, useMemo, useRef, type JSX, type ReactNode } from "react";
+import { type ScrollIntoViewLocation } from "react-virtuoso";
+import { isEqual } from "lodash";
+
+import type { Room } from "../RoomListItem/RoomListItem";
+import { useViewModel } from "../../viewmodel";
+import { _t } from "../../utils/i18n";
+import { VirtualizedList, type VirtualizedListContext } from "../../utils/VirtualizedList";
+import { RoomListItemView } from "../RoomListItem";
+import type { RoomListViewModel } from "../RoomListView";
+
+/**
+ * Filter key type - opaque string type for filter identifiers
+ */
+export type FilterKey = string;
+
+/**
+ * State for the room list data (nested within RoomListSnapshot)
+ */
+export interface RoomListViewState {
+    /** Optional active room index for keyboard navigation */
+    activeRoomIndex?: number;
+    /** Space ID for context tracking */
+    spaceId?: string;
+    /** Active filter keys for context tracking */
+    filterKeys?: FilterKey[];
+}
+
+/**
+ * Props for the VirtualizedRoomListView component
+ */
+export interface VirtualizedRoomListViewProps {
+    /**
+     * The view model containing all room list data and callbacks
+     */
+    vm: RoomListViewModel;
+
+    /**
+     * Render function for room avatar
+     * @param room - The opaque Room object from the client
+     */
+    renderAvatar: (room: Room) => ReactNode;
+
+    /**
+     * Optional callback for keyboard key down events
+     */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+
+/** Height of a single room list item in pixels */
+const ROOM_LIST_ITEM_HEIGHT = 48;
+
+/**
+ * Type for context used in ListView
+ */
+type Context = { spaceId: string; filterKeys: FilterKey[] | undefined };
+
+/**
+ * Amount to extend the top and bottom of the viewport by.
+ * From manual testing and user feedback 25 items is reported to be enough to avoid blank space
+ * when using the mouse wheel, and the trackpad scrolling at a slow to moderate speed where you
+ * can still see/read the content. Using the trackpad to sling through a large percentage of the
+ * list quickly will still show blank space. We would likely need to simplify the item content to
+ * improve this case.
+ */
+const EXTENDED_VIEWPORT_HEIGHT = 25 * ROOM_LIST_ITEM_HEIGHT;
+
+/**
+ * A virtualized list of rooms.
+ * This component provides efficient rendering of large room lists using virtualization,
+ * and renders RoomListItemView components for each room.
+ *
+ * @example
+ * ```tsx
+ * <VirtualizedRoomListView vm={roomListViewModel} renderAvatar={(room) => <Avatar room={room} />} />
+ * ```
+ */
+export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: VirtualizedRoomListViewProps): JSX.Element {
+    const snapshot = useViewModel(vm);
+    const { roomListState, roomIds } = snapshot;
+    const activeRoomIndex = roomListState.activeRoomIndex;
+    const lastSpaceId = useRef<string | undefined>(undefined);
+    const lastFilterKeys = useRef<FilterKey[] | undefined>(undefined);
+    const roomCount = roomIds.length;
+
+    /**
+     * Callback when the visible range changes
+     * Notifies the view model which rooms are visible
+     */
+    const rangeChanged = useCallback(
+        (range: { startIndex: number; endIndex: number }) => {
+            vm.updateVisibleRooms(range.startIndex, range.endIndex);
+        },
+        [vm],
+    );
+
+    /**
+     * Get the item component for a specific index
+     * Gets the room's view model and passes it to RoomListItemView
+     */
+    const getItemComponent = useCallback(
+        (
+            index: number,
+            roomId: string,
+            context: VirtualizedListContext<Context>,
+            onFocus: (item: string, e: React.FocusEvent) => void,
+        ): JSX.Element => {
+            const isSelected = activeRoomIndex === index;
+            const roomItemVM = vm.getRoomItemViewModel(roomId);
+
+            // Item is focused when the list has focus AND this item's key matches tabIndexKey
+            // This matches the old RoomList implementation's roving tabindex pattern
+            const isFocused = context.focused && context.tabIndexKey === roomId;
+
+            return (
+                <RoomListItemView
+                    key={roomId}
+                    vm={roomItemVM}
+                    renderAvatar={renderAvatar}
+                    isSelected={isSelected}
+                    isFocused={isFocused}
+                    onFocus={onFocus}
+                    roomIndex={index}
+                    roomCount={roomCount}
+                />
+            );
+        },
+        [activeRoomIndex, roomCount, renderAvatar, vm],
+    );
+
+    /**
+     * Get the key for a room item
+     * Since we're using virtualization, items are always room ID strings
+     */
+    const getItemKey = useCallback((item: string): string => {
+        return item;
+    }, []);
+
+    const context = useMemo(
+        () => ({ spaceId: roomListState.spaceId || "", filterKeys: roomListState.filterKeys }),
+        [roomListState.spaceId, roomListState.filterKeys],
+    );
+
+    /**
+     * Determine if we should scroll the active index into view
+     * This happens when the space or filters change
+     */
+    const scrollIntoViewOnChange = useCallback(
+        (params: {
+            context: VirtualizedListContext<{ spaceId: string; filterKeys: FilterKey[] | undefined }>;
+        }): ScrollIntoViewLocation | null | undefined | false => {
+            const { spaceId, filterKeys } = params.context.context;
+            const shouldScrollIndexIntoView =
+                lastSpaceId.current !== spaceId || !isEqual(lastFilterKeys.current, filterKeys);
+            lastFilterKeys.current = filterKeys;
+            lastSpaceId.current = spaceId;
+
+            if (shouldScrollIndexIntoView) {
+                return {
+                    align: "start",
+                    index: activeRoomIndex || 0,
+                    behavior: "auto",
+                };
+            }
+            return false;
+        },
+        [activeRoomIndex],
+    );
+
+    return (
+        <VirtualizedList
+            context={context}
+            scrollIntoViewOnChange={scrollIntoViewOnChange}
+            initialTopMostItemIndex={activeRoomIndex}
+            data-testid="room-list"
+            role="listbox"
+            aria-label={_t("room_list|list_title")}
+            fixedItemHeight={ROOM_LIST_ITEM_HEIGHT}
+            items={roomIds}
+            getItemComponent={getItemComponent}
+            getItemKey={getItemKey}
+            isItemFocusable={() => true}
+            rangeChanged={rangeChanged}
+            onKeyDown={onKeyDown}
+            increaseViewportBy={{
+                bottom: EXTENDED_VIEWPORT_HEIGHT,
+                top: EXTENDED_VIEWPORT_HEIGHT,
+            }}
+        />
+    );
+}
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/__snapshots__/VirtualizedRoomListView.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/__snapshots__/VirtualizedRoomListView.test.tsx.snap
new file mode 100644
index 0000000000..85cd5f6d08
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/__snapshots__/VirtualizedRoomListView.test.tsx.snap
@@ -0,0 +1,1277 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
+<div>
+  <div
+    style="width: 300px;"
+  >
+    <div
+      style="height: 400px; border: 1px solid rgb(204, 204, 204);"
+    >
+      <div
+        aria-label="Room list"
+        data-testid="room-list"
+        data-virtuoso-scroller="true"
+        role="listbox"
+        style="height: 100%; outline: none; overflow-y: auto; position: relative;"
+        tabindex="0"
+      >
+        <div
+          data-viewport-type="element"
+          style="height: 100%; position: absolute; top: 0px; width: 100%;"
+        >
+          <div
+            data-testid="virtuoso-item-list"
+            style="box-sizing: border-box; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;"
+          >
+            <div
+              data-index="0"
+              data-item-index="0"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room General"
+                aria-posinset="1"
+                aria-selected="true"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView selected bold mx_RoomListItemView_selected"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="General avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  GE
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="General"
+                    >
+                      General
+                    </div>
+                    <div
+                      class="messagePreview"
+                      title="Last message in General"
+                    >
+                      Last message in General
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_2_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_0_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_9_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_7_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  >
+                    <div
+                      class="flex"
+                      data-testid="notification-decoration"
+                      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                    >
+                      <svg
+                        fill="var(--cpd-color-icon-accent-primary)"
+                        height="20px"
+                        viewBox="0 0 24 24"
+                        width="20px"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                        />
+                      </svg>
+                      <div
+                        class="_unread-counter_1147r_8"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="1"
+              data-item-index="1"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Random"
+                aria-posinset="2"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Random avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  RA
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Random"
+                    >
+                      Random
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_g_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_e_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_n_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_l_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="2"
+              data-item-index="2"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Engineering"
+                aria-posinset="3"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Engineering avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  EN
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Engineering"
+                    >
+                      Engineering
+                    </div>
+                    <div
+                      class="messagePreview"
+                      title="Last message in Engineering"
+                    >
+                      Last message in Engineering
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_u_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_s_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_15_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_13_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="3"
+              data-item-index="3"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Design"
+                aria-posinset="4"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView bold"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Design avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  DE
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Design"
+                    >
+                      Design
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_1c_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_1a_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_1j_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_1h_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="4"
+              data-item-index="4"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Product"
+                aria-posinset="5"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Product avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  PR
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Product"
+                    >
+                      Product
+                    </div>
+                    <div
+                      class="messagePreview"
+                      title="Last message in Product"
+                    >
+                      Last message in Product
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_1q_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_1o_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_21_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_1v_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="5"
+              data-item-index="5"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Marketing with 5 unread mentions."
+                aria-posinset="6"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Marketing avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  MA
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Marketing"
+                    >
+                      Marketing
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_28_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_26_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_2f_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_2d_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  >
+                    <div
+                      class="flex"
+                      data-testid="notification-decoration"
+                      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                    >
+                      <svg
+                        fill="var(--cpd-color-icon-accent-primary)"
+                        height="20px"
+                        viewBox="0 0 24 24"
+                        width="20px"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 4a8 8 0 1 0 0 16 1 1 0 1 1 0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 17 12v1.5a1.5 1.5 0 0 0 3 0V12a8 8 0 0 0-8-8m3 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0"
+                        />
+                      </svg>
+                      <span
+                        class="_unread-counter_1147r_8"
+                      >
+                        5
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="6"
+              data-item-index="6"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Sales"
+                aria-posinset="7"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView bold"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Sales avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  SA
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Sales"
+                    >
+                      Sales
+                    </div>
+                    <div
+                      class="messagePreview"
+                      title="Last message in Sales"
+                    >
+                      Last message in Sales
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_2m_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_2k_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_2t_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_2r_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="7"
+              data-item-index="7"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Support"
+                aria-posinset="8"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Support avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  SU
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Support"
+                    >
+                      Support
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_34_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_32_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_3b_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_39_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="8"
+              data-item-index="8"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Announcements"
+                aria-posinset="9"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Announcements avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  AN
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Announcements"
+                    >
+                      Announcements
+                    </div>
+                    <div
+                      class="messagePreview"
+                      title="Last message in Announcements"
+                    >
+                      Last message in Announcements
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_3i_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_3g_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_3p_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_3n_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+            <div
+              data-index="9"
+              data-item-index="9"
+              data-known-size="48"
+              style="overflow-anchor: none;"
+            >
+              <button
+                aria-haspopup="menu"
+                aria-label="Open room Off-topic"
+                aria-posinset="10"
+                aria-selected="false"
+                aria-setsize="10"
+                class="flex roomListItem mx_RoomListItemView bold"
+                data-state="closed"
+                role="option"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
+                tabindex="-1"
+                type="button"
+              >
+                <div
+                  aria-label="Off-topic avatar"
+                  role="img"
+                  style="width: 32px; height: 32px; border-radius: 50%; background-color: rgb(11, 127, 103); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 12px;"
+                >
+                  OF
+                </div>
+                <div
+                  class="flex content"
+                  style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+                >
+                  <div
+                    class="text"
+                  >
+                    <div
+                      class="roomName"
+                      data-testid="room-name"
+                      title="Off-topic"
+                    >
+                      Off-topic
+                    </div>
+                  </div>
+                  <div
+                    class="flex hoverMenu"
+                    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
+                  >
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="More Options"
+                      aria-labelledby="_r_40_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_3u_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                    <button
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      aria-haspopup="menu"
+                      aria-label="Notification options"
+                      aria-labelledby="_r_47_"
+                      class="_icon-button_1215g_8"
+                      data-kind="primary"
+                      data-state="closed"
+                      id="radix-_r_45_"
+                      role="button"
+                      style="--cpd-icon-button-size: 24px;"
+                      tabindex="0"
+                      type="button"
+                    >
+                      <div
+                        class="_indicator-icon_147l5_17"
+                        style="--cpd-icon-button-size: 100%;"
+                      >
+                        <svg
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 24 24"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+                          />
+                        </svg>
+                      </div>
+                    </button>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="notificationDecoration"
+                  />
+                </div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts
new file mode 100644
index 0000000000..da5840ada5
--- /dev/null
+++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { VirtualizedRoomListView } from "./VirtualizedRoomListView";
+export type { VirtualizedRoomListViewProps, RoomListViewState, FilterKey } from "./VirtualizedRoomListView";
diff --git a/packages/shared-components/src/room-list/story-mocks.tsx b/packages/shared-components/src/room-list/story-mocks.tsx
new file mode 100644
index 0000000000..83a8eb1b94
--- /dev/null
+++ b/packages/shared-components/src/room-list/story-mocks.tsx
@@ -0,0 +1,138 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { fn } from "storybook/test";
+
+import type { Room } from "./RoomListItem/RoomListItem";
+import type { RoomListItemSnapshot } from "./RoomListItem";
+import { RoomNotifState } from "./RoomListItem/RoomNotifs";
+
+/**
+ * Mock avatar component for stories
+ */
+export const mockAvatar = (name: string): React.ReactElement => (
+    <div
+        role="img"
+        aria-label={`${name} avatar`}
+        style={{
+            width: "32px",
+            height: "32px",
+            borderRadius: "50%",
+            backgroundColor: "#0B7F67",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: "white",
+            fontWeight: "bold",
+            fontSize: "12px",
+        }}
+    >
+        {name.substring(0, 2).toUpperCase()}
+    </div>
+);
+
+/**
+ * Render avatar function for stories
+ */
+export const renderAvatar = (room: Room): React.ReactElement => {
+    // Cast to any to access properties - in real usage, the room object from the SDK will have these
+    return mockAvatar((room as any)?.name || "Room");
+};
+
+/**
+ * Room names used for mock data
+ */
+const roomNames = [
+    "General",
+    "Random",
+    "Engineering",
+    "Design",
+    "Product",
+    "Marketing",
+    "Sales",
+    "Support",
+    "Announcements",
+    "Off-topic",
+    "Team Alpha",
+    "Team Beta",
+    "Project X",
+    "Project Y",
+    "Water Cooler",
+    "Feedback",
+    "Ideas",
+    "Bugs",
+    "Features",
+    "Releases",
+];
+
+/**
+ * Create a mock room item snapshot for stories
+ */
+export const createMockRoomSnapshot = (id: string, name: string, index: number): RoomListItemSnapshot => ({
+    id,
+    room: { name },
+    name,
+    isBold: index % 3 === 0,
+    messagePreview: index % 2 === 0 ? `Last message in ${name}` : undefined,
+    notification: {
+        hasAnyNotificationOrActivity: index % 5 === 0,
+        isUnsentMessage: false,
+        invited: false,
+        isMention: index % 5 === 0,
+        isActivityNotification: false,
+        isNotification: index % 5 === 0,
+        hasUnreadCount: index % 5 === 0,
+        count: index % 5 === 0 ? index : 0,
+        muted: false,
+    },
+    showMoreOptionsMenu: true,
+    showNotificationMenu: true,
+    isFavourite: false,
+    isLowPriority: false,
+    canInvite: true,
+    canCopyRoomLink: true,
+    canMarkAsRead: false,
+    canMarkAsUnread: true,
+    roomNotifState: RoomNotifState.AllMessages,
+});
+
+/**
+ * Create a mock getRoomItemViewModel function for stories
+ */
+export const createGetRoomItemViewModel = (roomIds: string[]): ((roomId: string) => any) => {
+    const viewModels = new Map();
+    roomIds.forEach((roomId, index) => {
+        const name = roomNames[index % roomNames.length];
+        const snapshot = createMockRoomSnapshot(roomId, name, index);
+
+        const mockViewModel = {
+            getSnapshot: () => snapshot,
+            subscribe: fn(),
+            unsubscribe: fn(),
+            onOpenRoom: fn(),
+            onMarkAsRead: fn(),
+            onMarkAsUnread: fn(),
+            onToggleFavorite: fn(),
+            onToggleLowPriority: fn(),
+            onInvite: fn(),
+            onCopyRoomLink: fn(),
+            onLeaveRoom: fn(),
+            onSetRoomNotifState: fn(),
+        };
+        viewModels.set(roomId, mockViewModel);
+    });
+
+    return (roomId: string) => viewModels.get(roomId);
+};
+
+/**
+ * Mock room IDs for different list sizes
+ */
+export const mockRoomIds = Array.from({ length: 20 }, (_, i) => `!room${i}:server`);
+export const smallListRoomIds = mockRoomIds.slice(0, 5);
+export const largeListRoomIds = Array.from({ length: 100 }, (_, i) => `!room${i}:server`);
diff --git a/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx b/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx
new file mode 100644
index 0000000000..33983bd473
--- /dev/null
+++ b/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.stories.tsx
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { HistoryVisibilityBadge } from "./HistoryVisibilityBadge";
+
+const meta = {
+    title: "Room/HistoryVisibilityBadge",
+    component: HistoryVisibilityBadge,
+    tags: ["autodocs"],
+    parameters: {
+        design: {
+            type: "figma",
+            url: "https://www.figma.com/design/IXcnmuaIwtm3F3vBuFCPUp/Room-History-Sharing?node-id=39-10758&t=MKC8KCGCpykDbrcX-1",
+        },
+    },
+} satisfies Meta<typeof HistoryVisibilityBadge>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+export const InvitedHistoryVisibility: Story = { args: { historyVisibility: "invited" } };
+export const JoinedHistoryVisibility: Story = { args: { historyVisibility: "joined" } };
+export const SharedHistoryVisibility: Story = { args: { historyVisibility: "shared" } };
+export const WorldReadableHistoryVisibility: Story = { args: { historyVisibility: "world_readable" } };
diff --git a/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.test.tsx b/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.test.tsx
new file mode 100644
index 0000000000..6b8ea1c398
--- /dev/null
+++ b/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.test.tsx
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/react";
+
+import { HistoryVisibilityBadge } from "./HistoryVisibilityBadge.tsx";
+
+describe("HistoryVisibilityBadge", () => {
+    for (const visibility of ["invited", "joined", "shared", "world_readable"]) {
+        it(`renders the badge for ${visibility}`, () => {
+            const { container } = render(<HistoryVisibilityBadge historyVisibility={visibility as any} />);
+            expect(container).toMatchSnapshot();
+        });
+    }
+});
diff --git a/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.tsx b/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.tsx
new file mode 100644
index 0000000000..f03e69dd00
--- /dev/null
+++ b/packages/shared-components/src/room/HistoryVisibilityBadge/HistoryVisibilityBadge.tsx
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { type JSX } from "react";
+import { Badge } from "@vector-im/compound-web";
+import {
+    HistoryIcon,
+    UserProfileSolidIcon,
+    VisibilityOffIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
+
+import { _t } from "../../utils/i18n";
+
+interface Props {
+    /** The history visibility of the room, according to the room state. */
+    historyVisibility: "invited" | "joined" | "shared" | "world_readable";
+}
+
+/** A badge showing the history visibility of a room. */
+export function HistoryVisibilityBadge({ historyVisibility }: Props): JSX.Element | null {
+    const iconProps = {
+        color: "var(--cpd-color-icon-info-primary)",
+        width: "1rem", // 16px at the default font size, per the design
+        height: "1rem",
+    };
+    switch (historyVisibility) {
+        case "invited":
+        case "joined":
+            return (
+                <Badge kind="blue">
+                    <VisibilityOffIcon {...iconProps} />
+                    {_t("room|history_visibility_badge|private")}
+                </Badge>
+            );
+        case "shared":
+            return (
+                <Badge kind="blue">
+                    <HistoryIcon {...iconProps} />
+                    {_t("room|history_visibility_badge|shared")}
+                </Badge>
+            );
+        case "world_readable":
+            return (
+                <Badge kind="blue">
+                    <UserProfileSolidIcon {...iconProps} />
+                    {_t("room|history_visibility_badge|world_readable")}
+                </Badge>
+            );
+        default:
+            return null;
+    }
+}
diff --git a/packages/shared-components/src/room/HistoryVisibilityBadge/__snapshots__/HistoryVisibilityBadge.test.tsx.snap b/packages/shared-components/src/room/HistoryVisibilityBadge/__snapshots__/HistoryVisibilityBadge.test.tsx.snap
new file mode 100644
index 0000000000..e284eb7a51
--- /dev/null
+++ b/packages/shared-components/src/room/HistoryVisibilityBadge/__snapshots__/HistoryVisibilityBadge.test.tsx.snap
@@ -0,0 +1,99 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`HistoryVisibilityBadge > renders the badge for invited 1`] = `
+<div>
+  <span
+    class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+    data-kind="blue"
+  >
+    <svg
+      color="var(--cpd-color-icon-info-primary)"
+      fill="currentColor"
+      height="1rem"
+      viewBox="0 0 24 24"
+      width="1rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2t-2.325-.8L10.2 7.4q.424-.2.863-.3A4.2 4.2 0 0 1 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938t-.3.862m3.2 3.15-1.45-1.4a11 11 0 0 0 1.688-1.588A9 9 0 0 0 20.8 11.5q-1.25-2.524-3.588-4.013Q14.875 6 12 6q-.724 0-1.425.1a10 10 0 0 0-1.375.3L7.65 4.85A11.1 11.1 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8a.8.8 0 0 1 .1.313q.025.188.025.387a2 2 0 0 1-.125.7 10.9 10.9 0 0 1-3.4 4.25m-.2 5.45-3.5-3.45q-.874.274-1.762.413Q12.95 19 12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.763.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M5.55 8.4q-.725.65-1.325 1.425A9 9 0 0 0 3.2 11.5q1.25 2.524 3.588 4.012T12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.274.075-.525.113A3.5 3.5 0 0 1 12 16q-1.875 0-3.187-1.312Q7.5 13.375 7.5 11.5q0-.274.038-.525.037-.25.112-.525z"
+      />
+    </svg>
+    New members don't see history
+  </span>
+</div>
+`;
+
+exports[`HistoryVisibilityBadge > renders the badge for joined 1`] = `
+<div>
+  <span
+    class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+    data-kind="blue"
+  >
+    <svg
+      color="var(--cpd-color-icon-info-primary)"
+      fill="currentColor"
+      height="1rem"
+      viewBox="0 0 24 24"
+      width="1rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2t-2.325-.8L10.2 7.4q.424-.2.863-.3A4.2 4.2 0 0 1 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938t-.3.862m3.2 3.15-1.45-1.4a11 11 0 0 0 1.688-1.588A9 9 0 0 0 20.8 11.5q-1.25-2.524-3.588-4.013Q14.875 6 12 6q-.724 0-1.425.1a10 10 0 0 0-1.375.3L7.65 4.85A11.1 11.1 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8a.8.8 0 0 1 .1.313q.025.188.025.387a2 2 0 0 1-.125.7 10.9 10.9 0 0 1-3.4 4.25m-.2 5.45-3.5-3.45q-.874.274-1.762.413Q12.95 19 12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.763.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M5.55 8.4q-.725.65-1.325 1.425A9 9 0 0 0 3.2 11.5q1.25 2.524 3.588 4.012T12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.274.075-.525.113A3.5 3.5 0 0 1 12 16q-1.875 0-3.187-1.312Q7.5 13.375 7.5 11.5q0-.274.038-.525.037-.25.112-.525z"
+      />
+    </svg>
+    New members don't see history
+  </span>
+</div>
+`;
+
+exports[`HistoryVisibilityBadge > renders the badge for shared 1`] = `
+<div>
+  <span
+    class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+    data-kind="blue"
+  >
+    <svg
+      color="var(--cpd-color-icon-info-primary)"
+      fill="currentColor"
+      height="1rem"
+      viewBox="0 0 24 24"
+      width="1rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+      />
+      <path
+        d="M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586z"
+      />
+    </svg>
+    New members see history
+  </span>
+</div>
+`;
+
+exports[`HistoryVisibilityBadge > renders the badge for world_readable 1`] = `
+<div>
+  <span
+    class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+    data-kind="blue"
+  >
+    <svg
+      color="var(--cpd-color-icon-info-primary)"
+      fill="currentColor"
+      height="1rem"
+      viewBox="0 0 24 24"
+      width="1rem"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 15q-1.65 0-2.825-1.175T8 11t1.175-2.825T12 7t2.825 1.175T16 11t-1.175 2.825T12 15"
+      />
+      <path
+        d="M19.528 18.583A9.96 9.96 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 2.52.933 4.824 2.472 6.583A9.98 9.98 0 0 0 12 22a9.98 9.98 0 0 0 7.528-3.417M8.75 16.388q-1.373.332-2.709.95a8 8 0 1 1 11.918 0 14.7 14.7 0 0 0-2.709-.95A13.8 13.8 0 0 0 12 16q-1.65 0-3.25.387"
+      />
+    </svg>
+    Anyone can see history
+  </span>
+</div>
+`;
diff --git a/packages/shared-components/src/room/HistoryVisibilityBadge/index.ts b/packages/shared-components/src/room/HistoryVisibilityBadge/index.ts
new file mode 100644
index 0000000000..e8958a9913
--- /dev/null
+++ b/packages/shared-components/src/room/HistoryVisibilityBadge/index.ts
@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export * from "./HistoryVisibilityBadge";
diff --git a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.module.css b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.module.css
new file mode 100644
index 0000000000..b0e85609b6
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.module.css
@@ -0,0 +1,11 @@
+.container {
+    color: var(--cpd-color-text-primary);
+    svg {
+        /* Ensure button icons are primary too */
+        color: var(--cpd-color-text-primary) !important;
+    }
+}
+
+.description {
+    color: var(--cpd-color-text-secondary);
+}
diff --git a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx
new file mode 100644
index 0000000000..07b890139e
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx
@@ -0,0 +1,105 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+import { type Meta, type StoryFn } from "@storybook/react-vite";
+import React, { type JSX } from "react";
+import { fn } from "storybook/test";
+
+import { useMockedViewModel } from "../../viewmodel";
+import {
+    RoomStatusBarState,
+    RoomStatusBarView,
+    type RoomStatusBarViewActions,
+    type RoomStatusBarViewSnapshot,
+} from "./RoomStatusBarView";
+
+type RoomStatusBarProps = RoomStatusBarViewSnapshot & RoomStatusBarViewActions;
+
+const RoomStatusBarViewWrapper = ({
+    onResendAllClick,
+    onDeleteAllClick,
+    onRetryRoomCreationClick,
+    onTermsAndConditionsClicked,
+    ...rest
+}: RoomStatusBarProps): JSX.Element => {
+    const vm = useMockedViewModel(rest, {
+        onResendAllClick,
+        onDeleteAllClick,
+        onRetryRoomCreationClick,
+        onTermsAndConditionsClicked,
+    });
+    return <RoomStatusBarView vm={vm} />;
+};
+
+export default {
+    title: "room/RoomStatusBarView",
+    component: RoomStatusBarViewWrapper,
+    tags: ["autodocs"],
+    argTypes: {},
+    args: {
+        onResendAllClick: fn(),
+        onDeleteAllClick: fn(),
+        onRetryRoomCreationClick: fn(),
+        onTermsAndConditionsClicked: fn(),
+    },
+} as Meta<typeof RoomStatusBarViewWrapper>;
+
+const Template: StoryFn<typeof RoomStatusBarViewWrapper> = (args) => <RoomStatusBarViewWrapper {...args} />;
+
+/**
+ * Rendered when the client has lost connection with the server.
+ */
+export const WithConnectionLost = Template.bind({});
+WithConnectionLost.args = {
+    state: RoomStatusBarState.ConnectionLost,
+};
+
+/**
+ * Rendered when the client needs the user to consent to some terms and conditions before
+ * they can perform any room actions.
+ */
+export const WithConsentLink = Template.bind({});
+WithConsentLink.args = {
+    state: RoomStatusBarState.NeedsConsent,
+    consentUri: "#example",
+};
+
+/**
+ * Rendered when the server has hit a usage limit and is forbidding the user from performing
+ * any actions in the room. There is an optional parameter to link to an admin to contact.
+ */
+export const WithResourceLimit = Template.bind({});
+WithResourceLimit.args = {
+    state: RoomStatusBarState.ResourceLimited,
+    resourceLimit: "hs_disabled",
+    adminContactHref: "#example",
+};
+
+/**
+ * Rendered when the client has some unsent messages in the room, stored locally.
+ */
+export const WithUnsentMessages = Template.bind({});
+WithUnsentMessages.args = {
+    state: RoomStatusBarState.UnsentMessages,
+    isResending: false,
+};
+
+/**
+ * Rendered when the client has some unsent messages in the room, stored locally and is
+ * trying to send them.
+ */
+export const WithUnsentMessagesSending = Template.bind({});
+WithUnsentMessagesSending.args = {
+    state: RoomStatusBarState.UnsentMessages,
+    isResending: true,
+};
+/**
+ * Rendered when a local room has failed to be created.
+ */
+export const WithLocalRoomRetry = Template.bind({});
+WithLocalRoomRetry.args = {
+    state: RoomStatusBarState.LocalRoomFailed,
+};
diff --git a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.test.tsx b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.test.tsx
new file mode 100644
index 0000000000..58cc6e6e9f
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.test.tsx
@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { render } from "@test-utils";
+import { composeStories } from "@storybook/react-vite";
+import userEvent from "@testing-library/user-event";
+import { describe, it, vi, expect } from "vitest";
+
+import * as stories from "./RoomStatusBarView.stories.tsx";
+
+const { WithConnectionLost, WithConsentLink, WithResourceLimit, WithUnsentMessages, WithLocalRoomRetry } =
+    composeStories(stories);
+
+describe("RoomStatusBarView", () => {
+    it("renders connection lost", () => {
+        const { container } = render(<WithConnectionLost />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders resource limit error", () => {
+        const { container } = render(<WithResourceLimit />);
+        expect(container).toMatchSnapshot();
+    });
+    it("renders consent link", () => {
+        const { container, getByRole } = render(<WithConsentLink />);
+        expect(container).toMatchSnapshot();
+
+        const button = getByRole("link");
+        expect(button.getAttribute("href")).toEqual("#example");
+    });
+    it("renders unsent messages", async () => {
+        const { container } = render(
+            <WithUnsentMessages onDeleteAllClick={vi.fn()} onRetryRoomCreationClick={vi.fn()} />,
+        );
+        expect(container).toMatchSnapshot();
+    });
+    it("renders unsent messages and deletes all", async () => {
+        const onDeleteAllClick = vi.fn();
+        const { container, getByRole } = render(<WithUnsentMessages onDeleteAllClick={onDeleteAllClick} />);
+        expect(container).toMatchSnapshot();
+
+        const button = getByRole("button", { name: "Delete all" });
+        await userEvent.click(button);
+        expect(onDeleteAllClick).toHaveBeenCalled();
+    });
+    it("renders unsent messages and resends all", async () => {
+        const onResendAllClick = vi.fn();
+        const { container, getByRole } = render(<WithUnsentMessages onResendAllClick={onResendAllClick} />);
+        expect(container).toMatchSnapshot();
+
+        const button = getByRole("button", { name: "Retry all" });
+        await userEvent.click(button);
+        expect(onResendAllClick).toHaveBeenCalled();
+    });
+    it("renders local room error", async () => {
+        const onRetryRoomCreationClick = vi.fn();
+        const { container, getByRole } = render(
+            <WithLocalRoomRetry onRetryRoomCreationClick={onRetryRoomCreationClick} />,
+        );
+        expect(container).toMatchSnapshot();
+
+        const button = getByRole("button", { name: "Retry" });
+        await userEvent.click(button);
+        expect(onRetryRoomCreationClick).toHaveBeenCalled();
+    });
+});
diff --git a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx
new file mode 100644
index 0000000000..9746321616
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx
@@ -0,0 +1,309 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { useCallback, useId, type JSX } from "react";
+import { RestartIcon, DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button, InlineSpinner, Text } from "@vector-im/compound-web";
+
+import styles from "./RoomStatusBarView.module.css";
+import { type ViewModel, useViewModel } from "../../viewmodel";
+import { useI18n } from "../../utils/i18nContext";
+import { Banner } from "../../composer/Banner";
+export interface RoomStatusBarViewActions {
+    /**
+     * Called when the user clicks on the 'resend all' button in the 'unsent messages' bar.
+     */
+    onResendAllClick?: () => Promise<void>;
+
+    /**
+     * Called when the user clicks on the 'cancel all' button in the 'unsent messages' bar.
+     */
+    onDeleteAllClick?: () => void;
+
+    /**
+     * Called when the user clicks on the 'Retry' button in the 'failed to start chat' bar.
+     */
+    onRetryRoomCreationClick?: () => void;
+
+    /**
+     * Called when the user clicks on the 'Review Terms and Conditions' button.
+     */
+    onTermsAndConditionsClicked?: () => void;
+}
+
+export const RoomStatusBarState = {
+    /**
+     * Connectivity to the homeserver has been lost. The user can not take any actions
+     * until the connection is restored.
+     */
+    ConnectionLost: "ConnectionLost",
+    /**
+     * The homeserver has indiciated the user needs to consent to the Terms and Conditions
+     * before they can send a message.
+     */
+    NeedsConsent: "NeedsConsent",
+    /**
+     * The homeserver has indiciated that messages can not be sent due to a resource limit
+     * being reached. The user may use the given admin contact details.
+     */
+    ResourceLimited: "ResourceLimited",
+    /**
+     * There are messages stored locally that previously failed to send that the user
+     * may now retry or delete.
+     */
+    UnsentMessages: "UnsentMessages",
+    /**
+     * There was an error creating a room. The user may retry creation.
+     */
+    LocalRoomFailed: "LocalRoomFailed",
+} as const;
+
+export interface RoomStatusBarNotVisible {
+    state: null;
+}
+
+export interface RoomStatusBarNoConnection {
+    state: "ConnectionLost";
+}
+
+export interface RoomStatusBarConsentState {
+    state: "NeedsConsent";
+    consentUri: string;
+}
+
+export interface RoomStatusBarResourceLimitedState {
+    state: "ResourceLimited";
+    resourceLimit: "monthly_active_user" | "hs_disabled" | string;
+    adminContactHref?: string;
+}
+
+export interface RoomStatusBarUnsentMessagesState {
+    state: "UnsentMessages";
+    isResending: boolean;
+}
+export interface RoomStatusBarLocalRoomError {
+    state: "LocalRoomFailed";
+}
+
+export type RoomStatusBarViewSnapshot =
+    | RoomStatusBarNoConnection
+    | RoomStatusBarConsentState
+    | RoomStatusBarResourceLimitedState
+    | RoomStatusBarUnsentMessagesState
+    | RoomStatusBarLocalRoomError
+    | RoomStatusBarNotVisible;
+
+/**
+ * The view model for RoomStatusBarView.
+ */
+export type RoomStatusBarViewModel = ViewModel<RoomStatusBarViewSnapshot> & RoomStatusBarViewActions;
+
+interface RoomStatusBarViewProps {
+    /**
+     * The view model for the banner.
+     */
+    vm: RoomStatusBarViewModel;
+}
+
+/**
+ * A component to alert to a failure in the context of a room.
+ *
+ * @example
+ * ```tsx
+ * <RoomStatusBarView vm={RoomStatusBarViewModel} />
+ * ```
+ */
+export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX.Element | null {
+    const { translate: _t } = useI18n();
+    const snapshot = useViewModel(vm);
+    const bannerTitleId = useId();
+
+    const deleteAllClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(
+        (ev) => {
+            ev.preventDefault();
+            vm.onDeleteAllClick?.();
+        },
+        [vm],
+    );
+
+    const resendClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(
+        (ev) => {
+            ev.preventDefault();
+            void vm.onResendAllClick?.();
+        },
+        [vm],
+    );
+
+    const retryRoomCreationClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(
+        (ev) => {
+            ev.preventDefault();
+            vm.onRetryRoomCreationClick?.();
+        },
+        [vm],
+    );
+
+    const termsAndConditionsClicked = useCallback<React.MouseEventHandler<HTMLAnchorElement>>(() => {
+        // Allow the link to go through.
+        vm.onTermsAndConditionsClicked?.();
+    }, [vm]);
+
+    if (snapshot.state === null) {
+        // Nothing to show!
+        return null;
+    }
+
+    switch (snapshot.state) {
+        case RoomStatusBarState.ConnectionLost:
+            return (
+                <Banner type="critical" role="status" aria-labelledby={bannerTitleId}>
+                    <div className={styles.container}>
+                        <Text id={bannerTitleId} weight="semibold">
+                            {_t("room|status_bar|server_connectivity_lost_title")}
+                        </Text>
+                        <Text className={styles.description} size="sm">
+                            {_t("room|status_bar|server_connectivity_lost_description")}
+                        </Text>
+                    </div>
+                </Banner>
+            );
+        case RoomStatusBarState.NeedsConsent:
+            return (
+                <Banner
+                    type="critical"
+                    role="status"
+                    aria-labelledby={bannerTitleId}
+                    actions={
+                        <Button
+                            onClick={termsAndConditionsClicked}
+                            kind="secondary"
+                            size="sm"
+                            as="a"
+                            href={snapshot.consentUri}
+                            target="_blank"
+                            rel="noreferrer noopener"
+                        >
+                            {_t("terms|tac_button")}
+                        </Button>
+                    }
+                >
+                    <div className={styles.container}>
+                        <Text id={bannerTitleId} weight="semibold">
+                            {_t("room|status_bar|requires_consent_agreement_title")}
+                        </Text>
+                    </div>
+                </Banner>
+            );
+        case RoomStatusBarState.ResourceLimited:
+            return (
+                <Banner
+                    type="critical"
+                    role="status"
+                    aria-labelledby={bannerTitleId}
+                    actions={
+                        snapshot.adminContactHref && (
+                            <Button
+                                kind="secondary"
+                                size="sm"
+                                as="a"
+                                href={snapshot.adminContactHref}
+                                target="_blank"
+                                rel="noreferrer noopener"
+                            >
+                                Contact admin
+                            </Button>
+                        )
+                    }
+                >
+                    <div className={styles.container}>
+                        <Text id={bannerTitleId} weight="semibold">
+                            {{
+                                monthly_active_user: _t("room|status_bar|monthly_user_limit_reached_title"),
+                                hs_disabled: _t("room|status_bar|homeserver_blocked_title"),
+                            }[snapshot.resourceLimit] || _t("room|status_bar|exceeded_resource_limit_title")}
+                        </Text>
+                        <Text className={styles.description} size="sm">
+                            {_t("room|status_bar|exceeded_resource_limit_description")}
+                        </Text>
+                    </div>
+                </Banner>
+            );
+        case RoomStatusBarState.LocalRoomFailed:
+            return (
+                <Banner
+                    role="status"
+                    type="critical"
+                    aria-labelledby={bannerTitleId}
+                    actions={
+                        <Button
+                            size="sm"
+                            kind="secondary"
+                            className={styles.container}
+                            Icon={RestartIcon}
+                            onClick={retryRoomCreationClick}
+                        >
+                            {_t("action|retry")}
+                        </Button>
+                    }
+                >
+                    <Text id={bannerTitleId} weight="semibold" className={styles.container}>
+                        {_t("room|status_bar|failed_to_create_room_title")}
+                    </Text>
+                </Banner>
+            );
+        case RoomStatusBarState.UnsentMessages:
+            return (
+                <Banner
+                    role="status"
+                    type="critical"
+                    actions={
+                        snapshot.isResending ? (
+                            <InlineSpinner />
+                        ) : (
+                            <>
+                                {vm.onDeleteAllClick && (
+                                    <Button
+                                        size="sm"
+                                        kind="destructive"
+                                        Icon={DeleteIcon}
+                                        disabled={snapshot.isResending}
+                                        onClick={deleteAllClick}
+                                    >
+                                        {_t("room|status_bar|delete_all")}
+                                    </Button>
+                                )}
+                                {vm.onResendAllClick && (
+                                    <Button
+                                        size="sm"
+                                        kind="secondary"
+                                        Icon={RestartIcon}
+                                        disabled={snapshot.isResending}
+                                        onClick={resendClick}
+                                        className={styles.container}
+                                    >
+                                        {_t("room|status_bar|retry_all")}
+                                    </Button>
+                                )}
+                            </>
+                        )
+                    }
+                    aria-labelledby={bannerTitleId}
+                >
+                    <div className={styles.container}>
+                        <Text id={bannerTitleId} weight="semibold">
+                            {_t("room|status_bar|some_messages_not_sent")}
+                        </Text>
+                        <Text className={styles.description} size="sm">
+                            {_t("room|status_bar|select_messages_to_retry")}
+                        </Text>
+                    </div>
+                </Banner>
+            );
+        default:
+            // We should never get into this state.
+            return null;
+    }
+}
diff --git a/packages/shared-components/src/room/RoomStatusBar/__snapshots__/RoomStatusBarView.test.tsx.snap b/packages/shared-components/src/room/RoomStatusBar/__snapshots__/RoomStatusBarView.test.tsx.snap
new file mode 100644
index 0000000000..71bf744b3b
--- /dev/null
+++ b/packages/shared-components/src/room/RoomStatusBar/__snapshots__/RoomStatusBarView.test.tsx.snap
@@ -0,0 +1,520 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`RoomStatusBarView > renders connection lost 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_0_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+          id="_r_0_"
+        >
+          Connectivity to the server has been lost.
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 description"
+        >
+          Sent messages will be stored until your connection has returned.
+        </p>
+      </div>
+    </div>
+    <div
+      class="actions"
+    />
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders consent link 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_2_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+          id="_r_2_"
+        >
+          You can't send any messages until you review and agree to our terms and conditions.
+        </p>
+      </div>
+    </div>
+    <div
+      class="actions"
+    >
+      <a
+        class="_button_13vu4_8"
+        data-kind="secondary"
+        data-size="sm"
+        href="#example"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        Review terms and conditions
+      </a>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders local room error 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_6_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <p
+        class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 container"
+        id="_r_6_"
+      >
+        Could not start a chat with this user
+      </p>
+    </div>
+    <div
+      class="actions"
+    >
+      <button
+        class="_button_13vu4_8 container _has-icon_13vu4_60"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+          />
+        </svg>
+        Retry
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders resource limit error 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_1_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+          id="_r_1_"
+        >
+          Your message wasn't sent because this homeserver has been blocked by its administrator.
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 description"
+        >
+          Please contact your service administrator to continue using the service.
+        </p>
+      </div>
+    </div>
+    <div
+      class="actions"
+    >
+      <a
+        class="_button_13vu4_8"
+        data-kind="secondary"
+        data-size="sm"
+        href="#example"
+        rel="noreferrer noopener"
+        role="link"
+        tabindex="0"
+        target="_blank"
+      >
+        Contact admin
+      </a>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders unsent messages 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_3_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+          id="_r_3_"
+        >
+          Some of your messages have not been sent
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 description"
+        >
+          You can select all or individual messages to retry or delete
+        </p>
+      </div>
+    </div>
+    <div
+      class="actions"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
+          />
+        </svg>
+        Delete all
+      </button>
+      <button
+        aria-disabled="false"
+        class="_button_13vu4_8 container _has-icon_13vu4_60"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+          />
+        </svg>
+        Retry all
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders unsent messages and deletes all 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_4_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+          id="_r_4_"
+        >
+          Some of your messages have not been sent
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 description"
+        >
+          You can select all or individual messages to retry or delete
+        </p>
+      </div>
+    </div>
+    <div
+      class="actions"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
+          />
+        </svg>
+        Delete all
+      </button>
+      <button
+        aria-disabled="false"
+        class="_button_13vu4_8 container _has-icon_13vu4_60"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+          />
+        </svg>
+        Retry all
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`RoomStatusBarView > renders unsent messages and resends all 1`] = `
+<div>
+  <div
+    aria-labelledby="_r_5_"
+    class="banner"
+    data-type="critical"
+    role="status"
+  >
+    <div
+      class="icon"
+    >
+      <svg
+        fill="currentColor"
+        font-size="24"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        />
+      </svg>
+    </div>
+    <div
+      class="content"
+    >
+      <div
+        class="container"
+      >
+        <p
+          class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+          id="_r_5_"
+        >
+          Some of your messages have not been sent
+        </p>
+        <p
+          class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31 description"
+        >
+          You can select all or individual messages to retry or delete
+        </p>
+      </div>
+    </div>
+    <div
+      class="actions"
+    >
+      <button
+        aria-disabled="false"
+        class="_button_13vu4_8 _has-icon_13vu4_60 _destructive_13vu4_110"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
+          />
+        </svg>
+        Delete all
+      </button>
+      <button
+        aria-disabled="false"
+        class="_button_13vu4_8 container _has-icon_13vu4_60"
+        data-kind="secondary"
+        data-size="sm"
+        role="button"
+        tabindex="0"
+      >
+        <svg
+          aria-hidden="true"
+          fill="currentColor"
+          height="20"
+          viewBox="0 0 24 24"
+          width="20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+          />
+        </svg>
+        Retry all
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/shared-components/src/composer/HistoryVisibleBannerView/index.ts b/packages/shared-components/src/room/RoomStatusBar/index.ts
similarity index 83%
rename from packages/shared-components/src/composer/HistoryVisibleBannerView/index.ts
rename to packages/shared-components/src/room/RoomStatusBar/index.ts
index 96bf208bea..43f1bfebc2 100644
--- a/packages/shared-components/src/composer/HistoryVisibleBannerView/index.ts
+++ b/packages/shared-components/src/room/RoomStatusBar/index.ts
@@ -5,4 +5,4 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-export * from "./HistoryVisibleBannerView";
+export * from "./RoomStatusBarView";
diff --git a/packages/shared-components/src/test/setupTests.ts b/packages/shared-components/src/test/setupTests.ts
index 43ffc0c071..9b048d272b 100644
--- a/packages/shared-components/src/test/setupTests.ts
+++ b/packages/shared-components/src/test/setupTests.ts
@@ -5,18 +5,25 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/vitest";
+import { cleanup } from "@test-utils";
+import { afterEach } from "vitest";
 
 import { setLanguage } from "../../src/utils/i18n";
-import en from "../../../../src/i18n/strings/en_EN.json";
+import en from "../i18n/strings/en_EN.json";
 
-export function setupLanguageMock(): void {
+function setupLanguageMock(): void {
     fetchMock
-        .get("/i18n/languages.json", {
+        .get("end:/i18n/languages.json", {
             en: "en_EN.json",
         })
         .get("end:en_EN.json", en);
 }
 setupLanguageMock();
+fetchMock.mockGlobal();
 
 setLanguage("en");
+
+afterEach(() => {
+    cleanup();
+});
diff --git a/packages/shared-components/src/test/utils/jest-matrix-react.tsx b/packages/shared-components/src/test/utils/index.tsx
similarity index 96%
rename from packages/shared-components/src/test/utils/jest-matrix-react.tsx
rename to packages/shared-components/src/test/utils/index.tsx
index d610d87211..bcbd0820da 100644
--- a/packages/shared-components/src/test/utils/jest-matrix-react.tsx
+++ b/packages/shared-components/src/test/utils/index.tsx
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-// Copied from element-web/test/test-utils because, seemingly, if we
+// Copied from element-web/test/@test-utils because, seemingly, if we
 // set that as the modules directory to use it directly, it fails to
 // actually put the right thing in the context somehow.
 
diff --git a/packages/shared-components/src/utils/FormattingUtils.stories.tsx b/packages/shared-components/src/utils/FormattingUtils.stories.tsx
new file mode 100644
index 0000000000..e3bd0040e3
--- /dev/null
+++ b/packages/shared-components/src/utils/FormattingUtils.stories.tsx
@@ -0,0 +1,43 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { Markdown } from "@storybook/addon-docs/blocks";
+
+import type { Meta } from "@storybook/react-vite";
+import formatBytesDoc from "../../typedoc/functions/formatBytes.md?raw";
+import formatSecondsDoc from "../../typedoc/functions/formatSeconds.md?raw";
+
+const meta = {
+    title: "utils/FormattingUtils",
+    parameters: {
+        docs: {
+            page: () => (
+                <>
+                    <h1>Formatting Utilities</h1>
+                    <p>A collection of utility functions for formatting data into human-readable strings.</p>
+
+                    <hr />
+                    <h2>formatBytes</h2>
+                    <Markdown>{formatBytesDoc}</Markdown>
+
+                    <hr />
+                    <h2>formatSeconds</h2>
+                    <Markdown>{formatSecondsDoc}</Markdown>
+                </>
+            ),
+        },
+    },
+    tags: ["autodocs", "skip-test"],
+} satisfies Meta;
+
+export default meta;
+
+// Docs-only story - renders nothing but triggers autodocs
+export const Docs = {
+    render: () => null,
+};
diff --git a/packages/shared-components/src/utils/I18nApi.test.ts b/packages/shared-components/src/utils/I18nApi.test.ts
index 2b3431f07c..a9fd287c4f 100644
--- a/packages/shared-components/src/utils/I18nApi.test.ts
+++ b/packages/shared-components/src/utils/I18nApi.test.ts
@@ -5,14 +5,15 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import { type TranslationKey } from "../i18nKeys";
+import { describe, it, expect } from "vitest";
+
 import { I18nApi } from "./I18nApi";
 
 describe("I18nApi", () => {
     it("can register a translation and use it", () => {
         const i18n = new I18nApi();
         i18n.register({
-            "hello.world": {
+            ["hello.world" as TranslationKey]: {
                 en: "Hello, World!",
             },
         });
diff --git a/packages/shared-components/src/utils/I18nApi.ts b/packages/shared-components/src/utils/I18nApi.ts
index 20d641f5ce..df474e2775 100644
--- a/packages/shared-components/src/utils/I18nApi.ts
+++ b/packages/shared-components/src/utils/I18nApi.ts
@@ -9,7 +9,6 @@ import { type I18nApi as II18nApi, type Variables, type Translations } from "@el
 
 import { humanizeTime } from "./humanize";
 import { _t, getLocale, registerTranslations } from "./i18n";
-import { type TranslationKey } from "../i18nKeys";
 
 export class I18nApi implements II18nApi {
     /**
@@ -24,10 +23,11 @@ export class I18nApi implements II18nApi {
      */
     public register(translations: Partial<Translations>): void {
         const langs: Record<string, Record<string, string>> = {};
+
         for (const key in translations) {
-            for (const lang in translations[key]) {
+            for (const lang in translations[key as keyof Translations]) {
                 langs[lang] = langs[lang] || {};
-                langs[lang][key] = translations[key][lang];
+                langs[lang][key] = translations[key as keyof Translations]![lang];
             }
         }
 
diff --git a/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.stories.tsx b/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.stories.tsx
new file mode 100644
index 0000000000..a20fe188a3
--- /dev/null
+++ b/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.stories.tsx
@@ -0,0 +1,52 @@
+/*
+Copyright 2026 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { VirtualizedList, type IVirtualizedListProps, type VirtualizedListContext } from "./VirtualizedList";
+
+interface SimpleItem {
+    id: string;
+    label: string;
+}
+
+const items: SimpleItem[] = Array.from({ length: 50 }, (_, i) => ({
+    id: `item-${i}`,
+    label: `Item ${i + 1}`,
+}));
+
+const meta = {
+    title: "Utils/VirtualizedList",
+    component: VirtualizedList<SimpleItem, undefined>,
+    args: {
+        items,
+        getItemComponent: (
+            _index: number,
+            item: SimpleItem,
+            context: VirtualizedListContext<undefined>,
+            onFocus: (item: SimpleItem, e: React.FocusEvent) => void,
+        ) => (
+            <div
+                key={item.id}
+                style={{ padding: "12px 16px", borderBottom: "1px solid #e0e0e0" }}
+                tabIndex={context.tabIndexKey === item.id ? 0 : -1}
+                onFocus={(e) => onFocus(item, e)}
+            >
+                {item.label}
+            </div>
+        ),
+        isItemFocusable: () => true,
+        getItemKey: (item) => item.id,
+        style: { height: "400px" },
+    },
+} satisfies Meta<IVirtualizedListProps<SimpleItem, undefined>>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/test/unit-tests/components/views/utils/ListView-test.tsx b/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.test.tsx
similarity index 72%
rename from test/unit-tests/components/views/utils/ListView-test.tsx
rename to packages/shared-components/src/utils/VirtualizedList/VirtualizedList.test.tsx
index 0cae681f73..4dd5125b6f 100644
--- a/test/unit-tests/components/views/utils/ListView-test.tsx
+++ b/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.test.tsx
@@ -1,15 +1,24 @@
 /*
-Copyright 2024 New Vector Ltd.
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
 
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React from "react";
-import { render, screen, fireEvent } from "jest-matrix-react";
+import React, { type PropsWithChildren } from "react";
+import { render, screen, fireEvent } from "@test-utils";
 import { VirtuosoMockContext } from "react-virtuoso";
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 
-import { ListView, type IListViewProps } from "../../../../../src/components/utils/ListView";
+import { VirtualizedList, type IVirtualizedListProps } from "./VirtualizedList";
+
+const expectTabIndex = (element: Element, expected: string): void => {
+    expect(element.getAttribute("tabindex")).toBe(expected);
+};
+
+const expectAttribute = (element: Element, attr: string, expected: string): void => {
+    expect(element.getAttribute(attr)).toBe(expected);
+};
 
 interface TestItem {
     id: string;
@@ -20,9 +29,9 @@ interface TestItem {
 const SEPARATOR_ITEM = "SEPARATOR" as const;
 type TestItemWithSeparator = TestItem | typeof SEPARATOR_ITEM;
 
-describe("ListView", () => {
-    const mockGetItemComponent = jest.fn();
-    const mockIsItemFocusable = jest.fn();
+describe("VirtualizedList", () => {
+    const mockGetItemComponent = vi.fn();
+    const mockIsItemFocusable = vi.fn();
 
     const defaultItems: TestItemWithSeparator[] = [
         { id: "1", name: "Item 1" },
@@ -31,22 +40,26 @@ describe("ListView", () => {
         { id: "3", name: "Item 3" },
     ];
 
-    const defaultProps: IListViewProps<TestItemWithSeparator, any> = {
+    const defaultProps: IVirtualizedListProps<TestItemWithSeparator, any> = {
         items: defaultItems,
         getItemComponent: mockGetItemComponent,
         isItemFocusable: mockIsItemFocusable,
         getItemKey: (item) => (typeof item === "string" ? item : item.id),
     };
 
-    const getListViewComponent = (props: Partial<IListViewProps<TestItemWithSeparator, any>> = {}) => {
+    const getListComponent = (
+        props: Partial<IVirtualizedListProps<TestItemWithSeparator, any>> = {},
+    ): React.JSX.Element => {
         const mergedProps = { ...defaultProps, ...props };
-        return <ListView {...mergedProps} role="grid" aria-rowcount={props.items?.length} aria-colcount={1} />;
+        return <VirtualizedList {...mergedProps} role="grid" aria-rowcount={props.items?.length} aria-colcount={1} />;
     };
 
-    const renderListViewWithHeight = (props: Partial<IListViewProps<TestItemWithSeparator, any>> = {}) => {
+    const renderListWithHeight = (
+        props: Partial<IVirtualizedListProps<TestItemWithSeparator, any>> = {},
+    ): ReturnType<typeof render> => {
         const mergedProps = { ...defaultProps, ...props };
-        return render(getListViewComponent(mergedProps), {
-            wrapper: ({ children }) => (
+        return render(getListComponent(mergedProps), {
+            wrapper: ({ children }: PropsWithChildren) => (
                 <VirtuosoMockContext.Provider value={{ viewportHeight: 400, itemHeight: 56 }}>
                     <>{children}</>
                 </VirtuosoMockContext.Provider>
@@ -55,12 +68,12 @@ describe("ListView", () => {
     };
 
     beforeEach(() => {
-        jest.clearAllMocks();
+        vi.clearAllMocks();
         mockGetItemComponent.mockImplementation((index: number, item: TestItemWithSeparator, context: any) => {
             const itemKey = typeof item === "string" ? item : item.id;
             const isFocused = context.tabIndexKey === itemKey;
             return (
-                <div className="mx_item" data-testid={`row-${index}`} tabIndex={isFocused ? 0 : -1}>
+                <div className="mx_item" data-testid={`row-${index}`} tabIndex={isFocused ? 0 : -1} role="gridcell">
                     {item === SEPARATOR_ITEM ? "---" : (item as TestItem).name}
                 </div>
             );
@@ -69,24 +82,24 @@ describe("ListView", () => {
     });
 
     afterEach(() => {
-        jest.restoreAllMocks();
+        vi.restoreAllMocks();
     });
 
     describe("Rendering", () => {
-        it("should render the ListView component", () => {
-            renderListViewWithHeight();
-            expect(screen.getByRole("grid")).toBeInTheDocument();
+        it("should render the VirtualizedList component", () => {
+            renderListWithHeight();
+            expect(screen.getByRole("grid")).toBeDefined();
         });
 
         it("should render with empty items array", () => {
-            renderListViewWithHeight({ items: [] });
-            expect(screen.getByRole("grid")).toBeInTheDocument();
+            renderListWithHeight({ items: [] });
+            expect(screen.getByRole("grid")).toBeDefined();
         });
     });
 
     describe("Keyboard Navigation", () => {
         it("should handle ArrowDown key navigation", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             fireEvent.focus(container);
@@ -94,13 +107,13 @@ describe("ListView", () => {
 
             // ArrowDown should skip the non-focusable item at index 1 and go to index 2
             const items = container.querySelectorAll(".mx_item");
-            expect(items[2]).toHaveAttribute("tabindex", "0");
-            expect(items[0]).toHaveAttribute("tabindex", "-1");
-            expect(items[1]).toHaveAttribute("tabindex", "-1");
+            expectTabIndex(items[2], "0");
+            expectTabIndex(items[0], "-1");
+            expectTabIndex(items[1], "-1");
         });
 
         it("should handle ArrowUp key navigation", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // First focus and navigate down to second item
@@ -112,12 +125,12 @@ describe("ListView", () => {
 
             // Verify focus moved back to first item
             const items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0");
-            expect(items[1]).toHaveAttribute("tabindex", "-1");
+            expectTabIndex(items[0], "0");
+            expectTabIndex(items[1], "-1");
         });
 
         it("should handle Home key navigation", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // First focus and navigate to a later item
@@ -130,15 +143,15 @@ describe("ListView", () => {
 
             // Verify focus moved to first item
             const items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0");
+            expectTabIndex(items[0], "0");
             // Check that other items are not focused
             for (let i = 1; i < items.length; i++) {
-                expect(items[i]).toHaveAttribute("tabindex", "-1");
+                expectTabIndex(items[i], "-1");
             }
         });
 
         it("should handle End key navigation", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // First focus on the list (starts at first item)
@@ -151,15 +164,15 @@ describe("ListView", () => {
             const items = container.querySelectorAll(".mx_item");
             // Should focus on the last visible item
             const lastIndex = items.length - 1;
-            expect(items[lastIndex]).toHaveAttribute("tabindex", "0");
+            expectTabIndex(items[lastIndex], "0");
             // Check that other items are not focused
             for (let i = 0; i < lastIndex; i++) {
-                expect(items[i]).toHaveAttribute("tabindex", "-1");
+                expectTabIndex(items[i], "-1");
             }
         });
 
         it("should handle PageDown key navigation", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // First focus on the list (starts at first item)
@@ -172,12 +185,12 @@ describe("ListView", () => {
             const items = container.querySelectorAll(".mx_item");
             // PageDown should move to the last visible item since we only have 4 items
             const lastIndex = items.length - 1;
-            expect(items[lastIndex]).toHaveAttribute("tabindex", "0");
-            expect(items[0]).toHaveAttribute("tabindex", "-1");
+            expectTabIndex(items[lastIndex], "0");
+            expectTabIndex(items[0], "-1");
         });
 
         it("should handle PageUp key navigation", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // First focus and navigate to last item to have something to page up from
@@ -190,56 +203,56 @@ describe("ListView", () => {
             // Verify focus moved up
             const items = container.querySelectorAll(".mx_item");
             // PageUp should move back to the first item since we only have 4 items
-            expect(items[0]).toHaveAttribute("tabindex", "0");
+            expectTabIndex(items[0], "0");
             const lastIndex = items.length - 1;
-            expect(items[lastIndex]).toHaveAttribute("tabindex", "-1");
+            expectTabIndex(items[lastIndex], "-1");
         });
 
         it("should not handle keyboard navigation when modifier keys are pressed", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             fireEvent.focus(container);
 
             // Store initial state - first item should be focused
             const initialItems = container.querySelectorAll(".mx_item");
-            expect(initialItems[0]).toHaveAttribute("tabindex", "0");
-            expect(initialItems[2]).toHaveAttribute("tabindex", "-1");
+            expectTabIndex(initialItems[0], "0");
+            expectTabIndex(initialItems[2], "-1");
 
             // Test ArrowDown with Ctrl modifier - should NOT navigate
             fireEvent.keyDown(container, { code: "ArrowDown", ctrlKey: true });
 
             let items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0"); // Should still be on first item
-            expect(items[2]).toHaveAttribute("tabindex", "-1"); // Should not have moved to third item
+            expectTabIndex(items[0], "0"); // Should still be on first item
+            expectTabIndex(items[2], "-1"); // Should not have moved to third item
 
             // Test ArrowDown with Alt modifier - should NOT navigate
             fireEvent.keyDown(container, { code: "ArrowDown", altKey: true });
 
             items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0"); // Should still be on first item
-            expect(items[2]).toHaveAttribute("tabindex", "-1"); // Should not have moved to third item
+            expectTabIndex(items[0], "0"); // Should still be on first item
+            expectTabIndex(items[2], "-1"); // Should not have moved to third item
 
             // Test ArrowDown with Shift modifier - should NOT navigate
             fireEvent.keyDown(container, { code: "ArrowDown", shiftKey: true });
 
             items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0"); // Should still be on first item
-            expect(items[2]).toHaveAttribute("tabindex", "-1"); // Should not have moved to third item
+            expectTabIndex(items[0], "0"); // Should still be on first item
+            expectTabIndex(items[2], "-1"); // Should not have moved to third item
 
             // Test ArrowDown with Meta/Cmd modifier - should NOT navigate
             fireEvent.keyDown(container, { code: "ArrowDown", metaKey: true });
 
             items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0"); // Should still be on first item
-            expect(items[2]).toHaveAttribute("tabindex", "-1"); // Should not have moved to third item
+            expectTabIndex(items[0], "0"); // Should still be on first item
+            expectTabIndex(items[2], "-1"); // Should not have moved to third item
 
             // Test normal ArrowDown without modifiers - SHOULD navigate
             fireEvent.keyDown(container, { code: "ArrowDown" });
 
             items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "-1"); // Should have moved from first item
-            expect(items[2]).toHaveAttribute("tabindex", "0"); // Should have moved to third item (skipping separator)
+            expectTabIndex(items[0], "-1"); // Should have moved from first item
+            expectTabIndex(items[2], "0"); // Should have moved to third item (skipping separator)
         });
 
         it("should skip non-focusable items when navigating down", async () => {
@@ -257,7 +270,7 @@ describe("ListView", () => {
                 return (item as TestItem).isFocusable !== false;
             });
 
-            renderListViewWithHeight({ items: mixedItems });
+            renderListWithHeight({ items: mixedItems });
             const container = screen.getByRole("grid");
 
             fireEvent.focus(container);
@@ -266,9 +279,9 @@ describe("ListView", () => {
             // Verify it skipped the non-focusable item at index 1
             // and went directly to the focusable item at index 2
             const items = container.querySelectorAll(".mx_item");
-            expect(items[2]).toHaveAttribute("tabindex", "0"); // Item 3 is focused
-            expect(items[0]).toHaveAttribute("tabindex", "-1"); // Item 1 is not focused
-            expect(items[1]).toHaveAttribute("tabindex", "-1"); // Item 2 (non-focusable) is not focused
+            expectTabIndex(items[2], "0"); // Item 3 is focused
+            expectTabIndex(items[0], "-1"); // Item 1 is not focused
+            expectTabIndex(items[1], "-1"); // Item 2 (non-focusable) is not focused
         });
 
         it("should skip non-focusable items when navigating up", () => {
@@ -284,7 +297,7 @@ describe("ListView", () => {
                 return (item as TestItem).isFocusable !== false;
             });
 
-            renderListViewWithHeight({ items: mixedItems });
+            renderListWithHeight({ items: mixedItems });
             const container = screen.getByRole("grid");
 
             // Focus and go to last item first, then navigate up
@@ -295,14 +308,14 @@ describe("ListView", () => {
             // Verify it skipped non-focusable items
             // and went to the first focusable item
             const items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0"); // Item 1 is focused
-            expect(items[3]).toHaveAttribute("tabindex", "-1"); // Item 3 is not focused anymore
+            expectTabIndex(items[0], "0"); // Item 1 is focused
+            expectTabIndex(items[3], "-1"); // Item 3 is not focused anymore
         });
     });
 
     describe("Focus Management", () => {
         it("should focus first item when list gains focus for the first time", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // Initial focus should go to first item
@@ -310,15 +323,15 @@ describe("ListView", () => {
 
             // Verify first item gets focus
             const items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0");
+            expectTabIndex(items[0], "0");
             // Other items should not be focused
             for (let i = 1; i < items.length; i++) {
-                expect(items[i]).toHaveAttribute("tabindex", "-1");
+                expectTabIndex(items[i], "-1");
             }
         });
 
         it("should restore last focused item when regaining focus", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // Focus and navigate to simulate previous usage
@@ -327,7 +340,7 @@ describe("ListView", () => {
 
             // Verify item 2 is focused
             let items = container.querySelectorAll(".mx_item");
-            expect(items[2]).toHaveAttribute("tabindex", "0"); // ArrowDown skips to item 2
+            expectTabIndex(items[2], "0"); // ArrowDown skips to item 2
 
             // Simulate blur by focusing elsewhere
             fireEvent.blur(container);
@@ -337,11 +350,11 @@ describe("ListView", () => {
 
             // Verify focus is restored to the previously focused item
             items = container.querySelectorAll(".mx_item");
-            expect(items[2]).toHaveAttribute("tabindex", "0"); // Should still be item 2
+            expectTabIndex(items[2], "0"); // Should still be item 2
         });
 
         it("should not interfere with focus if item is already focused", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
             // Focus once
@@ -350,7 +363,7 @@ describe("ListView", () => {
             // Focus again when already focused
             fireEvent.focus(container);
 
-            expect(container).toBeInTheDocument();
+            expect(container).toBeDefined();
         });
 
         it("should not scroll to top when clicking an item after manual scroll", () => {
@@ -360,7 +373,7 @@ describe("ListView", () => {
                 name: `Item ${i}`,
             }));
 
-            const mockOnClick = jest.fn();
+            const mockOnClick = vi.fn();
 
             mockGetItemComponent.mockImplementation(
                 (
@@ -376,7 +389,13 @@ describe("ListView", () => {
                             className="mx_item"
                             data-testid={`row-${index}`}
                             tabIndex={isFocused ? 0 : -1}
+                            role="button"
                             onClick={() => mockOnClick(item)}
+                            onKeyDown={(e) => {
+                                if (e.key === "Enter" || e.key === " ") {
+                                    mockOnClick(item);
+                                }
+                            }}
                             onFocus={(e) => onFocus(item, e)}
                         >
                             {item === SEPARATOR_ITEM ? "---" : (item as TestItem).name}
@@ -385,7 +404,7 @@ describe("ListView", () => {
                 },
             );
 
-            const { container } = renderListViewWithHeight({ items: largerItems });
+            const { container } = renderListWithHeight({ items: largerItems });
             const listContainer = screen.getByRole("grid");
 
             // Step 1: Focus the list initially (this sets tabIndexKey to first item: "item-0")
@@ -393,8 +412,8 @@ describe("ListView", () => {
 
             // Verify first item is focused initially and tabIndexKey is set to first item
             let items = container.querySelectorAll(".mx_item");
-            expect(items[0]).toHaveAttribute("tabindex", "0");
-            expect(items[0]).toHaveAttribute("data-testid", "row-0");
+            expectTabIndex(items[0], "0");
+            expectAttribute(items[0], "data-testid", "row-0");
 
             // Step 2: Simulate manual scrolling (mouse wheel, scroll bar drag, etc.)
             // This changes which items are visible but DOES NOT change tabIndexKey
@@ -426,7 +445,7 @@ describe("ListView", () => {
 
             // With the fix applied: the clicked item should become focused (tabindex="0")
             // This validates that the fix prevents unwanted scrolling back to the top
-            expect(clickTargetItem).toHaveAttribute("tabindex", "0");
+            expectTabIndex(clickTargetItem, "0");
 
             // The key validation: ensure we haven't scrolled back to the top
             // item-0 should still not be visible (if the fix is working)
@@ -437,18 +456,18 @@ describe("ListView", () => {
 
     describe("Accessibility", () => {
         it("should set correct ARIA attributes", () => {
-            renderListViewWithHeight();
+            renderListWithHeight();
             const container = screen.getByRole("grid");
 
-            expect(container).toHaveAttribute("role", "grid");
-            expect(container).toHaveAttribute("aria-rowcount", "4");
-            expect(container).toHaveAttribute("aria-colcount", "1");
+            expectAttribute(container, "role", "grid");
+            expectAttribute(container, "aria-rowcount", "4");
+            expectAttribute(container, "aria-colcount", "1");
         });
 
         it("should update aria-rowcount when items change", () => {
-            const { rerender } = renderListViewWithHeight();
+            const { rerender } = renderListWithHeight();
             let container = screen.getByRole("grid");
-            expect(container).toHaveAttribute("aria-rowcount", "4");
+            expectAttribute(container, "aria-rowcount", "4");
 
             // Update with fewer items
             const fewerItems = [
@@ -456,21 +475,21 @@ describe("ListView", () => {
                 { id: "2", name: "Item 2" },
             ];
             rerender(
-                getListViewComponent({
+                getListComponent({
                     ...defaultProps,
                     items: fewerItems,
                 }),
             );
 
             container = screen.getByRole("grid");
-            expect(container).toHaveAttribute("aria-rowcount", "2");
+            expectAttribute(container, "aria-rowcount", "2");
         });
 
         it("should handle custom ARIA label", () => {
-            renderListViewWithHeight({ "aria-label": "Custom list label" });
+            renderListWithHeight({ "aria-label": "Custom list label" });
             const container = screen.getByRole("grid");
 
-            expect(container).toHaveAttribute("aria-label", "Custom list label");
+            expectAttribute(container, "aria-label", "Custom list label");
         });
     });
 });
diff --git a/src/components/utils/ListView.tsx b/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.tsx
similarity index 79%
rename from src/components/utils/ListView.tsx
rename to packages/shared-components/src/utils/VirtualizedList/VirtualizedList.tsx
index e35f7e2e47..adea593d07 100644
--- a/src/components/utils/ListView.tsx
+++ b/packages/shared-components/src/utils/VirtualizedList/VirtualizedList.tsx
@@ -1,19 +1,39 @@
 /*
-Copyright 2025 New Vector Ltd.
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
 
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { useRef, type JSX, useCallback, useEffect, useState } from "react";
+import React, { useRef, type JSX, useCallback, useEffect, useState, useMemo } from "react";
 import { type VirtuosoHandle, type ListRange, Virtuoso, type VirtuosoProps } from "react-virtuoso";
 
-import { isModifiedKeyEvent, Key } from "../../Keyboard";
+/**
+ * Keyboard key codes
+ */
+export const Key = {
+    ARROW_UP: "ArrowUp",
+    ARROW_DOWN: "ArrowDown",
+    HOME: "Home",
+    END: "End",
+    PAGE_UP: "PageUp",
+    PAGE_DOWN: "PageDown",
+    ENTER: "Enter",
+    SPACE: "Space",
+} as const;
+
+/**
+ * Check if a keyboard event includes modifier keys
+ */
+export function isModifiedKeyEvent(event: React.KeyboardEvent): boolean {
+    return event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
+}
+
 /**
  * Context object passed to each list item containing the currently focused key
  * and any additional context data from the parent component.
  */
-export type ListContext<Context> = {
+export type VirtualizedListContext<Context> = {
     /** The key of item that should have tabIndex == 0 */
     tabIndexKey?: string;
     /** Whether an item in the list is currently focused */
@@ -22,8 +42,8 @@ export type ListContext<Context> = {
     context: Context;
 };
 
-export interface IListViewProps<Item, Context> extends Omit<
-    VirtuosoProps<Item, ListContext<Context>>,
+export interface IVirtualizedListProps<Item, Context> extends Omit<
+    VirtuosoProps<Item, VirtualizedListContext<Context>>,
     "data" | "itemContent" | "context"
 > {
     /**
@@ -43,13 +63,13 @@ export interface IListViewProps<Item, Context> extends Omit<
     getItemComponent: (
         index: number,
         item: Item,
-        context: ListContext<Context>,
+        context: VirtualizedListContext<Context>,
         onFocus: (item: Item, e: React.FocusEvent) => void,
     ) => JSX.Element;
 
     /**
      * Optional additional context data to pass to each rendered item.
-     * This will be available in the ListContext passed to getItemComponent.
+     * This will be available in the VirtualizedListContext passed to getItemComponent.
      */
     context?: Context;
 
@@ -66,16 +86,37 @@ export interface IListViewProps<Item, Context> extends Omit<
      * @return The key to use for focusing the item
      */
     getItemKey: (item: Item) => string;
+
     /**
      * Callback function to handle key down events on the list container.
-     * ListView handles keyboard navigation for focus(up, down, home, end, pageUp, pageDown)
+     * List handles keyboard navigation for focus(up, down, home, end, pageUp, pageDown)
      * and stops propagation otherwise the event bubbles and this callback is called for the use of the parent.
      * @param e - The keyboard event
      * @returns
      */
     onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+
+    /**
+     * Optional total count of items (for virtualization with partial data loading).
+     * If provided, this will be used instead of items.length for the total count.
+     */
+    totalCount?: number;
+
+    /**
+     * Optional callback when the visible range of items changes.
+     * Useful for loading data on-demand as the user scrolls.
+     * @param range - The new visible range with startIndex and endIndex
+     */
+    rangeChanged?: (range: ListRange) => void;
 }
 
+/**
+ * Utility type for the prop scrollIntoViewOnChange allowing it to be memoised by a caller without repeating types
+ */
+export type ScrollIntoViewOnChange<Item, Context = any> = NonNullable<
+    VirtuosoProps<Item, VirtualizedListContext<Context>>["scrollIntoViewOnChange"]
+>;
+
 /**
  * A generic virtualized list component built on top of react-virtuoso.
  * Provides keyboard navigation and virtualized rendering for performance with large lists.
@@ -83,9 +124,19 @@ export interface IListViewProps<Item, Context> extends Omit<
  * @template Item - The type of data items in the list
  * @template Context - The type of additional context data passed to items
  */
-export function ListView<Item, Context = any>(props: IListViewProps<Item, Context>): React.ReactElement {
+export function VirtualizedList<Item, Context = any>(props: IVirtualizedListProps<Item, Context>): React.ReactElement {
     // Extract our custom props to avoid conflicts with Virtuoso props
-    const { items, getItemComponent, isItemFocusable, getItemKey, context, onKeyDown, ...virtuosoProps } = props;
+    const {
+        items,
+        getItemComponent,
+        isItemFocusable,
+        getItemKey,
+        context,
+        onKeyDown,
+        totalCount,
+        rangeChanged,
+        ...virtuosoProps
+    } = props;
     /** Reference to the Virtuoso component for programmatic scrolling */
     const virtuosoHandleRef = useRef<VirtuosoHandle>(null);
     /** Reference to the DOM element containing the virtualized list */
@@ -206,11 +257,11 @@ export function ListView<Item, Context = any>(props: IListViewProps<Item, Contex
                 handled = true;
             } else if (e.code === Key.PAGE_DOWN && visibleRange && currentIndex !== undefined) {
                 const numberDisplayed = visibleRange.endIndex - visibleRange.startIndex;
-                scrollToItem(Math.min(currentIndex + numberDisplayed, items.length - 1), true, `start`);
+                scrollToItem(Math.min(currentIndex + numberDisplayed, items.length - 1), true, "start");
                 handled = true;
             } else if (e.code === Key.PAGE_UP && visibleRange && currentIndex !== undefined) {
                 const numberDisplayed = visibleRange.endIndex - visibleRange.startIndex;
-                scrollToItem(Math.max(currentIndex - numberDisplayed, 0), false, `start`);
+                scrollToItem(Math.max(currentIndex - numberDisplayed, 0), false, "start");
                 handled = true;
             }
 
@@ -239,7 +290,7 @@ export function ListView<Item, Context = any>(props: IListViewProps<Item, Contex
     const onFocusForGetItemComponent = useCallback(
         (item: Item, e: React.FocusEvent) => {
             // If one of the item components has been focused directly, set the focused and tabIndex state
-            // and stop propagation so the ListViews onFocus doesn't also handle it.
+            // and stop propagation so the List's onFocus doesn't also handle it.
             const key = getItemKey(item);
             setIsFocused(true);
             setTabIndexKey(key);
@@ -249,10 +300,11 @@ export function ListView<Item, Context = any>(props: IListViewProps<Item, Contex
     );
 
     const getItemComponentInternal = useCallback(
-        (index: number, item: Item, context: ListContext<Context>): JSX.Element =>
+        (index: number, item: Item, context: VirtualizedListContext<Context>): JSX.Element =>
             getItemComponent(index, item, context, onFocusForGetItemComponent),
         [getItemComponent, onFocusForGetItemComponent],
     );
+
     /**
      * Handles focus events on the list.
      * Sets the focused state and scrolls to the focused item if it is not currently visible.
@@ -286,11 +338,23 @@ export function ListView<Item, Context = any>(props: IListViewProps<Item, Contex
         }
     }, []);
 
-    const listContext: ListContext<Context> = {
-        tabIndexKey: tabIndexKey,
-        focused: isFocused,
-        context: props.context || ({} as Context),
-    };
+    const listContext: VirtualizedListContext<Context> = useMemo(
+        () => ({
+            tabIndexKey: tabIndexKey,
+            focused: isFocused,
+            context: props.context || ({} as Context),
+        }),
+        [tabIndexKey, isFocused, props.context],
+    );
+
+    // Combine internal range tracking with optional external callback
+    const handleRangeChanged = useCallback(
+        (range: ListRange) => {
+            setVisibleRange(range);
+            rangeChanged?.(range);
+        },
+        [rangeChanged],
+    );
 
     return (
         <Virtuoso
@@ -302,10 +366,11 @@ export function ListView<Item, Context = any>(props: IListViewProps<Item, Contex
             scrollerRef={scrollerRef}
             onKeyDown={keyDownCallback}
             context={listContext}
-            rangeChanged={setVisibleRange}
+            rangeChanged={handleRangeChanged}
             // virtuoso errors internally if you pass undefined.
             overscan={props.overscan || 0}
             data={props.items}
+            totalCount={totalCount}
             onFocus={onFocus}
             onBlur={onBlur}
             itemContent={getItemComponentInternal}
diff --git a/packages/shared-components/src/utils/VirtualizedList/index.ts b/packages/shared-components/src/utils/VirtualizedList/index.ts
new file mode 100644
index 0000000000..72476c231a
--- /dev/null
+++ b/packages/shared-components/src/utils/VirtualizedList/index.ts
@@ -0,0 +1,13 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { VirtualizedList } from "./VirtualizedList";
+export type { IVirtualizedListProps, VirtualizedListContext, ScrollIntoViewOnChange } from "./VirtualizedList";
+
+// Re-export VirtuosoMockContext for testing purposes
+// Tests should import this from shared-components to ensure context compatibility
+export { VirtuosoMockContext } from "react-virtuoso";
diff --git a/packages/shared-components/src/utils/humanize.stories.tsx b/packages/shared-components/src/utils/humanize.stories.tsx
new file mode 100644
index 0000000000..6d5ba65440
--- /dev/null
+++ b/packages/shared-components/src/utils/humanize.stories.tsx
@@ -0,0 +1,34 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { Markdown } from "@storybook/addon-docs/blocks";
+
+import type { Meta } from "@storybook/react-vite";
+import humanizeTimeDoc from "../../typedoc/functions/humanizeTime.md?raw";
+
+const meta = {
+    title: "utils/humanize",
+    parameters: {
+        docs: {
+            page: () => (
+                <>
+                    <h1>humanize</h1>
+                    <Markdown>{humanizeTimeDoc}</Markdown>
+                </>
+            ),
+        },
+    },
+    tags: ["autodocs", "skip-test"],
+} satisfies Meta;
+
+export default meta;
+
+// Docs-only story - renders nothing but triggers autodocs
+export const Docs = {
+    render: () => null,
+};
diff --git a/packages/shared-components/src/utils/humanize.test.ts b/packages/shared-components/src/utils/humanize.test.ts
index 1c07dd3d04..9cef35bab3 100644
--- a/packages/shared-components/src/utils/humanize.test.ts
+++ b/packages/shared-components/src/utils/humanize.test.ts
@@ -5,13 +5,15 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
+import { describe, it, beforeAll, vi, expect } from "vitest";
+
 import { humanizeTime } from "./humanize";
 
 describe("humanizeTime", () => {
     const now = new Date("2025-08-01T12:00:00Z").getTime();
 
     beforeAll(() => {
-        jest.useFakeTimers().setSystemTime(now);
+        vi.useFakeTimers().setSystemTime(now);
     });
 
     it.each([
diff --git a/packages/shared-components/src/utils/i18n.test.ts b/packages/shared-components/src/utils/i18n.test.ts
index a578f7bcfe..94aebd7c2f 100644
--- a/packages/shared-components/src/utils/i18n.test.ts
+++ b/packages/shared-components/src/utils/i18n.test.ts
@@ -6,39 +6,40 @@
  */
 
 import counterpart from "counterpart";
+import { vi, describe, it, beforeEach, expect } from "vitest";
 
 import { registerTranslations, setMissingEntryGenerator, getLocale, setLocale } from "./i18n";
 
 describe("i18n utils", () => {
     beforeEach(() => {
-        jest.clearAllMocks();
+        vi.clearAllMocks();
     });
 
     it("should wrap registerTranslations", () => {
-        jest.spyOn(counterpart, "registerTranslations");
+        vi.spyOn(counterpart, "registerTranslations");
 
         registerTranslations("en", { test: "This is a test" });
         expect(counterpart.registerTranslations).toHaveBeenCalledWith("en", { test: "This is a test" });
     });
 
     it("should wrap setMissingEntryGenerator", () => {
-        jest.spyOn(counterpart, "setMissingEntryGenerator");
+        vi.spyOn(counterpart, "setMissingEntryGenerator");
 
-        const dummyFn = jest.fn();
+        const dummyFn = vi.fn();
 
         setMissingEntryGenerator(dummyFn);
         expect(counterpart.setMissingEntryGenerator).toHaveBeenCalledWith(dummyFn);
     });
 
     it("should wrap getLocale", () => {
-        jest.spyOn(counterpart, "getLocale");
+        vi.spyOn(counterpart, "getLocale");
 
         getLocale();
         expect(counterpart.getLocale).toHaveBeenCalled();
     });
 
     it("should wrap setLocale", () => {
-        jest.spyOn(counterpart, "setLocale");
+        vi.spyOn(counterpart, "setLocale");
 
         setLocale("en");
         expect(counterpart.setLocale).toHaveBeenCalledWith("en");
diff --git a/packages/shared-components/src/utils/i18n.tsx b/packages/shared-components/src/utils/i18n.tsx
index 2ce1f78005..d3cf396087 100644
--- a/packages/shared-components/src/utils/i18n.tsx
+++ b/packages/shared-components/src/utils/i18n.tsx
@@ -25,13 +25,11 @@ import React from "react";
 import { KEY_SEPARATOR } from "matrix-web-i18n";
 import counterpart from "counterpart";
 
-import type { TranslationKey } from "../index";
-
-// @ts-ignore - $webapp is a webpack resolve alias pointing to the output directory, see webpack config
-import webpackLangJsonUrl from "$webapp/i18n/languages.json";
-
 export { KEY_SEPARATOR, normalizeLanguageKey, getNormalizedLanguageKeys } from "matrix-web-i18n";
 
+// Path where we load language files from (the index plus translations for each language)
+// The filename is appended to this, so a relative path here will result in a fetch for
+// a relative URL.
 const i18nFolder = "i18n/";
 
 // Control whether to also return original, untranslated strings
@@ -421,13 +419,7 @@ async function getLanguage(langPath: string): Promise<ICounterpartTranslation> {
 }
 
 export async function getLangsJson(): Promise<Languages> {
-    let url: string;
-    if (typeof webpackLangJsonUrl === "string") {
-        // in Jest this 'url' isn't a URL, so just fall through
-        url = webpackLangJsonUrl;
-    } else {
-        url = i18nFolder + "languages.json";
-    }
+    const url = i18nFolder + "languages.json";
 
     const res = await fetch(url, { method: "GET" });
 
diff --git a/packages/shared-components/src/utils/numbers.stories.tsx b/packages/shared-components/src/utils/numbers.stories.tsx
new file mode 100644
index 0000000000..638f8fe4ed
--- /dev/null
+++ b/packages/shared-components/src/utils/numbers.stories.tsx
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { Markdown } from "@storybook/addon-docs/blocks";
+
+import type { Meta } from "@storybook/react-vite";
+import clampDoc from "../../typedoc/functions/clamp.md?raw";
+import defaultNumberDoc from "../../typedoc/functions/defaultNumber.md?raw";
+import percentageOfDoc from "../../typedoc/functions/percentageOf.md?raw";
+import percentageWithinDoc from "../../typedoc/functions/percentageWithin.md?raw";
+import sumDoc from "../../typedoc/functions/sum.md?raw";
+
+const meta = {
+    title: "utils/numbers",
+    parameters: {
+        docs: {
+            page: () => (
+                <>
+                    <h1>Number Utilities</h1>
+                    <p>
+                        A collection of utility functions for working with numbers, including validation, clamping, and
+                        percentage calculations.
+                    </p>
+
+                    <hr />
+                    <h2>defaultNumber</h2>
+                    <Markdown>{defaultNumberDoc}</Markdown>
+
+                    <hr />
+                    <h2>clamp</h2>
+                    <Markdown>{clampDoc}</Markdown>
+
+                    <hr />
+                    <h2>sum</h2>
+                    <Markdown>{sumDoc}</Markdown>
+
+                    <hr />
+                    <h2>percentageWithin</h2>
+                    <Markdown>{percentageWithinDoc}</Markdown>
+
+                    <hr />
+                    <h2>percentageOf</h2>
+                    <Markdown>{percentageOfDoc}</Markdown>
+                </>
+            ),
+        },
+    },
+    tags: ["autodocs", "skip-test"],
+} satisfies Meta;
+
+export default meta;
+
+// Docs-only story - renders nothing but triggers autodocs
+export const Docs = {
+    render: () => null,
+};
diff --git a/packages/shared-components/src/utils/numbers.test.ts b/packages/shared-components/src/utils/numbers.test.ts
index 928fd67ae0..7fa75cb81f 100644
--- a/packages/shared-components/src/utils/numbers.test.ts
+++ b/packages/shared-components/src/utils/numbers.test.ts
@@ -6,6 +6,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
+import { describe, it, expect } from "vitest";
+
 import { clamp, defaultNumber, percentageOf, percentageWithin, sum } from "./numbers";
 
 describe("numbers", () => {
diff --git a/packages/shared-components/src/viewmodel/Disposables.ts b/packages/shared-components/src/viewmodel/Disposables.ts
index 77df53d097..34934a55b7 100644
--- a/packages/shared-components/src/viewmodel/Disposables.ts
+++ b/packages/shared-components/src/viewmodel/Disposables.ts
@@ -49,7 +49,7 @@ export class Disposables {
     /**
      * Add an event listener that will be removed on dispose
      */
-    public trackListener(emitter: EventEmitter, event: string, callback: (...args: unknown[]) => void): void {
+    public trackListener(emitter: EventEmitter, event: string | symbol, callback: (...args: unknown[]) => void): void {
         this.throwIfDisposed();
         emitter.on(event, callback);
         this.track(() => {
diff --git a/packages/shared-components/src/viewmodel/index.ts b/packages/shared-components/src/viewmodel/index.ts
index 0267f7934d..25e5ec60b8 100644
--- a/packages/shared-components/src/viewmodel/index.ts
+++ b/packages/shared-components/src/viewmodel/index.ts
@@ -12,3 +12,5 @@ export * from "./ViewModelSubscriptions";
 export type * from "./ViewModel";
 export * from "./MockViewModel";
 export * from "./useCreateAutoDisposedViewModel";
+export * from "./useMockedViewModel";
+export * from "./useViewModel";
diff --git a/packages/shared-components/src/viewmodel/tests/Disposables.test.ts b/packages/shared-components/src/viewmodel/tests/Disposables.test.ts
index 5b71f1871d..4b0cdedc11 100644
--- a/packages/shared-components/src/viewmodel/tests/Disposables.test.ts
+++ b/packages/shared-components/src/viewmodel/tests/Disposables.test.ts
@@ -5,6 +5,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { EventEmitter } from "events";
+import { describe, it, vi, expect } from "vitest";
 
 import { Disposables } from "..";
 
@@ -21,11 +22,11 @@ describe("Disposable", () => {
 
         const item1 = {
             foo: 5,
-            dispose: jest.fn(),
+            dispose: vi.fn(),
         };
         disposables.track(item1);
 
-        const item2 = jest.fn();
+        const item2 = vi.fn();
         disposables.track(item2);
 
         disposables.dispose();
@@ -38,7 +39,7 @@ describe("Disposable", () => {
         const disposables = new Disposables();
         disposables.dispose();
         expect(() => {
-            disposables.track(jest.fn);
+            disposables.track(vi.fn);
         }).toThrow();
     });
 
@@ -46,7 +47,7 @@ describe("Disposable", () => {
         const disposables = new Disposables();
         const emitter = new EventEmitter();
 
-        const fn = jest.fn();
+        const fn = vi.fn();
         disposables.trackListener(emitter, "FooEvent", fn);
         emitter.emit("FooEvent");
         expect(fn).toHaveBeenCalled();
diff --git a/packages/shared-components/src/viewmodel/tests/Snapshot.test.ts b/packages/shared-components/src/viewmodel/tests/Snapshot.test.ts
index 82cacfc02e..d731898fc0 100644
--- a/packages/shared-components/src/viewmodel/tests/Snapshot.test.ts
+++ b/packages/shared-components/src/viewmodel/tests/Snapshot.test.ts
@@ -5,6 +5,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
+import { describe, it, vi, expect } from "vitest";
+
 import { Snapshot } from "..";
 
 interface TestSnapshot {
@@ -15,26 +17,26 @@ interface TestSnapshot {
 
 describe("Snapshot", () => {
     it("should accept an initial value", () => {
-        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, jest.fn());
+        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, vi.fn());
         expect(snapshot.current).toStrictEqual({ key1: "foo", key2: 5, key3: false });
     });
 
     it("should call emit callback when state changes", () => {
-        const emit = jest.fn();
+        const emit = vi.fn();
         const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, emit);
         snapshot.merge({ key3: true });
         expect(emit).toHaveBeenCalledTimes(1);
     });
 
     it("should swap out entire snapshot on set call", () => {
-        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, jest.fn());
+        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, vi.fn());
         const newValue = { key1: "bar", key2: 8, key3: true };
         snapshot.set(newValue);
         expect(snapshot.current).toStrictEqual(newValue);
     });
 
     it("should merge partial snapshot on merge call", () => {
-        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, jest.fn());
+        const snapshot = new Snapshot<TestSnapshot>({ key1: "foo", key2: 5, key3: false }, vi.fn());
         snapshot.merge({ key2: 10 });
         expect(snapshot.current).toStrictEqual({ key1: "foo", key2: 10, key3: false });
     });
diff --git a/packages/shared-components/src/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts b/packages/shared-components/src/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts
index 867ee56825..0ff4f59d1d 100644
--- a/packages/shared-components/src/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts
+++ b/packages/shared-components/src/viewmodel/tests/useCreateAutoDisposedViewModel.test.ts
@@ -4,7 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import { renderHook } from "jest-matrix-react";
+import { renderHook } from "@test-utils";
+import { describe, it, expect } from "vitest";
 
 import { BaseViewModel } from "../BaseViewModel";
 import { useCreateAutoDisposedViewModel } from "../useCreateAutoDisposedViewModel";
diff --git a/packages/shared-components/src/useMockedViewModel.ts b/packages/shared-components/src/viewmodel/useMockedViewModel.ts
similarity index 89%
rename from packages/shared-components/src/useMockedViewModel.ts
rename to packages/shared-components/src/viewmodel/useMockedViewModel.ts
index 6f13075351..dad041f1d7 100644
--- a/packages/shared-components/src/useMockedViewModel.ts
+++ b/packages/shared-components/src/viewmodel/useMockedViewModel.ts
@@ -7,7 +7,8 @@
 
 import { useMemo } from "react";
 
-import { MockViewModel, type ViewModel } from "./viewmodel";
+import { MockViewModel } from "./MockViewModel";
+import { type ViewModel } from "./ViewModel";
 
 /**
  * Hook helper to return a mocked view model created with the given snapshot and actions.
diff --git a/packages/shared-components/src/useViewModel.ts b/packages/shared-components/src/viewmodel/useViewModel.ts
similarity index 92%
rename from packages/shared-components/src/useViewModel.ts
rename to packages/shared-components/src/viewmodel/useViewModel.ts
index 20c7070bff..ef7b8ec0da 100644
--- a/packages/shared-components/src/useViewModel.ts
+++ b/packages/shared-components/src/viewmodel/useViewModel.ts
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { useSyncExternalStore } from "react";
 
-import { type ViewModel } from "./viewmodel/ViewModel";
+import { type ViewModel } from "./ViewModel";
 
 /**
  * A small wrapper around useSyncExternalStore to use a view model in a shared component view
diff --git a/packages/shared-components/tsconfig.json b/packages/shared-components/tsconfig.json
index 025901c97d..479670c124 100644
--- a/packages/shared-components/tsconfig.json
+++ b/packages/shared-components/tsconfig.json
@@ -11,15 +11,15 @@
         "target": "es2022",
         "noUnusedLocals": true,
         "sourceMap": false,
-        "outDir": "./lib",
         "declaration": true,
         "jsx": "react",
         "lib": ["es2022", "es2024.promise", "dom", "dom.iterable"],
+        "types": [],
         "strict": true,
         "paths": {
-            "jest-matrix-react": ["./src/test/utils/jest-matrix-react"],
-            "rollup/parseAst": ["./node_modules/rollup/dist/parseAst"]
+            "@test-utils": ["./src/test/utils/index"]
         }
     },
-    "include": ["./src/**/*.ts", "./src/**/*.tsx"]
+    "include": ["./src/**/*.ts", "./src/**/*.tsx", ".storybook/*.ts", ".storybook/*.tsx"],
+    "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/packages/shared-components/tsconfig.node.json b/packages/shared-components/tsconfig.node.json
new file mode 100644
index 0000000000..7d4eb224bc
--- /dev/null
+++ b/packages/shared-components/tsconfig.node.json
@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "target": "ESNext",
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "esModuleInterop": true,
+        "strict": true,
+        "types": [],
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.ts", "vitest.config.ts"]
+}
diff --git a/packages/shared-components/typedoc.json b/packages/shared-components/typedoc.json
new file mode 100644
index 0000000000..2f4402584a
--- /dev/null
+++ b/packages/shared-components/typedoc.json
@@ -0,0 +1,27 @@
+{
+    "$schema": "https://typedoc.org/schema.json",
+    "entryPoints": ["src/index.ts"],
+    "plugin": ["typedoc-plugin-markdown", "typedoc-plugin-missing-exports"],
+    "out": "typedoc",
+    "hidePageHeader": true,
+    "hidePageTitle": true,
+    "hideBreadcrumbs": true,
+    "useCodeBlocks": true,
+    "parametersFormat": "table",
+    "propertiesFormat": "table",
+    "enumMembersFormat": "table",
+    "typeDeclarationFormat": "table",
+    "indexFormat": "table",
+    "publicPath": "https://github.com/element-hq/element-web/blob/develop/packages/shared-components/",
+    "sourceLinkTemplate": "https://github.com/element-hq/element-web/blob/develop/{path}#L{line}",
+    "name": "@element-hq/web-shared-components",
+    "categorizeByGroup": true,
+    "externalSymbolLinkMappings": {
+        "@types/react": {
+            "*": "https://react.dev/"
+        },
+        "react-virtuoso": {
+            "*": "https://virtuoso.dev/"
+        }
+    }
+}
diff --git a/packages/shared-components/vite.config.js b/packages/shared-components/vite.config.ts
similarity index 83%
rename from packages/shared-components/vite.config.js
rename to packages/shared-components/vite.config.ts
index 83c999d87f..7bb922b0f2 100644
--- a/packages/shared-components/vite.config.js
+++ b/packages/shared-components/vite.config.ts
@@ -1,10 +1,9 @@
 /*
- *
  * Copyright 2025 New Vector Ltd.
  *
  * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
  * Please see LICENSE files in the repository root for full details.
- * /
+ *
  */
 
 import { dirname, resolve } from "node:path";
@@ -26,7 +25,13 @@ export default defineConfig({
         rollupOptions: {
             // make sure to externalize deps that shouldn't be bundled
             // into your library
-            external: ["react", "react-dom", "@vector-im/compound-design-tokens", "@vector-im/compound-web"],
+            external: [
+                "react",
+                "react-dom",
+                "@vector-im/compound-design-tokens",
+                "@vector-im/compound-web",
+                "react-virtuoso",
+            ],
             output: {
                 // Provide global variables to use in the UMD build
                 // for externalized deps
@@ -37,12 +42,6 @@ export default defineConfig({
             },
         },
     },
-    resolve: {
-        alias: {
-            // Alias used by i18n.tsx
-            $webapp: resolve(__dirname, "..", "..", "webapp"),
-        },
-    },
     plugins: [
         dts({
             rollupTypes: true,
diff --git a/packages/shared-components/vitest.config.ts b/packages/shared-components/vitest.config.ts
new file mode 100644
index 0000000000..23cc026304
--- /dev/null
+++ b/packages/shared-components/vitest.config.ts
@@ -0,0 +1,155 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+/// <reference types="@vitest/browser-playwright" />
+
+import { defineConfig } from "vitest/config";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
+import { storybookVis } from "storybook-addon-vis/vitest-plugin";
+import { playwright } from "@vitest/browser-playwright";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import { InlineConfig } from "vite";
+import { Reporter } from "vitest/reporters";
+import { env } from "process";
+import { BrowserContextOptions } from "playwright-core";
+
+const dirname = typeof __dirname !== "undefined" ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+
+const reporters: NonNullable<InlineConfig["test"]>["reporters"] = [["default"]];
+const slowTestReporter: Reporter = {
+    onTestRunEnd(testModules, unhandledErrors, reason) {
+        const tests = testModules
+            .flatMap((m) => Array.from(m.children.allTests()))
+            .filter((test) => test.diagnostic()?.slow);
+        tests.sort((x, y) => x.diagnostic()?.duration! - y.diagnostic()?.duration!);
+        tests.reverse();
+        if (tests.length > 0) {
+            console.warn("Slowest 10 tests:");
+        }
+        for (const t of tests.slice(0, 10)) {
+            console.warn(`${t.module.moduleId} > ${t.fullName}: ${t.diagnostic()?.duration.toFixed(0)}ms`);
+        }
+    },
+};
+
+// if we're running under GHA, enable the GHA & Sonar reporters
+if (env["GITHUB_ACTIONS"] !== undefined) {
+    reporters.push([
+        "github-actions",
+        {
+            silent: false,
+        },
+    ]);
+
+    reporters.push([
+        "vitest-sonar-reporter",
+        {
+            outputFile: "coverage/sonar-report.xml",
+            onWritePath: (path) => `packages/shared-components/${path}`,
+        },
+    ]);
+
+    // if we're running against the develop branch, also enable the slow test reporter
+    if (env["GITHUB_REF"] == "refs/heads/develop") {
+        reporters.push(slowTestReporter);
+    }
+}
+
+const commonContextOptions: Omit<BrowserContextOptions, "ignoreHTTPSErrors" | "serviceWorkers"> = {
+    reducedMotion: "reduce",
+    // Force consistent font rendering
+    colorScheme: "light",
+    // Disable font smoothing for consistent rendering
+    deviceScaleFactor: 1,
+};
+
+const commonLaunchOptions = {
+    // Options to try to make font rendering more consistent
+    args: ["--font-render-hinting=none", "--disable-font-subpixel-positioning", "--disable-lcd-text"],
+};
+
+export default defineConfig({
+    test: {
+        coverage: {
+            provider: "v8",
+            include: ["src/**/*.{ts,tsx}"],
+            exclude: ["src/**/*.stories.tsx"],
+            reporter: [["lcov", { projectRoot: "../../" }]],
+        },
+        reporters,
+        globals: false,
+        pool: "threads",
+        projects: [
+            {
+                extends: true,
+                plugins: [
+                    // The plugin will run tests for the stories defined in your Storybook config
+                    // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
+                    storybookTest({
+                        configDir: path.join(dirname, ".storybook"),
+                        storybookScript: "storybook --ci",
+                        tags: {
+                            exclude: ["skip-test"],
+                        },
+                    }),
+                    storybookVis({
+                        // 3px of difference allowed before marking as failed
+                        failureThreshold: 3,
+                    }),
+                ],
+                test: {
+                    name: "storybook",
+                    browser: {
+                        enabled: true,
+                        headless: true,
+                        provider: playwright({
+                            contextOptions: commonContextOptions,
+                            launchOptions: commonLaunchOptions,
+                        }),
+                        instances: [{ browser: "chromium" }],
+                    },
+                    setupFiles: [".storybook/vitest.setup.ts"],
+                },
+            },
+            {
+                extends: true,
+                plugins: [nodePolyfills({ include: ["util"], globals: { global: false } })],
+                test: {
+                    name: "unit",
+                    browser: {
+                        enabled: true,
+                        headless: true,
+                        provider: playwright({
+                            // These tests don't actually take screenshots (at least at time of writing)
+                            // but let's pass these options everywhere for consistency
+                            contextOptions: commonContextOptions,
+                            launchOptions: commonLaunchOptions,
+                        }),
+                        instances: [{ browser: "chromium" }],
+                    },
+                    setupFiles: ["src/test/setupTests.ts"],
+                },
+                css: {
+                    modules: {
+                        // Stabilise snapshots by stripping the hash component of the CSS module class name
+                        generateScopedName: (name) => name,
+                    },
+                },
+            },
+        ],
+    },
+    optimizeDeps: {
+        include: ["vite-plugin-node-polyfills/shims/buffer", "vite-plugin-node-polyfills/shims/process"],
+    },
+    resolve: {
+        alias: {
+            "@test-utils": path.resolve(__dirname, "./src/test/utils/index.tsx"),
+        },
+    },
+});
diff --git a/packages/shared-components/yarn.lock b/packages/shared-components/yarn.lock
index ceeb5ab89e..f6100b462d 100644
--- a/packages/shared-components/yarn.lock
+++ b/packages/shared-components/yarn.lock
@@ -14,7 +14,7 @@
   dependencies:
     axe-core "~4.11.0"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.27.1":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
   integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
@@ -23,25 +23,34 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.27.2":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.5.tgz#a8a4962e1567121ac0b3b487f52107443b455c7f"
-  integrity sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==
-
-"@babel/core@^7.22.5", "@babel/core@^7.23.9", "@babel/core@^7.27.4", "@babel/core@^7.28.0", "@babel/core@^7.7.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.5.tgz#4c81b35e51e1b734f510c99b07dfbc7bbbb48f7e"
-  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
+"@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
+  integrity sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.28.3"
-    "@babel/helpers" "^7.28.4"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.5"
-    "@babel/types" "^7.28.5"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.28.6":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.29.0.tgz#00d03e8c0ac24dd9be942c5370990cbe1f17d88d"
+  integrity sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==
+
+"@babel/core@^7.24.4", "@babel/core@^7.28.5":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.6.tgz#531bf883a1126e53501ba46eb3bb414047af507f"
+  integrity sha512-H3mcG6ZDLTlYfaSNi0iOKkigqMFvkTKlGUYlD8GW7nNOYRrevuA46iTypPyv+06V3fEmvvazfntkBU34L0azAw==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/generator" "^7.28.6"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
     "@jridgewell/remapping" "^2.3.5"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
@@ -49,61 +58,139 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.22.5", "@babel/generator@^7.27.5", "@babel/generator@^7.28.3", "@babel/generator@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.5.tgz#712722d5e50f44d07bc7ac9fe84438742dd61298"
-  integrity sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==
+"@babel/core@^7.28.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.29.0.tgz#5286ad785df7f79d656e88ce86e650d16ca5f322"
+  integrity sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==
   dependencies:
-    "@babel/parser" "^7.28.5"
-    "@babel/types" "^7.28.5"
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/generator@^7.28.6", "@babel/generator@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.29.0.tgz#4cba5a76b3c71d8be31761b03329d5dc7768447f"
+  integrity sha512-vSH118/wwM/pLR38g/Sgk05sNtro6TlTJKuiMXDaZqPUfjTFcudpCOt00IhOfj+1BFAX+UFAlzCU+6WXr3GLFQ==
+  dependencies:
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
     "@jridgewell/gen-mapping" "^0.3.12"
     "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
 
-"@babel/helper-compilation-targets@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
-  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
+"@babel/helper-annotate-as-pure@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
+    "@babel/types" "^7.27.3"
+
+"@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
+  dependencies:
+    "@babel/compat-data" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
     browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-create-class-features-plugin@^7.18.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz#611ff5482da9ef0db6291bcd24303400bca170fb"
+  integrity sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+    semver "^6.3.1"
+
 "@babel/helper-globals@^7.28.0":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
   integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
 
-"@babel/helper-module-imports@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
-  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+"@babel/helper-member-expression-to-functions@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz#f3e07a10be37ed7a63461c63e6929575945a6150"
+  integrity sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==
+  dependencies:
+    "@babel/traverse" "^7.28.5"
+    "@babel/types" "^7.28.5"
+
+"@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
+  dependencies:
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
+
+"@babel/helper-optimise-call-expression@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
+  integrity sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==
   dependencies:
-    "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helper-module-transforms@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz#a2b37d3da3b2344fe085dab234426f2b9a2fa5f6"
-  integrity sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.28.3"
+"@babel/helper-plugin-utils@^7.18.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.8.0":
+"@babel/helper-plugin-utils@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
   integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
 
+"@babel/helper-replace-supers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz#94aa9a1d7423a00aead3f204f78834ce7d53fe44"
+  integrity sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
+  integrity sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-string-parser@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
   integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
 
-"@babel/helper-validator-identifier@^7.27.1", "@babel/helper-validator-identifier@^7.28.5":
+"@babel/helper-validator-identifier@^7.24.7", "@babel/helper-validator-identifier@^7.27.1", "@babel/helper-validator-identifier@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
   integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
@@ -113,144 +200,54 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
   integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
 
-"@babel/helpers@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.4.tgz#fe07274742e95bdf7cf1443593eeb8926ab63827"
-  integrity sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==
+"@babel/helpers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.6.tgz#fca903a313ae675617936e8998b814c415cbf5d7"
+  integrity sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==
   dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.4"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.27.2", "@babel/parser@^7.28.4", "@babel/parser@^7.28.5":
+"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.28.5", "@babel/parser@^7.28.6", "@babel/parser@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.0.tgz#669ef345add7d057e92b7ed15f0bac07611831b6"
+  integrity sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==
+  dependencies:
+    "@babel/types" "^7.29.0"
+
+"@babel/parser@^7.24.4":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.6.tgz#f01a8885b7fa1e56dd8a155130226cd698ef13fd"
+  integrity sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==
+  dependencies:
+    "@babel/types" "^7.28.6"
+
+"@babel/parser@^7.28.4":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
   integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
   dependencies:
     "@babel/types" "^7.28.5"
 
-"@babel/parser@^7.18.5":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.4.tgz#da25d4643532890932cc03f7705fe19637e03fa8"
-  integrity sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==
+"@babel/plugin-proposal-private-methods@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea"
+  integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==
   dependencies:
-    "@babel/types" "^7.28.4"
+    "@babel/helper-create-class-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-syntax-async-generators@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
-  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-bigint@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-  integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
-  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
-
-"@babel/plugin-syntax-class-static-block@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
-  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-import-attributes@^7.24.7":
+"@babel/plugin-transform-react-jsx-self@^7.27.1":
   version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz#34c017d54496f9b11b61474e7ea3dfd5563ffe07"
-  integrity sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz#af678d8506acf52c577cac73ff7fe6615c85fc92"
+  integrity sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-syntax-import-meta@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-json-strings@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
-  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-jsx@^7.27.1":
+"@babel/plugin-transform-react-jsx-source@^7.27.1":
   version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
-  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
-  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
-  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-numeric-separator@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
-  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-object-rest-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
-  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
-  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-chaining@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
-  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-top-level-await@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
-  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-typescript@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
-  integrity sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz#dcfe2c24094bb757bf73960374e7c55e434f19f0"
+  integrity sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
@@ -259,42 +256,63 @@
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.4.tgz#a70226016fabe25c5783b2f22d3e1c9bc5ca3326"
   integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==
 
-"@babel/template@^7.22.5", "@babel/template@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
-  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/parser" "^7.27.2"
-    "@babel/types" "^7.27.1"
+"@babel/runtime@^7.17.9":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.6.tgz#d267a43cb1836dc4d182cce93ae75ba954ef6d2b"
+  integrity sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==
 
-"@babel/traverse@^7.18.5":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.4.tgz#8d456101b96ab175d487249f60680221692b958b"
-  integrity sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==
+"@babel/template@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.3"
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.5":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.6.tgz#871ddc79a80599a5030c53b1cc48cbe3a5583c2e"
+  integrity sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/generator" "^7.28.6"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.4"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.4"
+    "@babel/parser" "^7.28.6"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
     debug "^4.3.1"
 
-"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3", "@babel/traverse@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.5.tgz#450cab9135d21a7a2ca9d2d35aa05c20e68c360b"
-  integrity sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==
+"@babel/traverse@^7.28.0", "@babel/traverse@^7.28.6", "@babel/traverse@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.29.0.tgz#f323d05001440253eead3c9c858adbe00b90310a"
+  integrity sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.5"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
     debug "^4.3.1"
 
-"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.5", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5":
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.28.2", "@babel/types@^7.28.5", "@babel/types@^7.28.6", "@babel/types@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.0.tgz#9f5b1e838c446e72cf3cd4b918152b8c605e37c7"
+  integrity sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
+"@babel/types@^7.27.1":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.6.tgz#c3e9377f1b155005bcc4c46020e7e394e13089df"
+  integrity sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
+"@babel/types@^7.27.3":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.5.tgz#10fc405f60897c35f07e85493c932c7b5ca0592b"
   integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
@@ -307,319 +325,179 @@
   resolved "https://registry.yarnpkg.com/@balena/dockerignore/-/dockerignore-1.0.2.tgz#9ffe4726915251e8eb69f44ef3547e0da2c03e0d"
   integrity sha512-wMue2Sy4GAVTk6Ic4tJVcnfdau+gx2EnG7S+uAEe+TWJFqE4YoWN4/H8MSLj4eYJKxGg26lZwboEniNiNwZQ6Q==
 
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+"@bcoe/v8-coverage@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-1.0.2.tgz#bbe12dca5b4ef983a0d0af4b07b9bc90ea0ababa"
+  integrity sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==
 
 "@element-hq/element-web-module-api@^1.8.0":
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/@element-hq/element-web-module-api/-/element-web-module-api-1.9.0.tgz#2e4fcc8809418c8670d4f0576bc4a9a235bc6c50"
   integrity sha512-Ao/V9w+wysZK4bh61LlKlznF10n2ZbD6KcUI46/zUMttXbmJn3ahvbzhEpwYcD+Cjy3ag5ycxLIIGkKV/fncXg==
 
-"@element-hq/element-web-playwright-common@^2.0.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@element-hq/element-web-playwright-common/-/element-web-playwright-common-2.1.0.tgz#86e8a5632f8cc8bb393a1ec1b793a6278cd5b2c7"
-  integrity sha512-Ah9aioownR5OxAX7IDzys7wqyFmojruqgiRr2oUTLbPA5Y6jUSKWdAu5AqGvi+PYr0kG6zQfdsruhe5FXW9YuQ==
+"@element-hq/element-web-playwright-common@2.2.5":
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/@element-hq/element-web-playwright-common/-/element-web-playwright-common-2.2.5.tgz#69b626ae35a297b341aa06c201168046b251edbe"
+  integrity sha512-M2a/vPqmqL0GigKeROYGMUjSxwGNSnDResK5sFjD6FJNlxVmJNSD5NdCe9SQ46o2VI0j2dJKD+e3n3gcQ/CNCg==
   dependencies:
     "@axe-core/playwright" "^4.10.1"
     "@testcontainers/postgresql" "^11.0.0"
-    glob "^11.1.0"
-    lodash-es "^4.17.21"
+    glob "^13.0.0"
+    lodash-es "^4.17.23"
     mailpit-api "^1.2.0"
     strip-ansi "^7.1.0"
     testcontainers "^11.0.0"
     yaml "^2.7.0"
 
-"@emnapi/core@^1.4.3":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.7.1.tgz#3a79a02dbc84f45884a1806ebb98e5746bdfaac4"
-  integrity sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==
-  dependencies:
-    "@emnapi/wasi-threads" "1.1.0"
-    tslib "^2.4.0"
-
-"@emnapi/runtime@^1.4.3":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.7.1.tgz#a73784e23f5d57287369c808197288b52276b791"
-  integrity sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==
-  dependencies:
-    tslib "^2.4.0"
-
-"@emnapi/wasi-threads@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz#60b2102fddc9ccb78607e4a3cf8403ea69be41bf"
-  integrity sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==
-  dependencies:
-    tslib "^2.4.0"
-
-"@esbuild/aix-ppc64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz#80fcbe36130e58b7670511e888b8e88a259ed76c"
-  integrity sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==
-
 "@esbuild/aix-ppc64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz#521cbd968dcf362094034947f76fa1b18d2d403c"
   integrity sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==
 
-"@esbuild/android-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz#8aa4965f8d0a7982dc21734bf6601323a66da752"
-  integrity sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==
-
 "@esbuild/android-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz#61ea550962d8aa12a9b33194394e007657a6df57"
   integrity sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==
 
-"@esbuild/android-arm@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.12.tgz#300712101f7f50f1d2627a162e6e09b109b6767a"
-  integrity sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==
-
 "@esbuild/android-arm@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.27.2.tgz#554887821e009dd6d853f972fde6c5143f1de142"
   integrity sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==
 
-"@esbuild/android-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.12.tgz#87dfb27161202bdc958ef48bb61b09c758faee16"
-  integrity sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==
-
 "@esbuild/android-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.27.2.tgz#a7ce9d0721825fc578f9292a76d9e53334480ba2"
   integrity sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==
 
-"@esbuild/darwin-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz#79197898ec1ff745d21c071e1c7cc3c802f0c1fd"
-  integrity sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==
-
 "@esbuild/darwin-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz#2cb7659bd5d109803c593cfc414450d5430c8256"
   integrity sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==
 
-"@esbuild/darwin-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz#146400a8562133f45c4d2eadcf37ddd09718079e"
-  integrity sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==
-
 "@esbuild/darwin-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz#e741fa6b1abb0cd0364126ba34ca17fd5e7bf509"
   integrity sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==
 
-"@esbuild/freebsd-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz#1c5f9ba7206e158fd2b24c59fa2d2c8bb47ca0fe"
-  integrity sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==
-
 "@esbuild/freebsd-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz#2b64e7116865ca172d4ce034114c21f3c93e397c"
   integrity sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==
 
-"@esbuild/freebsd-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz#ea631f4a36beaac4b9279fa0fcc6ca29eaeeb2b3"
-  integrity sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==
-
 "@esbuild/freebsd-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz#e5252551e66f499e4934efb611812f3820e990bb"
   integrity sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==
 
-"@esbuild/linux-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz#e1066bce58394f1b1141deec8557a5f0a22f5977"
-  integrity sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==
-
 "@esbuild/linux-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz#dc4acf235531cd6984f5d6c3b13dbfb7ddb303cb"
   integrity sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==
 
-"@esbuild/linux-arm@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz#452cd66b20932d08bdc53a8b61c0e30baf4348b9"
-  integrity sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==
-
 "@esbuild/linux-arm@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz#56a900e39240d7d5d1d273bc053daa295c92e322"
   integrity sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==
 
-"@esbuild/linux-ia32@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz#b24f8acc45bcf54192c7f2f3be1b53e6551eafe0"
-  integrity sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==
-
 "@esbuild/linux-ia32@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz#d4a36d473360f6870efcd19d52bbfff59a2ed1cc"
   integrity sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==
 
-"@esbuild/linux-loong64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz#f9cfffa7fc8322571fbc4c8b3268caf15bd81ad0"
-  integrity sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==
-
 "@esbuild/linux-loong64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz#fcf0ab8c3eaaf45891d0195d4961cb18b579716a"
   integrity sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==
 
-"@esbuild/linux-mips64el@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz#575a14bd74644ffab891adc7d7e60d275296f2cd"
-  integrity sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==
-
 "@esbuild/linux-mips64el@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz#598b67d34048bb7ee1901cb12e2a0a434c381c10"
   integrity sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==
 
-"@esbuild/linux-ppc64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz#75b99c70a95fbd5f7739d7692befe60601591869"
-  integrity sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==
-
 "@esbuild/linux-ppc64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz#3846c5df6b2016dab9bc95dde26c40f11e43b4c0"
   integrity sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==
 
-"@esbuild/linux-riscv64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz#2e3259440321a44e79ddf7535c325057da875cd6"
-  integrity sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==
-
 "@esbuild/linux-riscv64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz#173d4475b37c8d2c3e1707e068c174bb3f53d07d"
   integrity sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==
 
-"@esbuild/linux-s390x@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz#17676cabbfe5928da5b2a0d6df5d58cd08db2663"
-  integrity sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==
-
 "@esbuild/linux-s390x@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz#f7a4790105edcab8a5a31df26fbfac1aa3dacfab"
   integrity sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==
 
-"@esbuild/linux-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz#0583775685ca82066d04c3507f09524d3cd7a306"
-  integrity sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==
-
 "@esbuild/linux-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz#2ecc1284b1904aeb41e54c9ddc7fcd349b18f650"
   integrity sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==
 
-"@esbuild/netbsd-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz#f04c4049cb2e252fe96b16fed90f70746b13f4a4"
-  integrity sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==
-
 "@esbuild/netbsd-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz#e2863c2cd1501845995cb11adf26f7fe4be527b0"
   integrity sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==
 
-"@esbuild/netbsd-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz#77da0d0a0d826d7c921eea3d40292548b258a076"
-  integrity sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==
-
 "@esbuild/netbsd-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz#93f7609e2885d1c0b5a1417885fba8d1fcc41272"
   integrity sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==
 
-"@esbuild/openbsd-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz#6296f5867aedef28a81b22ab2009c786a952dccd"
-  integrity sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==
-
 "@esbuild/openbsd-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz#a1985604a203cdc325fd47542e106fafd698f02e"
   integrity sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==
 
-"@esbuild/openbsd-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz#f8d23303360e27b16cf065b23bbff43c14142679"
-  integrity sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==
-
 "@esbuild/openbsd-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz#8209e46c42f1ffbe6e4ef77a32e1f47d404ad42a"
   integrity sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==
 
-"@esbuild/openharmony-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz#49e0b768744a3924be0d7fd97dd6ce9b2923d88d"
-  integrity sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==
-
 "@esbuild/openharmony-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz#8fade4441893d9cc44cbd7dcf3776f508ab6fb2f"
   integrity sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==
 
-"@esbuild/sunos-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz#a6ed7d6778d67e528c81fb165b23f4911b9b13d6"
-  integrity sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==
-
 "@esbuild/sunos-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz#980d4b9703a16f0f07016632424fc6d9a789dfc2"
   integrity sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==
 
-"@esbuild/win32-arm64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz#9ac14c378e1b653af17d08e7d3ce34caef587323"
-  integrity sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==
-
 "@esbuild/win32-arm64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz#1c09a3633c949ead3d808ba37276883e71f6111a"
   integrity sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==
 
-"@esbuild/win32-ia32@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz#918942dcbbb35cc14fca39afb91b5e6a3d127267"
-  integrity sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==
-
 "@esbuild/win32-ia32@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz#1b1e3a63ad4bef82200fef4e369e0fff7009eee5"
   integrity sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==
 
-"@esbuild/win32-x64@0.25.12":
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz#9bdad8176be7811ad148d1f8772359041f46c6c5"
-  integrity sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==
-
 "@esbuild/win32-x64@0.27.2":
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz#9e585ab6086bef994c6e8a5b3a0481219ada862b"
   integrity sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==
 
-"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.7.0":
+"@eslint-community/eslint-utils@^4.2.0":
   version "4.9.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz#7308df158e064f0dd8b8fdb58aa14fa2a7f913b3"
   integrity sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
+"@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.9.1":
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz#4e90af67bc51ddee6cdef5284edf572ec376b595"
+  integrity sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.12.2":
+  version "4.12.2"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz#bccdf615bcf7b6e8db830ec0b8d21c9a25de597b"
+  integrity sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==
+
 "@eslint-community/regexpp@^4.6.1":
   version "4.12.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
@@ -645,6 +523,13 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
   integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
 
+"@fetch-mock/vitest@^0.2.18":
+  version "0.2.18"
+  resolved "https://registry.yarnpkg.com/@fetch-mock/vitest/-/vitest-0.2.18.tgz#2514de2a054563892122d07cc7d00b76190f2892"
+  integrity sha512-s2bG7/MSwVFun5gTzrkZzJSmcdSurTmxt5B+JA/4ALyx0Pfo1al0/MlZPBtZ358Kkjv9CpRlhpyLf6bt4OrtLQ==
+  dependencies:
+    fetch-mock "^12.6.0"
+
 "@figspec/components@^2.0.1":
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/@figspec/components/-/components-2.0.5.tgz#0c953e367b2b9d7661cb3507fef61d371313d7a4"
@@ -658,10 +543,57 @@
     "@figspec/components" "^2.0.1"
     "@lit-labs/react" "^2.0.0"
 
+"@floating-ui/core@^1.7.3":
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.7.3.tgz#462d722f001e23e46d86fd2bd0d21b7693ccb8b7"
+  integrity sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==
+  dependencies:
+    "@floating-ui/utils" "^0.2.10"
+
+"@floating-ui/dom@^1.7.4":
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.7.4.tgz#ee667549998745c9c3e3e84683b909c31d6c9a77"
+  integrity sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==
+  dependencies:
+    "@floating-ui/core" "^1.7.3"
+    "@floating-ui/utils" "^0.2.10"
+
+"@floating-ui/react-dom@^2.0.0", "@floating-ui/react-dom@^2.1.6":
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.6.tgz#189f681043c1400561f62972f461b93f01bf2231"
+  integrity sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==
+  dependencies:
+    "@floating-ui/dom" "^1.7.4"
+
+"@floating-ui/react@^0.27.0":
+  version "0.27.16"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react/-/react-0.27.16.tgz#6e485b5270b7a3296fdc4d0faf2ac9abf955a2f7"
+  integrity sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==
+  dependencies:
+    "@floating-ui/react-dom" "^2.1.6"
+    "@floating-ui/utils" "^0.2.10"
+    tabbable "^6.0.0"
+
+"@floating-ui/utils@^0.2.10":
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.10.tgz#a2a1e3812d14525f725d011a73eceb41fef5bc1c"
+  integrity sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==
+
+"@gerrit0/mini-shiki@^3.17.0":
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/@gerrit0/mini-shiki/-/mini-shiki-3.21.0.tgz#377938e63f29f9f698b00c35dcdebc0c104c1a15"
+  integrity sha512-9PrsT5DjZA+w3lur/aOIx3FlDeHdyCEFlv9U+fmsVyjPZh61G5SYURQ/1ebe2U63KbDmI2V8IhIUegWb8hjOyg==
+  dependencies:
+    "@shikijs/engine-oniguruma" "^3.21.0"
+    "@shikijs/langs" "^3.21.0"
+    "@shikijs/themes" "^3.21.0"
+    "@shikijs/types" "^3.21.0"
+    "@shikijs/vscode-textmate" "^10.0.2"
+
 "@grpc/grpc-js@^1.11.1":
-  version "1.14.2"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.14.2.tgz#d245069181a1a8057abd35522d6052482730cf19"
-  integrity sha512-QzVUtEFyu05UNx2xr0fCQmStUO17uVQhGNowtxs00IgTZT6/W2PBLfUkj30s0FKJ29VtTa3ArVNIhNP6akQhqA==
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.14.3.tgz#4c9b817a900ae4020ddc28515ae4b52c78cfb8da"
+  integrity sha512-Iq8QQQ/7X3Sac15oB6p0FmUg/klxQvXLeileoqrTRGJYLV+/9tubbr9ipz0GKHjmXVsgFPo/+W+2cA8eNcR+XA==
   dependencies:
     "@grpc/proto-loader" "^0.8.0"
     "@js-sdsl/ordered-map" "^4.4.2"
@@ -686,18 +618,6 @@
     protobufjs "^7.5.3"
     yargs "^17.7.2"
 
-"@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0":
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
-  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
-
-"@hapi/topo@^5.1.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
-  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-
 "@humanwhocodes/config-array@^0.13.0":
   version "0.13.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
@@ -741,90 +661,11 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
-"@istanbuljs/load-nyc-config@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-  integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
-  dependencies:
-    camelcase "^5.3.1"
-    find-up "^4.1.0"
-    get-package-type "^0.1.0"
-    js-yaml "^3.13.1"
-    resolve-from "^5.0.0"
-
-"@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@jest/console@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-30.2.0.tgz#c52fcd5b58fdd2e8eb66b2fd8ae56f2f64d05b28"
-  integrity sha512-+O1ifRjkvYIkBqASKWgLxrpEhQAAE7hY77ALLUufSk5717KfOShg6IbqLmdsLMPdUiFvA2kTs0R7YZy+l0IzZQ==
-  dependencies:
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    chalk "^4.1.2"
-    jest-message-util "30.2.0"
-    jest-util "30.2.0"
-    slash "^3.0.0"
-
-"@jest/core@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-30.2.0.tgz#813d59faa5abd5510964a8b3a7b17cc77b775275"
-  integrity sha512-03W6IhuhjqTlpzh/ojut/pDB2LPRygyWX8ExpgHtQA8H/3K7+1vKmcINx5UzeOX1se6YEsBsOHQ1CRzf3fOwTQ==
-  dependencies:
-    "@jest/console" "30.2.0"
-    "@jest/pattern" "30.0.1"
-    "@jest/reporters" "30.2.0"
-    "@jest/test-result" "30.2.0"
-    "@jest/transform" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    ansi-escapes "^4.3.2"
-    chalk "^4.1.2"
-    ci-info "^4.2.0"
-    exit-x "^0.2.2"
-    graceful-fs "^4.2.11"
-    jest-changed-files "30.2.0"
-    jest-config "30.2.0"
-    jest-haste-map "30.2.0"
-    jest-message-util "30.2.0"
-    jest-regex-util "30.0.1"
-    jest-resolve "30.2.0"
-    jest-resolve-dependencies "30.2.0"
-    jest-runner "30.2.0"
-    jest-runtime "30.2.0"
-    jest-snapshot "30.2.0"
-    jest-util "30.2.0"
-    jest-validate "30.2.0"
-    jest-watcher "30.2.0"
-    micromatch "^4.0.8"
-    pretty-format "30.2.0"
-    slash "^3.0.0"
-
-"@jest/create-cache-key-function@^30.0.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/create-cache-key-function/-/create-cache-key-function-30.2.0.tgz#86dbaf8cce43e8a0266180a5236b6f0b3be9d09b"
-  integrity sha512-44F4l4Enf+MirJN8X/NhdGkl71k5rBYiwdVlo4HxOwbu0sHV8QKrGEedb1VUU4K3W7fBKE0HGfbn7eZm0Ti3zg==
-  dependencies:
-    "@jest/types" "30.2.0"
-
 "@jest/diff-sequences@30.0.1":
   version "30.0.1"
   resolved "https://registry.yarnpkg.com/@jest/diff-sequences/-/diff-sequences-30.0.1.tgz#0ededeae4d071f5c8ffe3678d15f3a1be09156be"
   integrity sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==
 
-"@jest/environment@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-30.2.0.tgz#1e673cdb8b93ded707cf6631b8353011460831fa"
-  integrity sha512-/QPTL7OBJQ5ac09UDRa3EQes4gt1FTEG/8jZ/4v5IVzx+Cv7dLxlVIvfvSVRiiX2drWyXeBjkMSR8hvOWSog5g==
-  dependencies:
-    "@jest/fake-timers" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    jest-mock "30.2.0"
-
 "@jest/expect-utils@30.2.0":
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-30.2.0.tgz#4f95413d4748454fdb17404bf1141827d15e6011"
@@ -832,41 +673,11 @@
   dependencies:
     "@jest/get-type" "30.1.0"
 
-"@jest/expect@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-30.2.0.tgz#9a5968499bb8add2bbb09136f69f7df5ddbf3185"
-  integrity sha512-V9yxQK5erfzx99Sf+7LbhBwNWEZ9eZay8qQ9+JSC0TrMR1pMDHLMY+BnVPacWU6Jamrh252/IKo4F1Xn/zfiqA==
-  dependencies:
-    expect "30.2.0"
-    jest-snapshot "30.2.0"
-
-"@jest/fake-timers@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-30.2.0.tgz#0941ddc28a339b9819542495b5408622dc9e94ec"
-  integrity sha512-HI3tRLjRxAbBy0VO8dqqm7Hb2mIa8d5bg/NJkyQcOk7V118ObQML8RC5luTF/Zsg4474a+gDvhce7eTnP4GhYw==
-  dependencies:
-    "@jest/types" "30.2.0"
-    "@sinonjs/fake-timers" "^13.0.0"
-    "@types/node" "*"
-    jest-message-util "30.2.0"
-    jest-mock "30.2.0"
-    jest-util "30.2.0"
-
 "@jest/get-type@30.1.0":
   version "30.1.0"
   resolved "https://registry.yarnpkg.com/@jest/get-type/-/get-type-30.1.0.tgz#4fcb4dc2ebcf0811be1c04fd1cb79c2dba431cbc"
   integrity sha512-eMbZE2hUnx1WV0pmURZY9XoXPkUYjpc55mb0CrhtdWLtzMQPFvu/rZkTLZFTsdaVQa+Tr4eWAteqcUzoawq/uA==
 
-"@jest/globals@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-30.2.0.tgz#2f4b696d5862664b89c4ee2e49ae24d2bb7e0988"
-  integrity sha512-b63wmnKPaK+6ZZfpYhz9K61oybvbI1aMcIs80++JI1O1rR1vaxHUCNqo3ITu6NU0d4V34yZFoHMn/uoKr/Rwfw==
-  dependencies:
-    "@jest/environment" "30.2.0"
-    "@jest/expect" "30.2.0"
-    "@jest/types" "30.2.0"
-    jest-mock "30.2.0"
-
 "@jest/pattern@30.0.1":
   version "30.0.1"
   resolved "https://registry.yarnpkg.com/@jest/pattern/-/pattern-30.0.1.tgz#d5304147f49a052900b4b853dedb111d080e199f"
@@ -875,35 +686,6 @@
     "@types/node" "*"
     jest-regex-util "30.0.1"
 
-"@jest/reporters@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-30.2.0.tgz#a36b28fcbaf0c4595250b108e6f20e363348fd91"
-  integrity sha512-DRyW6baWPqKMa9CzeiBjHwjd8XeAyco2Vt8XbcLFjiwCOEKOvy82GJ8QQnJE9ofsxCMPjH4MfH8fCWIHHDKpAQ==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "30.2.0"
-    "@jest/test-result" "30.2.0"
-    "@jest/transform" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    "@types/node" "*"
-    chalk "^4.1.2"
-    collect-v8-coverage "^1.0.2"
-    exit-x "^0.2.2"
-    glob "^10.3.10"
-    graceful-fs "^4.2.11"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^6.0.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^5.0.0"
-    istanbul-reports "^3.1.3"
-    jest-message-util "30.2.0"
-    jest-util "30.2.0"
-    jest-worker "30.2.0"
-    slash "^3.0.0"
-    string-length "^4.0.2"
-    v8-to-istanbul "^9.0.1"
-
 "@jest/schemas@30.0.5":
   version "30.0.5"
   resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-30.0.5.tgz#7bdf69fc5a368a5abdb49fd91036c55225846473"
@@ -911,67 +693,7 @@
   dependencies:
     "@sinclair/typebox" "^0.34.0"
 
-"@jest/snapshot-utils@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/snapshot-utils/-/snapshot-utils-30.2.0.tgz#387858eb90c2f98f67bff327435a532ac5309fbe"
-  integrity sha512-0aVxM3RH6DaiLcjj/b0KrIBZhSX1373Xci4l3cW5xiUWPctZ59zQ7jj4rqcJQ/Z8JuN/4wX3FpJSa3RssVvCug==
-  dependencies:
-    "@jest/types" "30.2.0"
-    chalk "^4.1.2"
-    graceful-fs "^4.2.11"
-    natural-compare "^1.4.0"
-
-"@jest/source-map@30.0.1":
-  version "30.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-30.0.1.tgz#305ebec50468f13e658b3d5c26f85107a5620aaa"
-  integrity sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.25"
-    callsites "^3.1.0"
-    graceful-fs "^4.2.11"
-
-"@jest/test-result@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-30.2.0.tgz#9c0124377fb7996cdffb86eda3dbc56eacab363d"
-  integrity sha512-RF+Z+0CCHkARz5HT9mcQCBulb1wgCP3FBvl9VFokMX27acKphwyQsNuWH3c+ojd1LeWBLoTYoxF0zm6S/66mjg==
-  dependencies:
-    "@jest/console" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/istanbul-lib-coverage" "^2.0.6"
-    collect-v8-coverage "^1.0.2"
-
-"@jest/test-sequencer@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-30.2.0.tgz#bf0066bc72e176d58f5dfa7f212b6e7eee44f221"
-  integrity sha512-wXKgU/lk8fKXMu/l5Hog1R61bL4q5GCdT6OJvdAFz1P+QrpoFuLU68eoKuVc4RbrTtNnTL5FByhWdLgOPSph+Q==
-  dependencies:
-    "@jest/test-result" "30.2.0"
-    graceful-fs "^4.2.11"
-    jest-haste-map "30.2.0"
-    slash "^3.0.0"
-
-"@jest/transform@30.2.0":
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-30.2.0.tgz#54bef1a4510dcbd58d5d4de4fe2980a63077ef2a"
-  integrity sha512-XsauDV82o5qXbhalKxD7p4TZYYdwcaEXC77PPD2HixEFF+6YGppjrAAQurTl2ECWcEomHBMMNS9AH3kcCFx8jA==
-  dependencies:
-    "@babel/core" "^7.27.4"
-    "@jest/types" "30.2.0"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    babel-plugin-istanbul "^7.0.1"
-    chalk "^4.1.2"
-    convert-source-map "^2.0.0"
-    fast-json-stable-stringify "^2.1.0"
-    graceful-fs "^4.2.11"
-    jest-haste-map "30.2.0"
-    jest-regex-util "30.0.1"
-    jest-util "30.2.0"
-    micromatch "^4.0.8"
-    pirates "^4.0.7"
-    slash "^3.0.0"
-    write-file-atomic "^5.0.1"
-
-"@jest/types@30.2.0", "@jest/types@^30.0.1":
+"@jest/types@30.2.0":
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-30.2.0.tgz#1c678a7924b8f59eafd4c77d56b6d0ba976d62b8"
   integrity sha512-H9xg1/sfVvyfU7o3zMfBEjQ1gcsdeTMgqHoYdN79tuLqfTtuu7WckRA1R5whDwOzxaZAeMKTYWqP+WCAi0CHsg==
@@ -984,13 +706,12 @@
     "@types/yargs" "^17.0.33"
     chalk "^4.1.2"
 
-"@joshwooding/vite-plugin-react-docgen-typescript@0.6.1":
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.6.1.tgz#f630b93ed13d5d07483c0ead42db793053b364a9"
-  integrity sha512-J4BaTocTOYFkMHIra1JDWrMWpNmBl4EkplIwHEsV8aeUOtdWjwSnln9U7twjMFTAEB7mptNtSKyVi1Y2W9sDJw==
+"@joshwooding/vite-plugin-react-docgen-typescript@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.6.3.tgz#cc371b00b0c4f5a74e20da5c125a3529d379983b"
+  integrity sha512-9TGZuAX+liGkNKkwuo3FYJu7gHWT0vkBcf7GkOe7s7fmC19XwH/4u5u7sDIFrMooe558ORcmuBvBz7Ur5PlbHw==
   dependencies:
-    glob "^10.0.0"
-    magic-string "^0.30.0"
+    glob "^11.1.0"
     react-docgen-typescript "^2.2.2"
 
 "@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
@@ -1019,7 +740,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
   integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.23", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.28":
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.28", "@jridgewell/trace-mapping@^0.3.31":
   version "0.3.31"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
   integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
@@ -1044,6 +765,18 @@
   resolved "https://registry.yarnpkg.com/@lit/react/-/react-1.0.8.tgz#b3e229173b7b57d550909bf95d8f3da1a9510557"
   integrity sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==
 
+"@matrix-org/react-sdk-module-api@^2.5.0":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@matrix-org/react-sdk-module-api/-/react-sdk-module-api-2.5.0.tgz#df774d0ae0c327fbd40f8994bbb13ed35e26c337"
+  integrity sha512-l/SmiO47gPIRd6YJJGj+B6qbxyypJF6SEsfYr7j9rSW6E85ZYCqf+TpMM2LmfwZRADyKfCVkaJbbBZYpoD02VA==
+  dependencies:
+    "@babel/runtime" "^7.17.9"
+
+"@matrix-org/spec@^1.7.0":
+  version "1.16.0"
+  resolved "https://registry.yarnpkg.com/@matrix-org/spec/-/spec-1.16.0.tgz#c88f4ed521e4c0bd3a4c108bcaf13f25173a0fdc"
+  integrity sha512-xUKHkwGXXISMCfTrx6JW6uGEK5O8IeZVOjBm7FX1h/ihpK6l50nlSIMRYdtz4V6q3pvOVBOCft4hPYTJVeTZDA==
+
 "@mdx-js/react@^3.0.0":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-3.1.1.tgz#24bda7fffceb2fe256f954482123cda1be5f5fef"
@@ -1094,15 +827,6 @@
   resolved "https://registry.yarnpkg.com/@microsoft/tsdoc/-/tsdoc-0.15.1.tgz#d4f6937353bc4568292654efb0a0e0532adbcba2"
   integrity sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==
 
-"@napi-rs/wasm-runtime@^0.2.11":
-  version "0.2.12"
-  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz#3e78a8b96e6c33a6c517e1894efbd5385a7cb6f2"
-  integrity sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==
-  dependencies:
-    "@emnapi/core" "^1.4.3"
-    "@emnapi/runtime" "^1.4.3"
-    "@tybys/wasm-util" "^0.10.0"
-
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -1129,17 +853,17 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@pkgr/core@^0.2.9":
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
-  integrity sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==
-
-"@playwright/test@1.57.0":
-  version "1.57.0"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.57.0.tgz#a14720ffa9ed7ef7edbc1f60784fc6134acbb003"
-  integrity sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==
+"@playwright/test@1.58.1":
+  version "1.58.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.58.1.tgz#891dcd1da815cb1042490531f6d8778988509d22"
+  integrity sha512-6LdVIUERWxQMmUSSQi0I53GgCBYgM2RpGngCPY7hSeju+VrKjq3lvs7HpJoPbDiY5QM5EYRtRX5fvrinnMAz3w==
   dependencies:
-    playwright "1.57.0"
+    playwright "1.58.1"
+
+"@polka/url@^1.0.0-next.24":
+  version "1.0.0-next.29"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
+  integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
@@ -1194,6 +918,314 @@
   resolved "https://registry.yarnpkg.com/@protobufjs/utf8/-/utf8-1.1.0.tgz#a777360b5b39a1a2e5106f8e858f2fd2d060c570"
   integrity sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==
 
+"@radix-ui/primitive@1.1.3":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.1.3.tgz#e2dbc13bdc5e4168f4334f75832d7bdd3e2de5ba"
+  integrity sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==
+
+"@radix-ui/react-arrow@1.1.7":
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz#e14a2657c81d961598c5e72b73dd6098acc04f09"
+  integrity sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==
+  dependencies:
+    "@radix-ui/react-primitive" "2.1.3"
+
+"@radix-ui/react-collection@1.1.7":
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.1.7.tgz#d05c25ca9ac4695cc19ba91f42f686e3ea2d9aec"
+  integrity sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-slot" "1.2.3"
+
+"@radix-ui/react-compose-refs@1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz#a2c4c47af6337048ee78ff6dc0d090b390d2bb30"
+  integrity sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==
+
+"@radix-ui/react-context-menu@^2.2.16":
+  version "2.2.16"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context-menu/-/react-context-menu-2.2.16.tgz#e7bf94a457b68af08f24ad696949144530faab50"
+  integrity sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-menu" "2.1.16"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+    "@radix-ui/react-use-controllable-state" "1.2.2"
+
+"@radix-ui/react-context@1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.2.tgz#61628ef269a433382c364f6f1e3788a6dc213a36"
+  integrity sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==
+
+"@radix-ui/react-context@1.1.3":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.3.tgz#81286f643b310d040eaac13b18e223130861d839"
+  integrity sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==
+
+"@radix-ui/react-dialog@^1.1.1":
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz#1de3d7a7e9a17a9874d29c07f5940a18a119b632"
+  integrity sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-dismissable-layer" "1.1.11"
+    "@radix-ui/react-focus-guards" "1.1.3"
+    "@radix-ui/react-focus-scope" "1.1.7"
+    "@radix-ui/react-id" "1.1.1"
+    "@radix-ui/react-portal" "1.1.9"
+    "@radix-ui/react-presence" "1.1.5"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-slot" "1.2.3"
+    "@radix-ui/react-use-controllable-state" "1.2.2"
+    aria-hidden "^1.2.4"
+    react-remove-scroll "^2.6.3"
+
+"@radix-ui/react-direction@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.1.1.tgz#39e5a5769e676c753204b792fbe6cf508e550a14"
+  integrity sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==
+
+"@radix-ui/react-dismissable-layer@1.1.11":
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz#e33ab6f6bdaa00f8f7327c408d9f631376b88b37"
+  integrity sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+    "@radix-ui/react-use-escape-keydown" "1.1.1"
+
+"@radix-ui/react-dropdown-menu@^2.1.1":
+  version "2.1.16"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.16.tgz#5ee045c62bad8122347981c479d92b1ff24c7254"
+  integrity sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-id" "1.1.1"
+    "@radix-ui/react-menu" "2.1.16"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-controllable-state" "1.2.2"
+
+"@radix-ui/react-focus-guards@1.1.3":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz#2a5669e464ad5fde9f86d22f7fdc17781a4dfa7f"
+  integrity sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==
+
+"@radix-ui/react-focus-scope@1.1.7":
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz#dfe76fc103537d80bf42723a183773fd07bfb58d"
+  integrity sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+
+"@radix-ui/react-form@^0.1.0":
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-form/-/react-form-0.1.8.tgz#daec0fde305a70edf1a97b932b5e02a4cbf5b68e"
+  integrity sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-id" "1.1.1"
+    "@radix-ui/react-label" "2.1.7"
+    "@radix-ui/react-primitive" "2.1.3"
+
+"@radix-ui/react-id@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.1.1.tgz#1404002e79a03fe062b7e3864aa01e24bd1471f7"
+  integrity sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+
+"@radix-ui/react-label@2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-2.1.7.tgz#ad959ff9c6e4968d533329eb95696e1ba8ad72ab"
+  integrity sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==
+  dependencies:
+    "@radix-ui/react-primitive" "2.1.3"
+
+"@radix-ui/react-menu@2.1.16":
+  version "2.1.16"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-menu/-/react-menu-2.1.16.tgz#528a5a973c3a7413d3d49eb9ccd229aa52402911"
+  integrity sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-collection" "1.1.7"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-direction" "1.1.1"
+    "@radix-ui/react-dismissable-layer" "1.1.11"
+    "@radix-ui/react-focus-guards" "1.1.3"
+    "@radix-ui/react-focus-scope" "1.1.7"
+    "@radix-ui/react-id" "1.1.1"
+    "@radix-ui/react-popper" "1.2.8"
+    "@radix-ui/react-portal" "1.1.9"
+    "@radix-ui/react-presence" "1.1.5"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-roving-focus" "1.1.11"
+    "@radix-ui/react-slot" "1.2.3"
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+    aria-hidden "^1.2.4"
+    react-remove-scroll "^2.6.3"
+
+"@radix-ui/react-popper@1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-popper/-/react-popper-1.2.8.tgz#a79f39cdd2b09ab9fb50bf95250918422c4d9602"
+  integrity sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==
+  dependencies:
+    "@floating-ui/react-dom" "^2.0.0"
+    "@radix-ui/react-arrow" "1.1.7"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+    "@radix-ui/react-use-rect" "1.1.1"
+    "@radix-ui/react-use-size" "1.1.1"
+    "@radix-ui/rect" "1.1.1"
+
+"@radix-ui/react-portal@1.1.9":
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.1.9.tgz#14c3649fe48ec474ac51ed9f2b9f5da4d91c4472"
+  integrity sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==
+  dependencies:
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+
+"@radix-ui/react-presence@1.1.5":
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.1.5.tgz#5d8f28ac316c32f078afce2996839250c10693db"
+  integrity sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+
+"@radix-ui/react-primitive@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz#db9b8bcff49e01be510ad79893fb0e4cda50f1bc"
+  integrity sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==
+  dependencies:
+    "@radix-ui/react-slot" "1.2.3"
+
+"@radix-ui/react-primitive@2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz#2626ea309ebd63bf5767d3e7fc4081f81b993df0"
+  integrity sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==
+  dependencies:
+    "@radix-ui/react-slot" "1.2.4"
+
+"@radix-ui/react-progress@^1.1.0":
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-progress/-/react-progress-1.1.8.tgz#9f9a68d75bf763f9c64808724a83d2de804bd061"
+  integrity sha512-+gISHcSPUJ7ktBy9RnTqbdKW78bcGke3t6taawyZ71pio1JewwGSJizycs7rLhGTvMJYCQB1DBK4KQsxs7U8dA==
+  dependencies:
+    "@radix-ui/react-context" "1.1.3"
+    "@radix-ui/react-primitive" "2.1.4"
+
+"@radix-ui/react-roving-focus@1.1.11":
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz#ef54384b7361afc6480dcf9907ef2fedb5080fd9"
+  integrity sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==
+  dependencies:
+    "@radix-ui/primitive" "1.1.3"
+    "@radix-ui/react-collection" "1.1.7"
+    "@radix-ui/react-compose-refs" "1.1.2"
+    "@radix-ui/react-context" "1.1.2"
+    "@radix-ui/react-direction" "1.1.1"
+    "@radix-ui/react-id" "1.1.1"
+    "@radix-ui/react-primitive" "2.1.3"
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+    "@radix-ui/react-use-controllable-state" "1.2.2"
+
+"@radix-ui/react-separator@^1.1.0":
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-separator/-/react-separator-1.1.8.tgz#24f871fbf9630af316d0c14cbc7519a6e33aa11e"
+  integrity sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==
+  dependencies:
+    "@radix-ui/react-primitive" "2.1.4"
+
+"@radix-ui/react-slot@1.2.3":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz#502d6e354fc847d4169c3bc5f189de777f68cfe1"
+  integrity sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.2"
+
+"@radix-ui/react-slot@1.2.4", "@radix-ui/react-slot@^1.1.0":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.2.4.tgz#63c0ba05fdf90cc49076b94029c852d7bac1fb83"
+  integrity sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.2"
+
+"@radix-ui/react-use-callback-ref@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz#62a4dba8b3255fdc5cc7787faeac1c6e4cc58d40"
+  integrity sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==
+
+"@radix-ui/react-use-controllable-state@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz#905793405de57d61a439f4afebbb17d0645f3190"
+  integrity sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==
+  dependencies:
+    "@radix-ui/react-use-effect-event" "0.0.2"
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+
+"@radix-ui/react-use-effect-event@0.0.2":
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz#090cf30d00a4c7632a15548512e9152217593907"
+  integrity sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+
+"@radix-ui/react-use-escape-keydown@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz#b3fed9bbea366a118f40427ac40500aa1423cc29"
+  integrity sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==
+  dependencies:
+    "@radix-ui/react-use-callback-ref" "1.1.1"
+
+"@radix-ui/react-use-layout-effect@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz#0c4230a9eed49d4589c967e2d9c0d9d60a23971e"
+  integrity sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==
+
+"@radix-ui/react-use-rect@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz#01443ca8ed071d33023c1113e5173b5ed8769152"
+  integrity sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==
+  dependencies:
+    "@radix-ui/rect" "1.1.1"
+
+"@radix-ui/react-use-size@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz#6de276ffbc389a537ffe4316f5b0f24129405b37"
+  integrity sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.1"
+
+"@radix-ui/rect@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.1.tgz#78244efe12930c56fd255d7923865857c41ac8cb"
+  integrity sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==
+
+"@rolldown/pluginutils@1.0.0-beta.53":
+  version "1.0.0-beta.53"
+  resolved "https://registry.yarnpkg.com/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.53.tgz#c57a5234ae122671aff6fe72e673a7ed90f03f87"
+  integrity sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==
+
 "@rollup/plugin-inject@^5.0.5":
   version "5.0.5"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz#616f3a73fe075765f91c5bec90176608bed277a3"
@@ -1212,115 +1244,135 @@
     estree-walker "^2.0.2"
     picomatch "^4.0.2"
 
-"@rollup/rollup-android-arm-eabi@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.3.tgz#7e478b66180c5330429dd161bf84dad66b59c8eb"
-  integrity sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==
+"@rollup/rollup-android-arm-eabi@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.55.2.tgz#60a7889627edae1e6fade79fe188db8ead2c6829"
+  integrity sha512-21J6xzayjy3O6NdnlO6aXi/urvSRjm6nCI6+nF6ra2YofKruGixN9kfT+dt55HVNwfDmpDHJcaS3JuP/boNnlA==
 
-"@rollup/rollup-android-arm64@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.3.tgz#2b025510c53a5e3962d3edade91fba9368c9d71c"
-  integrity sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==
+"@rollup/rollup-android-arm64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.55.2.tgz#c2d15e2c1b720ea6bbcbdc6bd22fbc663840b82b"
+  integrity sha512-eXBg7ibkNUZ+sTwbFiDKou0BAckeV6kIigK7y5Ko4mB/5A1KLhuzEKovsmfvsL8mQorkoincMFGnQuIT92SKqA==
 
-"@rollup/rollup-darwin-arm64@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.3.tgz#3577c38af68ccf34c03e84f476bfd526abca10a0"
-  integrity sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==
+"@rollup/rollup-darwin-arm64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.55.2.tgz#6f30bf301c6b4155f753231d220d47efe78ab04f"
+  integrity sha512-UCbaTklREjrc5U47ypLulAgg4njaqfOVLU18VrCrI+6E5MQjuG0lSWaqLlAJwsD7NpFV249XgB0Bi37Zh5Sz4g==
 
-"@rollup/rollup-darwin-x64@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.3.tgz#2bf5f2520a1f3b551723d274b9669ba5b75ed69c"
-  integrity sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==
+"@rollup/rollup-darwin-x64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.55.2.tgz#4c9f37c97f93af9187c3cd0223b05d4f3f1eddc7"
+  integrity sha512-dP67MA0cCMHFT2g5XyjtpVOtp7y4UyUxN3dhLdt11at5cPKnSm4lY+EhwNvDXIMzAMIo2KU+mc9wxaAQJTn7sQ==
 
-"@rollup/rollup-freebsd-arm64@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.3.tgz#4bb9cc80252564c158efc0710153c71633f1927c"
-  integrity sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==
+"@rollup/rollup-freebsd-arm64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.55.2.tgz#811bf4aeb619dc834837a10bc55fb2d23622bdb2"
+  integrity sha512-WDUPLUwfYV9G1yxNRJdXcvISW15mpvod1Wv3ok+Ws93w1HjIVmCIFxsG2DquO+3usMNCpJQ0wqO+3GhFdl6Fow==
 
-"@rollup/rollup-freebsd-x64@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.3.tgz#2301289094d49415a380cf942219ae9d8b127440"
-  integrity sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==
+"@rollup/rollup-freebsd-x64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.55.2.tgz#b2f3ee43ee13aa98abf30cce8a8e1f5cfc712317"
+  integrity sha512-Ng95wtHVEulRwn7R0tMrlUuiLVL/HXA8Lt/MYVpy88+s5ikpntzZba1qEulTuPnPIZuOPcW9wNEiqvZxZmgmqQ==
 
-"@rollup/rollup-linux-arm-gnueabihf@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.3.tgz#1d03d776f2065e09fc141df7d143476e94acca88"
-  integrity sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==
+"@rollup/rollup-linux-arm-gnueabihf@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.55.2.tgz#0f7a59cef492b9d9dc225bb3d65d9638d371bc39"
+  integrity sha512-AEXMESUDWWGqD6LwO/HkqCZgUE1VCJ1OhbvYGsfqX2Y6w5quSXuyoy/Fg3nRqiwro+cJYFxiw5v4kB2ZDLhxrw==
 
-"@rollup/rollup-linux-arm-musleabihf@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.3.tgz#8623de0e040b2fd52a541c602688228f51f96701"
-  integrity sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==
+"@rollup/rollup-linux-arm-musleabihf@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.55.2.tgz#3b97d6d4b64d328da78a0d7d29b2783c83315dc5"
+  integrity sha512-ZV7EljjBDwBBBSv570VWj0hiNTdHt9uGznDtznBB4Caj3ch5rgD4I2K1GQrtbvJ/QiB+663lLgOdcADMNVC29Q==
 
-"@rollup/rollup-linux-arm64-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.3.tgz#ce2d1999bc166277935dde0301cde3dd0417fb6e"
-  integrity sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==
+"@rollup/rollup-linux-arm64-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.55.2.tgz#62a49932e0210b25c85408076243d717e3efabf0"
+  integrity sha512-uvjwc8NtQVPAJtq4Tt7Q49FOodjfbf6NpqXyW/rjXoV+iZ3EJAHLNAnKT5UJBc6ffQVgmXTUL2ifYiLABlGFqA==
 
-"@rollup/rollup-linux-arm64-musl@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.3.tgz#88c2523778444da952651a2219026416564a4899"
-  integrity sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==
+"@rollup/rollup-linux-arm64-musl@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.55.2.tgz#69cb1d164c9cde8ceae026b333bf227ea4a7ea34"
+  integrity sha512-s3KoWVNnye9mm/2WpOZ3JeUiediUVw6AvY/H7jNA6qgKA2V2aM25lMkVarTDfiicn/DLq3O0a81jncXszoyCFA==
 
-"@rollup/rollup-linux-loong64-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.3.tgz#578ca2220a200ac4226c536c10c8cc6e4f276714"
-  integrity sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==
+"@rollup/rollup-linux-loong64-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.55.2.tgz#40d8ab4dae850555fed866bd2e7218aff7fe3ccf"
+  integrity sha512-gi21faacK+J8aVSyAUptML9VQN26JRxe484IbF+h3hpG+sNVoMXPduhREz2CcYr5my0NE3MjVvQ5bMKX71pfVA==
 
-"@rollup/rollup-linux-ppc64-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.3.tgz#aa338d3effd4168a20a5023834a74ba2c3081293"
-  integrity sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==
+"@rollup/rollup-linux-loong64-musl@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.55.2.tgz#a1a7a06dbcbf9d3038df1603d7e7d2eb9bf20e6b"
+  integrity sha512-qSlWiXnVaS/ceqXNfnoFZh4IiCA0EwvCivivTGbEu1qv2o+WTHpn1zNmCTAoOG5QaVr2/yhCoLScQtc/7RxshA==
 
-"@rollup/rollup-linux-riscv64-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.3.tgz#16ba582f9f6cff58119aa242782209b1557a1508"
-  integrity sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==
+"@rollup/rollup-linux-ppc64-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.55.2.tgz#9495db6fe330cdcc2aea781434406fd08a180442"
+  integrity sha512-rPyuLFNoF1B0+wolH277E780NUKf+KoEDb3OyoLbAO18BbeKi++YN6gC/zuJoPPDlQRL3fIxHxCxVEWiem2yXw==
 
-"@rollup/rollup-linux-riscv64-musl@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.3.tgz#e404a77ebd6378483888b8064c703adb011340ab"
-  integrity sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==
+"@rollup/rollup-linux-ppc64-musl@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.55.2.tgz#6ea3814aacddd8c811542e1a5cbd5772b9f19cce"
+  integrity sha512-g+0ZLMook31iWV4PvqKU0i9E78gaZgYpSrYPed/4Bu+nGTgfOPtfs1h11tSSRPXSjC5EzLTjV/1A7L2Vr8pJoQ==
 
-"@rollup/rollup-linux-s390x-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.3.tgz#92ad52d306227c56bec43d96ad2164495437ffe6"
-  integrity sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==
+"@rollup/rollup-linux-riscv64-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.55.2.tgz#b5ea2c1599140d3cca2490c668ade233bc6c6a78"
+  integrity sha512-i+sGeRGsjKZcQRh3BRfpLsM3LX3bi4AoEVqmGDyc50L6KfYsN45wVCSz70iQMwPWr3E5opSiLOwsC9WB4/1pqg==
 
-"@rollup/rollup-linux-x64-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.3.tgz#fd0dea3bb9aa07e7083579f25e1c2285a46cb9fa"
-  integrity sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==
+"@rollup/rollup-linux-riscv64-musl@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.55.2.tgz#3b2694f588c4eeaeab30f697ba35e17347536c53"
+  integrity sha512-C1vLcKc4MfFV6I0aWsC7B2Y9QcsiEcvKkfxprwkPfLaN8hQf0/fKHwSF2lcYzA9g4imqnhic729VB9Fo70HO3Q==
 
-"@rollup/rollup-linux-x64-musl@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.3.tgz#37a3efb09f18d555f8afc490e1f0444885de8951"
-  integrity sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==
+"@rollup/rollup-linux-s390x-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.55.2.tgz#c37296f3b4642fe834c5390efeb9b85c166ac1a8"
+  integrity sha512-68gHUK/howpQjh7g7hlD9DvTTt4sNLp1Bb+Yzw2Ki0xvscm2cOdCLZNJNhd2jW8lsTPrHAHuF751BygifW4bkQ==
 
-"@rollup/rollup-openharmony-arm64@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.3.tgz#c489bec9f4f8320d42c9b324cca220c90091c1f7"
-  integrity sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==
+"@rollup/rollup-linux-x64-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.55.2.tgz#95d926276df80cd738f4a1a7fc5b897534fc81bb"
+  integrity sha512-1e30XAuaBP1MAizaOBApsgeGZge2/Byd6wV4a8oa6jPdHELbRHBiw7wvo4dp7Ie2PE8TZT4pj9RLGZv9N4qwlw==
 
-"@rollup/rollup-win32-arm64-msvc@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.3.tgz#152832b5f79dc22d1606fac3db946283601b7080"
-  integrity sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==
+"@rollup/rollup-linux-x64-musl@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.55.2.tgz#9116cd2892f79c843f28c5045a2fc3c77204a20d"
+  integrity sha512-4BJucJBGbuGnH6q7kpPqGJGzZnYrpAzRd60HQSt3OpX/6/YVgSsJnNzR8Ot74io50SeVT4CtCWe/RYIAymFPwA==
 
-"@rollup/rollup-win32-ia32-msvc@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.3.tgz#54d91b2bb3bf3e9f30d32b72065a4e52b3a172a5"
-  integrity sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==
+"@rollup/rollup-openbsd-x64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.55.2.tgz#d7e0517290503243d1856d27d48abadcdbc301b6"
+  integrity sha512-cT2MmXySMo58ENv8p6/O6wI/h/gLnD3D6JoajwXFZH6X9jz4hARqUhWpGuQhOgLNXscfZYRQMJvZDtWNzMAIDw==
 
-"@rollup/rollup-win32-x64-gnu@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.3.tgz#df9df03e61a003873efec8decd2034e7f135c71e"
-  integrity sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==
+"@rollup/rollup-openharmony-arm64@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.55.2.tgz#661320edb00150f9ec9810d776225d48f0b97a33"
+  integrity sha512-sZnyUgGkuzIXaK3jNMPmUIyJrxu/PjmATQrocpGA1WbCPX8H5tfGgRSuYtqBYAvLuIGp8SPRb1O4d1Fkb5fXaQ==
 
-"@rollup/rollup-win32-x64-msvc@4.53.3":
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.3.tgz#38ae84f4c04226c1d56a3b17296ef1e0460ecdfe"
-  integrity sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==
+"@rollup/rollup-win32-arm64-msvc@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.55.2.tgz#38bb3e21bae763166da6992e22e413c6e5fdf957"
+  integrity sha512-sDpFbenhmWjNcEbBcoTV0PWvW5rPJFvu+P7XoTY0YLGRupgLbFY0XPfwIbJOObzO7QgkRDANh65RjhPmgSaAjQ==
+
+"@rollup/rollup-win32-ia32-msvc@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.55.2.tgz#fc59f6fa03cf1e87b3a60a9f1f60f8e7f676f96f"
+  integrity sha512-GvJ03TqqaweWCigtKQVBErw2bEhu1tyfNQbarwr94wCGnczA9HF8wqEe3U/Lfu6EdeNP0p6R+APeHVwEqVxpUQ==
+
+"@rollup/rollup-win32-x64-gnu@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.55.2.tgz#ed3f1546fce1a6918ed950aba4d1fd524c24a09c"
+  integrity sha512-KvXsBvp13oZz9JGe5NYS7FNizLe99Ny+W8ETsuCyjXiKdiGrcz2/J/N8qxZ/RSwivqjQguug07NLHqrIHrqfYw==
+
+"@rollup/rollup-win32-x64-msvc@4.55.2":
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.55.2.tgz#af3ff15decd9050692c989f9328f7808c5ec72eb"
+  integrity sha512-xNO+fksQhsAckRtDSPWaMeT1uIM+JrDRXlerpnWNXhn1TdB3YZ6uKBMBTKP0eX9XtYEP978hHk1f8332i2AW8Q==
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
 
 "@rushstack/node-core-library@5.17.0":
   version "5.17.0"
@@ -1368,83 +1420,99 @@
     argparse "~1.0.9"
     string-argv "~0.3.1"
 
-"@sideway/address@^4.1.5":
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.5.tgz#4bc149a0076623ced99ca8208ba780d65a99b9d5"
-  integrity sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==
+"@shikijs/engine-oniguruma@^3.21.0":
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/@shikijs/engine-oniguruma/-/engine-oniguruma-3.21.0.tgz#0e666454a03fd85d6c634d9dbe70a63f007a6323"
+  integrity sha512-OYknTCct6qiwpQDqDdf3iedRdzj6hFlOPv5hMvI+hkWfCKs5mlJ4TXziBG9nyabLwGulrUjHiCq3xCspSzErYQ==
   dependencies:
-    "@hapi/hoek" "^9.0.0"
+    "@shikijs/types" "3.21.0"
+    "@shikijs/vscode-textmate" "^10.0.2"
 
-"@sideway/formula@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f"
-  integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
+"@shikijs/langs@^3.21.0":
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/@shikijs/langs/-/langs-3.21.0.tgz#da33400a85c7cba75fc9f4a6b9feb69a6c39c800"
+  integrity sha512-g6mn5m+Y6GBJ4wxmBYqalK9Sp0CFkUqfNzUy2pJglUginz6ZpWbaWjDB4fbQ/8SHzFjYbtU6Ddlp1pc+PPNDVA==
+  dependencies:
+    "@shikijs/types" "3.21.0"
 
-"@sideway/pinpoint@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
-  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
+"@shikijs/themes@^3.21.0":
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/@shikijs/themes/-/themes-3.21.0.tgz#1955d642ea37d70d1137e6cf47da7dc9c34ff4c0"
+  integrity sha512-BAE4cr9EDiZyYzwIHEk7JTBJ9CzlPuM4PchfcA5ao1dWXb25nv6hYsoDiBq2aZK9E3dlt3WB78uI96UESD+8Mw==
+  dependencies:
+    "@shikijs/types" "3.21.0"
+
+"@shikijs/types@3.21.0", "@shikijs/types@^3.21.0":
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/@shikijs/types/-/types-3.21.0.tgz#510d6ddbea65add27980a6ca36cc7bdabc7afe90"
+  integrity sha512-zGrWOxZ0/+0ovPY7PvBU2gIS9tmhSUUt30jAcNV0Bq0gb2S98gwfjIs1vxlmH5zM7/4YxLamT6ChlqqAJmPPjA==
+  dependencies:
+    "@shikijs/vscode-textmate" "^10.0.2"
+    "@types/hast" "^3.0.4"
+
+"@shikijs/vscode-textmate@^10.0.2":
+  version "10.0.2"
+  resolved "https://registry.yarnpkg.com/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz#a90ab31d0cc1dfb54c66a69e515bf624fa7b2224"
+  integrity sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==
 
 "@sinclair/typebox@^0.34.0":
-  version "0.34.41"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.34.41.tgz#aa51a6c1946df2c5a11494a2cdb9318e026db16c"
-  integrity sha512-6gS8pZzSXdyRHTIqoqSVknxolr1kzfy4/CeDnrzsVz8TTIWUbOBr6gnzOmTYJ3eXQNh4IYHIGi5aIL7sOZ2G/g==
+  version "0.34.48"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.34.48.tgz#75b0ead87e59e1adbd6dccdc42bad4fddee73b59"
+  integrity sha512-kKJTNuK3AQOrgjjotVxMrCn1sUJwM76wMszfq1kdU4uYVJjvEWuFQ6HgvLt4Xz3fSmZlTOxJ/Ie13KnIcWQXFA==
 
-"@sinonjs/commons@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-3.0.1.tgz#1029357e44ca901a615585f6d27738dbc89084cd"
-  integrity sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==
-  dependencies:
-    type-detect "4.0.8"
-
-"@sinonjs/fake-timers@^13.0.0":
-  version "13.0.5"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-13.0.5.tgz#36b9dbc21ad5546486ea9173d6bea063eb1717d5"
-  integrity sha512-36/hTbH2uaWuGVERyC6da9YwGWnzUZXuPro/F2LfsdOsLnCojz/iSH8MxUt/FD2S5XBSVPhmArFUXcpCQ2Hkiw==
-  dependencies:
-    "@sinonjs/commons" "^3.0.1"
+"@standard-schema/spec@^1.0.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@standard-schema/spec/-/spec-1.1.0.tgz#a79b55dbaf8604812f52d140b2c9ab41bc150bb8"
+  integrity sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==
 
 "@storybook/addon-a11y@^10.0.7":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-10.1.5.tgz#9fc95df597243d0617a4d6f36d4534f949474988"
-  integrity sha512-dMUrkuQyvDfD6SdvV7F7cbjRrhHN0kqCNhRfg1i1IJuLuck6kiALpx8176KhWBcAkN/0J/1V75n7+F9YU/JlPA==
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-a11y/-/addon-a11y-10.2.4.tgz#63fcef8454a1bc42ddf09f89d9a0e2aa48fef47c"
+  integrity sha512-VGhdZ+iP2l/CSulIKV2kt3SMWVHntOigqWqGkNYf6YNYofynUYEKdsNqBvHx4ySuNEl/eXJ8LRO8FKYnU7LxZQ==
   dependencies:
     "@storybook/global" "^5.0.0"
     axe-core "^4.2.0"
 
 "@storybook/addon-designs@^11.0.1":
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-designs/-/addon-designs-11.1.0.tgz#c5d363d43b386a4fd6d9c1745b13e95a89a08761"
-  integrity sha512-i9lnUJ9x+UwThUpIjgg7QWvadhwmQ1ZuqcrTFe12giqyyYJKM6hdrUEuxGgSOrz3pkmDV/Bypq3G5ehwIDdKiw==
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-designs/-/addon-designs-11.1.1.tgz#54ab51526959f7f8c4cb832ee6e5fa8e418dedce"
+  integrity sha512-1KAmTzoW/qw4RfR8uft3pBgsdWHoQiMp9rt+nzhFLEBPd1Ru3YiTnVL/JBEiJkGXsQfQxMnAYRRwYgf+HTr4yw==
   dependencies:
     "@figspec/react" "^2.0.0"
 
 "@storybook/addon-docs@^10.0.7":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-10.1.5.tgz#52bce4eed90240fc2b133caec1131962697c865a"
-  integrity sha512-2FfqFrfEeaKv8OerZCWt1b+dm7N/nizv1G2CnTZfWJ0TKxbPDH6kffAqC9lMnT3xAZjDWiBLdnVx2oouKdmSvw==
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-10.2.4.tgz#4fb70439b14e18035c6e862234aa8a12a89d0ae9"
+  integrity sha512-FzscAmdBiOGnGrxiEM+8eTg43kjqgjLfObg+lbJVRR/a0DmZ3xfAPNB0+VKYQbN0FacNcWLM9LZ/7U0hRBPBnQ==
   dependencies:
     "@mdx-js/react" "^3.0.0"
-    "@storybook/csf-plugin" "10.1.5"
-    "@storybook/icons" "^2.0.0"
-    "@storybook/react-dom-shim" "10.1.5"
+    "@storybook/csf-plugin" "10.2.4"
+    "@storybook/icons" "^2.0.1"
+    "@storybook/react-dom-shim" "10.2.4"
     react "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     react-dom "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/builder-vite@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-10.1.5.tgz#27b11a0fb583e342cd041ea1eded7d012a0c278a"
-  integrity sha512-5alpNa+TQXK1zp9MeovUK/yIUkZqpIFUScUer6cYgidI96Boovn7OXt5oXQ8CqqpzuEtgCvz44TzCmgZoGv41g==
+"@storybook/addon-vitest@^10.1.11":
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-vitest/-/addon-vitest-10.2.4.tgz#94b77163a736824eda3730ee9c76253668314f7c"
+  integrity sha512-BT1iP89U4wcbpzTURU8WYTAeUcdNh4WIt0BqsnATmMwR/jKNJW6QgXCVqGQTSpRjWj40hX5e2JkQYCNXdjKsPw==
   dependencies:
-    "@storybook/csf-plugin" "10.1.5"
-    "@vitest/mocker" "3.2.4"
+    "@storybook/global" "^5.0.0"
+    "@storybook/icons" "^2.0.1"
+
+"@storybook/builder-vite@10.2.4":
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-10.2.4.tgz#d092e43937ad1e33d62e18ecf3045f3343a7a7ad"
+  integrity sha512-/hcT1xj3CL5GkJ5v5/EguZdttDwNE6weNXK7vKzp034tnGcLycOossDsTiUQkBowSL+Ylc8aKj+ZgvddPNfOig==
+  dependencies:
+    "@storybook/csf-plugin" "10.2.4"
     ts-dedent "^2.0.0"
 
-"@storybook/csf-plugin@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-10.1.5.tgz#8d147fa82c19e348991bbad88c1af8ef56a9d2a3"
-  integrity sha512-v+D7PVRkNUHznfoQg8yqpLWZIIbPddqHDSi1oBGdegF0Kv/lVsGqTZGRLroApsMu7BLwLhpcMID6ofxlfftWKg==
+"@storybook/csf-plugin@10.2.4":
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-10.2.4.tgz#d39734349475eb158d3c384f15230f424145e696"
+  integrity sha512-kupPQEV+4N9mzsZHYaokvhO/KHBjYdWda9PNmPQwy0TR7r2mzthgaNH72TjmgN1L6DIbsuyOG1wtczcPJn4+Jg==
   dependencies:
     unplugin "^2.3.5"
 
@@ -1453,163 +1521,58 @@
   resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed"
   integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==
 
-"@storybook/icons@^2.0.0":
+"@storybook/icons@^2.0.0", "@storybook/icons@^2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-2.0.1.tgz#1bd351db1d33bfccbbafa7b64fb413168f1a6616"
   integrity sha512-/smVjw88yK3CKsiuR71vNgWQ9+NuY2L+e8X7IMrFjexjm6ZR8ULrV2DRkTA61aV6ryefslzHEGDInGpnNeIocg==
 
-"@storybook/react-dom-shim@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-10.1.5.tgz#e39c169b093594de88dcb0c59b797ec23028ef0c"
-  integrity sha512-CsXcq26wINUgYP8KnfSuS60B10/Ag34YdcnWIEl9hM5UtTQ65WYJ9fVFqpzfnQrkpgRMd7iQjtmUhCe+4umnHg==
+"@storybook/react-dom-shim@10.2.4":
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-10.2.4.tgz#a6611240690a6548d576ffd87def4854a25bc52e"
+  integrity sha512-i22OtrZ7GeZPt/odLf0vqyDhRSKyaLsHkkKSBcANQfzRRnBZmiz2FchOtWm9uvoDWybQsTruZq7kTdtpEhwyGw==
 
 "@storybook/react-vite@^10.0.7":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-10.1.5.tgz#9da7bbb0b860526da51fa3d50993934b593588b3"
-  integrity sha512-27RiCVw5QZ/f9fXS8sGaPHuWkbHSoS66ifeakxHgbkbIXjVI4M6pWB7NUj49MwU1YUMOpB0T8KasvyMZzv/UPA==
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-10.2.4.tgz#336a89774e9c1fc861509468b104475ce42e671d"
+  integrity sha512-ztPAyfpF/uTyz1j9E7i0tnaHb7QsqdCwb4Obmj+SMw0mthahtYiUt+DAhRofB3/74x6/0cQoMKkbXFr8Urv1xA==
   dependencies:
-    "@joshwooding/vite-plugin-react-docgen-typescript" "0.6.1"
+    "@joshwooding/vite-plugin-react-docgen-typescript" "^0.6.3"
     "@rollup/pluginutils" "^5.0.2"
-    "@storybook/builder-vite" "10.1.5"
-    "@storybook/react" "10.1.5"
+    "@storybook/builder-vite" "10.2.4"
+    "@storybook/react" "10.2.4"
     empathic "^2.0.0"
     magic-string "^0.30.0"
     react-docgen "^8.0.0"
     resolve "^1.22.8"
     tsconfig-paths "^4.2.0"
 
-"@storybook/react@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-10.1.5.tgz#0f6a1ec5c4338d3604d6e957d0f53f7ddf9a2e6a"
-  integrity sha512-M8fR7WVs79fPJHwRZxkz4XzIfzs/bN0heWdZX0D4iRjeIcY4nLM/tyalCcQDrGgrSJbgAAf4xd7KXaZzaZSAqA==
+"@storybook/react@10.2.4":
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-10.2.4.tgz#d4bad2da9943ce5cc031e81419ff09731f530e0e"
+  integrity sha512-PiBQIF1WZ09yNiQUSqxqZ0wyrSdQRK/eQcoA9f8JJ1BpW7qTy4pnoqKc0s32SI4I3IcaTBm9JwCyMFR0MrIosA==
   dependencies:
     "@storybook/global" "^5.0.0"
-    "@storybook/react-dom-shim" "10.1.5"
+    "@storybook/react-dom-shim" "10.2.4"
     react-docgen "^8.0.2"
 
-"@storybook/test-runner@^0.24.1":
-  version "0.24.2"
-  resolved "https://registry.yarnpkg.com/@storybook/test-runner/-/test-runner-0.24.2.tgz#59deba0619f7b896f92e186ac108244014859716"
-  integrity sha512-76DbflDTGAKq8Af6uHbWTGnKzKHhjLbJaZXRFhVnKqFocoXcej58C9DpM0BJ3addu7fSDJmPwfR97OINg16XFQ==
+"@stylistic/eslint-plugin@^5.7.0":
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/@stylistic/eslint-plugin/-/eslint-plugin-5.7.1.tgz#bb108186a0133071b38be5fa705cd262260be8a8"
+  integrity sha512-zjTUwIsEfT+k9BmXwq1QEFYsb4afBlsI1AXFyWQBgggMzwBFOuu92pGrE5OFx90IOjNl+lUbQoTG7f8S0PkOdg==
   dependencies:
-    "@babel/core" "^7.22.5"
-    "@babel/generator" "^7.22.5"
-    "@babel/template" "^7.22.5"
-    "@babel/types" "^7.22.5"
-    "@jest/types" "^30.0.1"
-    "@swc/core" "^1.5.22"
-    "@swc/jest" "^0.2.38"
-    expect-playwright "^0.8.0"
-    jest "^30.0.4"
-    jest-circus "^30.0.4"
-    jest-environment-node "^30.0.4"
-    jest-junit "^16.0.0"
-    jest-process-manager "^0.4.0"
-    jest-runner "^30.0.4"
-    jest-serializer-html "^7.1.0"
-    jest-watch-typeahead "^3.0.1"
-    nyc "^15.1.0"
-    playwright "^1.14.0"
-    playwright-core ">=1.2.0"
-    rimraf "^3.0.2"
-    uuid "^8.3.2"
-
-"@swc/core-darwin-arm64@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.3.tgz#bd0bd3ab7730e3ffa64cf200c0ed7c572cbaba97"
-  integrity sha512-AXfeQn0CvcQ4cndlIshETx6jrAM45oeUrK8YeEY6oUZU/qzz0Id0CyvlEywxkWVC81Ajpd8TQQ1fW5yx6zQWkQ==
-
-"@swc/core-darwin-x64@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.15.3.tgz#502b1e1c680df6b962265ca81a0c1a23e6ff070f"
-  integrity sha512-p68OeCz1ui+MZYG4wmfJGvcsAcFYb6Sl25H9TxWl+GkBgmNimIiRdnypK9nBGlqMZAcxngNPtnG3kEMNnvoJ2A==
-
-"@swc/core-linux-arm-gnueabihf@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.3.tgz#e32cc6a2e06a75060d6f598ba2ca6f96c5c0cc43"
-  integrity sha512-Nuj5iF4JteFgwrai97mUX+xUOl+rQRHqTvnvHMATL/l9xE6/TJfPBpd3hk/PVpClMXG3Uvk1MxUFOEzM1JrMYg==
-
-"@swc/core-linux-arm64-gnu@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.3.tgz#9b9861bc44059e393d4baf98b3cd3d6c4ea6f521"
-  integrity sha512-2Nc/s8jE6mW2EjXWxO/lyQuLKShcmTrym2LRf5Ayp3ICEMX6HwFqB1EzDhwoMa2DcUgmnZIalesq2lG3krrUNw==
-
-"@swc/core-linux-arm64-musl@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.3.tgz#f6388743e5a159018bd468e8f710940b2614384b"
-  integrity sha512-j4SJniZ/qaZ5g8op+p1G9K1z22s/EYGg1UXIb3+Cg4nsxEpF5uSIGEE4mHUfA70L0BR9wKT2QF/zv3vkhfpX4g==
-
-"@swc/core-linux-x64-gnu@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.3.tgz#15fea551c7a3aeb1bdc3ad5c652d73c9321ddba8"
-  integrity sha512-aKttAZnz8YB1VJwPQZtyU8Uk0BfMP63iDMkvjhJzRZVgySmqt/apWSdnoIcZlUoGheBrcqbMC17GGUmur7OT5A==
-
-"@swc/core-linux-x64-musl@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.3.tgz#d3f17bab4ffcadbb47f135e6a14d6f3e401af289"
-  integrity sha512-oe8FctPu1gnUsdtGJRO2rvOUIkkIIaHqsO9xxN0bTR7dFTlPTGi2Fhk1tnvXeyAvCPxLIcwD8phzKg6wLv9yug==
-
-"@swc/core-win32-arm64-msvc@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.3.tgz#9da386df7fed00b3473bcf4281ff3fcd14726d2c"
-  integrity sha512-L9AjzP2ZQ/Xh58e0lTRMLvEDrcJpR7GwZqAtIeNLcTK7JVE+QineSyHp0kLkO1rttCHyCy0U74kDTj0dRz6raA==
-
-"@swc/core-win32-ia32-msvc@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.3.tgz#c398d4f0f10ffec2151a79733ee1ce86a945a1ea"
-  integrity sha512-B8UtogMzErUPDWUoKONSVBdsgKYd58rRyv2sHJWKOIMCHfZ22FVXICR4O/VwIYtlnZ7ahERcjayBHDlBZpR0aw==
-
-"@swc/core-win32-x64-msvc@1.15.3":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.3.tgz#715596b034a654c82b03ef734a9b44c29bcd3a68"
-  integrity sha512-SpZKMR9QBTecHeqpzJdYEfgw30Oo8b/Xl6rjSzBt1g0ZsXyy60KLXrp6IagQyfTYqNYE/caDvwtF2FPn7pomog==
-
-"@swc/core@^1.5.22":
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.15.3.tgz#2d0a5c4ac4c180c3dbf2f6d5d958b9fcbaa9755f"
-  integrity sha512-Qd8eBPkUFL4eAONgGjycZXj1jFCBW8Fd+xF0PzdTlBCWQIV1xnUT7B93wUANtW3KGjl3TRcOyxwSx/u/jyKw/Q==
-  dependencies:
-    "@swc/counter" "^0.1.3"
-    "@swc/types" "^0.1.25"
-  optionalDependencies:
-    "@swc/core-darwin-arm64" "1.15.3"
-    "@swc/core-darwin-x64" "1.15.3"
-    "@swc/core-linux-arm-gnueabihf" "1.15.3"
-    "@swc/core-linux-arm64-gnu" "1.15.3"
-    "@swc/core-linux-arm64-musl" "1.15.3"
-    "@swc/core-linux-x64-gnu" "1.15.3"
-    "@swc/core-linux-x64-musl" "1.15.3"
-    "@swc/core-win32-arm64-msvc" "1.15.3"
-    "@swc/core-win32-ia32-msvc" "1.15.3"
-    "@swc/core-win32-x64-msvc" "1.15.3"
-
-"@swc/counter@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
-  integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
-
-"@swc/jest@^0.2.38":
-  version "0.2.39"
-  resolved "https://registry.yarnpkg.com/@swc/jest/-/jest-0.2.39.tgz#482bee0adb0726fab1487a4f902a278ec563a6b7"
-  integrity sha512-eyokjOwYd0Q8RnMHri+8/FS1HIrIUKK/sRrFp8c1dThUOfNeCWbLmBP1P5VsKdvmkd25JaH+OKYwEYiAYg9YAA==
-  dependencies:
-    "@jest/create-cache-key-function" "^30.0.0"
-    "@swc/counter" "^0.1.3"
-    jsonc-parser "^3.2.0"
-
-"@swc/types@^0.1.25":
-  version "0.1.25"
-  resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.25.tgz#b517b2a60feb37dd933e542d93093719e4cf1078"
-  integrity sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==
-  dependencies:
-    "@swc/counter" "^0.1.3"
+    "@eslint-community/eslint-utils" "^4.9.1"
+    "@typescript-eslint/types" "^8.53.1"
+    eslint-visitor-keys "^4.2.1"
+    espree "^10.4.0"
+    estraverse "^5.3.0"
+    picomatch "^4.0.3"
 
 "@testcontainers/postgresql@^11.0.0":
-  version "11.9.0"
-  resolved "https://registry.yarnpkg.com/@testcontainers/postgresql/-/postgresql-11.9.0.tgz#9009e28208c4134c4cd6614827fa98614ea1d494"
-  integrity sha512-beLyLdLygFllktviM132Xd6tQ4i5FnuyZP+4BQEjUb5sJYHYnIrV/ZBzRRflIlF8gugt1GXgudkmr/HxM9vtKw==
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@testcontainers/postgresql/-/postgresql-11.11.0.tgz#c3244b397902c89c13f0c6c914e9e54f51b3799f"
+  integrity sha512-Og64I/h5LKLVvUTkAcLeTXfFcMhh3dCHCypN3Uzd+tQMd70SpCfQ0LCP9v/U+MS7JBRzU9EmqhUFkTOm4hyZWw==
   dependencies:
-    testcontainers "^11.9.0"
+    testcontainers "^11.11.0"
 
 "@testing-library/dom@^10.4.1":
   version "10.4.1"
@@ -1625,7 +1588,7 @@
     picocolors "1.1.1"
     pretty-format "^27.0.2"
 
-"@testing-library/jest-dom@^6.6.3":
+"@testing-library/jest-dom@^6.6.3", "@testing-library/jest-dom@^6.9.1":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz#7613a04e146dd2976d24ddf019730d57a89d56c2"
   integrity sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==
@@ -1637,10 +1600,10 @@
     picocolors "^1.1.1"
     redent "^3.0.0"
 
-"@testing-library/react@^16.3.0":
-  version "16.3.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-16.3.0.tgz#3a85bb9bdebf180cd76dba16454e242564d598a6"
-  integrity sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==
+"@testing-library/react@^16.3.2":
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-16.3.2.tgz#672883b7acb8e775fc0492d9e9d25e06e89786d0"
+  integrity sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==
   dependencies:
     "@babel/runtime" "^7.12.5"
 
@@ -1649,13 +1612,6 @@
   resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.6.1.tgz#13e09a32d7a8b7060fe38304788ebf4197cd2149"
   integrity sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==
 
-"@tybys/wasm-util@^0.10.0":
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.10.1.tgz#ecddd3205cf1e2d5274649ff0eedd2991ed7f414"
-  integrity sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==
-  dependencies:
-    tslib "^2.4.0"
-
 "@types/argparse@1.0.38":
   version "1.0.38"
   resolved "https://registry.yarnpkg.com/@types/argparse/-/argparse-1.0.38.tgz#a81fd8606d481f873a3800c6ebae4f1d768a56a9"
@@ -1744,7 +1700,19 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
 
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.1", "@types/istanbul-lib-coverage@^2.0.6":
+"@types/glob-to-regexp@^0.4.4":
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/@types/glob-to-regexp/-/glob-to-regexp-0.4.4.tgz#409e71290253203185b1ea8a3d6ea406a4bdc902"
+  integrity sha512-nDKoaKJYbnn1MZxUY0cA1bPmmgZbg0cTq7Rh13d0KWYNOiKbqoR+2d89SnRPszGh7ROzSwZ/GOjZ4jPbmmZ6Eg==
+
+"@types/hast@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
+  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
+  dependencies:
+    "@types/unist" "*"
+
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.6":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
   integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
@@ -1763,27 +1731,15 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest-image-snapshot@^6.4.0":
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/@types/jest-image-snapshot/-/jest-image-snapshot-6.4.0.tgz#641054d2fa2ff130a49c844ee7a9a68f281b6017"
-  integrity sha512-8TQ/EgqFCX0UWSpH488zAc21fCkJNpZPnnp3xWFMqElxApoJV5QOoqajnVRV7AhfF0rbQWTVyc04KG7tXnzCPA==
-  dependencies:
-    "@types/jest" "*"
-    "@types/pixelmatch" "*"
-    ssim.js "^3.1.1"
-
-"@types/jest@*":
-  version "30.0.0"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-30.0.0.tgz#5e85ae568006712e4ad66f25433e9bdac8801f1d"
-  integrity sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==
-  dependencies:
-    expect "^30.0.0"
-    pretty-format "^30.0.0"
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
 "@types/lodash@^4.17.20":
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.21.tgz#b806831543d696b14f8112db600ea9d3a1df6ea4"
-  integrity sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.23.tgz#c1bb06db218acc8fc232da0447473fc2fb9d9841"
+  integrity sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==
 
 "@types/mdx@^2.0.0":
   version "2.0.13"
@@ -1791,9 +1747,9 @@
   integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==
 
 "@types/node@*", "@types/node@>=13.7.0":
-  version "24.10.2"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.10.2.tgz#82a57476a19647d8f2c7750d0924788245e39b26"
-  integrity sha512-WOhQTZ4G8xZ1tjJTvKOpyEVSGgOTvJAfDK3FNFgELyaTpzhdgHVHeqW8V+UJvzF5BT+/B54T/1S2K6gd9c7bbA==
+  version "25.0.9"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.0.9.tgz#81ce3579ddf67cae812a9d49c8a0ab90c82e7782"
+  integrity sha512-/rpCXHlCWeqClNBwUhDcusJxXYDjZTyE8v5oTO7WbL8eij2nKhUeU89/6xgjU7N4/Vh3He0BtyhJdQbDyhiXAw==
   dependencies:
     undici-types "~7.16.0"
 
@@ -1804,17 +1760,20 @@
   dependencies:
     undici-types "~5.26.4"
 
-"@types/pixelmatch@*":
-  version "5.2.6"
-  resolved "https://registry.yarnpkg.com/@types/pixelmatch/-/pixelmatch-5.2.6.tgz#fba6de304ac958495f27d85989f5c6bb7499a686"
-  integrity sha512-wC83uexE5KGuUODn6zkm9gMzTwdY5L0chiK+VrKcDfEjzxh1uadlWTvOmAbCpnM9zx/Ww3f8uKlYQVnO/TrqVg==
-  dependencies:
-    "@types/node" "*"
+"@types/normalize-package-data@^2.4.0":
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz#56e2cc26c397c038fab0e3a917a12d5c5909e901"
+  integrity sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==
+
+"@types/react-dom@^19.2.3":
+  version "19.2.3"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-19.2.3.tgz#c1e305d15a52a3e508d54dca770d202cb63abf2c"
+  integrity sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==
 
 "@types/react@^19.2.2":
-  version "19.2.7"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.2.7.tgz#84e62c0f23e8e4e5ac2cadcea1ffeacccae7f62f"
-  integrity sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==
+  version "19.2.10"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.2.10.tgz#f3ea799e6b4cebad6dfd231c238fc9de7652e2d2"
+  integrity sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==
   dependencies:
     csstype "^3.2.2"
 
@@ -1850,12 +1809,10 @@
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
   integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==
 
-"@types/wait-on@^5.2.0":
-  version "5.3.4"
-  resolved "https://registry.yarnpkg.com/@types/wait-on/-/wait-on-5.3.4.tgz#5ee270b3e073fb01073f9f044922c6893de8c4d2"
-  integrity sha512-EBsPjFMrFlMbbUFf9D1Fp+PAB2TwmUn7a3YtHyD9RLuTIk1jDd8SxXVAoez2Ciy+8Jsceo2MYEYZzJ/DvorOKw==
-  dependencies:
-    "@types/node" "*"
+"@types/unist@*":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.3.tgz#acaab0f919ce69cce629c2d4ed2eb4adc1b6c20c"
+  integrity sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==
 
 "@types/yargs-parser@*":
   version "21.0.3"
@@ -1869,172 +1826,177 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/project-service@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.49.0.tgz#ce220525c88cb2d23792b391c07e14cb9697651a"
-  integrity sha512-/wJN0/DKkmRUMXjZUXYZpD1NEQzQAAn9QWfGwo+Ai8gnzqH7tvqS7oNVdTjKqOcPyVIdZdyCMoqN66Ia789e7g==
+"@typescript-eslint/eslint-plugin@^8.53.1":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.54.0.tgz#d8899e5c2eccf5c4a20d01c036a193753748454d"
+  integrity sha512-hAAP5io/7csFStuOmR782YmTthKBJ9ND3WVL60hcOjvtGFb+HJxH4O5huAcmcZ9v9G8P+JETiZ/G1B8MALnWZQ==
   dependencies:
-    "@typescript-eslint/tsconfig-utils" "^8.49.0"
-    "@typescript-eslint/types" "^8.49.0"
-    debug "^4.3.4"
+    "@eslint-community/regexpp" "^4.12.2"
+    "@typescript-eslint/scope-manager" "8.54.0"
+    "@typescript-eslint/type-utils" "8.54.0"
+    "@typescript-eslint/utils" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+    ignore "^7.0.5"
+    natural-compare "^1.4.0"
+    ts-api-utils "^2.4.0"
 
-"@typescript-eslint/scope-manager@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.49.0.tgz#a3496765b57fb48035d671174552e462e5bffa63"
-  integrity sha512-npgS3zi+/30KSOkXNs0LQXtsg9ekZ8OISAOLGWA/ZOEn0ZH74Ginfl7foziV8DT+D98WfQ5Kopwqb/PZOaIJGg==
+"@typescript-eslint/parser@^8.53.1":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.54.0.tgz#3d01a6f54ed247deb9982621f70e7abf1810bd97"
+  integrity sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==
   dependencies:
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/visitor-keys" "8.49.0"
+    "@typescript-eslint/scope-manager" "8.54.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/typescript-estree" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+    debug "^4.4.3"
 
-"@typescript-eslint/tsconfig-utils@8.49.0", "@typescript-eslint/tsconfig-utils@^8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.49.0.tgz#857777c8e35dd1e564505833d8043f544442fbf4"
-  integrity sha512-8prixNi1/6nawsRYxet4YOhnbW+W9FK/bQPxsGB1D3ZrDzbJ5FXw5XmzxZv82X3B+ZccuSxo/X8q9nQ+mFecWA==
-
-"@typescript-eslint/types@8.49.0", "@typescript-eslint/types@^8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.49.0.tgz#c1bd3ebf956d9e5216396349ca23c58d74f06aee"
-  integrity sha512-e9k/fneezorUo6WShlQpMxXh8/8wfyc+biu6tnAqA81oWrEic0k21RHzP9uqqpyBBeBKu4T+Bsjy9/b8u7obXQ==
-
-"@typescript-eslint/typescript-estree@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.49.0.tgz#99c5a53275197ccb4e849786dad68344e9924135"
-  integrity sha512-jrLdRuAbPfPIdYNppHJ/D0wN+wwNfJ32YTAm10eJVsFmrVpXQnDWBn8niCSMlWjvml8jsce5E/O+86IQtTbJWA==
+"@typescript-eslint/project-service@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.54.0.tgz#f582aceb3d752544c8e1b11fea8d95d00cf9adc6"
+  integrity sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==
   dependencies:
-    "@typescript-eslint/project-service" "8.49.0"
-    "@typescript-eslint/tsconfig-utils" "8.49.0"
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/visitor-keys" "8.49.0"
-    debug "^4.3.4"
-    minimatch "^9.0.4"
-    semver "^7.6.0"
+    "@typescript-eslint/tsconfig-utils" "^8.54.0"
+    "@typescript-eslint/types" "^8.54.0"
+    debug "^4.4.3"
+
+"@typescript-eslint/scope-manager@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.54.0.tgz#307dc8cbd80157e2772c2d36216857415a71ab33"
+  integrity sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==
+  dependencies:
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+
+"@typescript-eslint/tsconfig-utils@8.54.0", "@typescript-eslint/tsconfig-utils@^8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.54.0.tgz#71dd7ba1674bd48b172fc4c85b2f734b0eae3dbc"
+  integrity sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==
+
+"@typescript-eslint/type-utils@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.54.0.tgz#64965317dd4118346c2fa5ee94492892200e9fb9"
+  integrity sha512-hiLguxJWHjjwL6xMBwD903ciAwd7DmK30Y9Axs/etOkftC3ZNN9K44IuRD/EB08amu+Zw6W37x9RecLkOo3pMA==
+  dependencies:
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/typescript-estree" "8.54.0"
+    "@typescript-eslint/utils" "8.54.0"
+    debug "^4.4.3"
+    ts-api-utils "^2.4.0"
+
+"@typescript-eslint/types@8.54.0", "@typescript-eslint/types@^8.53.1", "@typescript-eslint/types@^8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.54.0.tgz#c12d41f67a2e15a8a96fbc5f2d07b17331130889"
+  integrity sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==
+
+"@typescript-eslint/typescript-estree@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.54.0.tgz#3c7716905b2b811fadbd2114804047d1bfc86527"
+  integrity sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==
+  dependencies:
+    "@typescript-eslint/project-service" "8.54.0"
+    "@typescript-eslint/tsconfig-utils" "8.54.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+    debug "^4.4.3"
+    minimatch "^9.0.5"
+    semver "^7.7.3"
     tinyglobby "^0.2.15"
-    ts-api-utils "^2.1.0"
+    ts-api-utils "^2.4.0"
 
-"@typescript-eslint/utils@^8.8.1":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.49.0.tgz#43b3b91d30afd6f6114532cf0b228f1790f43aff"
-  integrity sha512-N3W7rJw7Rw+z1tRsHZbK395TWSYvufBXumYtEGzypgMUthlg0/hmCImeA8hgO2d2G4pd7ftpxxul2J8OdtdaFA==
+"@typescript-eslint/utils@8.54.0", "@typescript-eslint/utils@^8.48.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.54.0.tgz#c79a4bcbeebb4f571278c0183ed1cb601d84c6c8"
+  integrity sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.7.0"
-    "@typescript-eslint/scope-manager" "8.49.0"
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/typescript-estree" "8.49.0"
+    "@eslint-community/eslint-utils" "^4.9.1"
+    "@typescript-eslint/scope-manager" "8.54.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/typescript-estree" "8.54.0"
 
-"@typescript-eslint/visitor-keys@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.49.0.tgz#8e450cc502c0d285cad9e84d400cf349a85ced6c"
-  integrity sha512-LlKaciDe3GmZFphXIc79THF/YYBugZ7FS1pO581E/edlVVNbZKDy93evqmrfQ9/Y4uN0vVhX4iuchq26mK/iiA==
+"@typescript-eslint/visitor-keys@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.54.0.tgz#0e4b50124b210b8600b245dd66cbad52deb15590"
+  integrity sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==
   dependencies:
-    "@typescript-eslint/types" "8.49.0"
+    "@typescript-eslint/types" "8.54.0"
     eslint-visitor-keys "^4.2.1"
 
-"@ungap/structured-clone@^1.2.0", "@ungap/structured-clone@^1.3.0":
+"@ungap/structured-clone@^1.2.0":
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
   integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
 
-"@unrs/resolver-binding-android-arm-eabi@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz#9f5b04503088e6a354295e8ea8fe3cb99e43af81"
-  integrity sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==
+"@vector-im/compound-design-tokens@^6.4.3":
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-6.9.0.tgz#626d06fcf2afa37db7633425271a6de9e2b38933"
+  integrity sha512-LFmJW77wdV/b8ii/R2nrpge4ewtM/tSC3krDGFhENVNgYqbKUz00adZhKXAufJANxzGdAd4PsiFGa16YRlVLrQ==
 
-"@unrs/resolver-binding-android-arm64@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz#7414885431bd7178b989aedc4d25cccb3865bc9f"
-  integrity sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==
-
-"@unrs/resolver-binding-darwin-arm64@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz#b4a8556f42171fb9c9f7bac8235045e82aa0cbdf"
-  integrity sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==
-
-"@unrs/resolver-binding-darwin-x64@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz#fd4d81257b13f4d1a083890a6a17c00de571f0dc"
-  integrity sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==
-
-"@unrs/resolver-binding-freebsd-x64@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz#d2513084d0f37c407757e22f32bd924a78cfd99b"
-  integrity sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==
-
-"@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz#844d2605d057488d77fab09705f2866b86164e0a"
-  integrity sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==
-
-"@unrs/resolver-binding-linux-arm-musleabihf@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz#204892995cefb6bd1d017d52d097193bc61ddad3"
-  integrity sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==
-
-"@unrs/resolver-binding-linux-arm64-gnu@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz#023eb0c3aac46066a10be7a3f362e7b34f3bdf9d"
-  integrity sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==
-
-"@unrs/resolver-binding-linux-arm64-musl@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz#9e6f9abb06424e3140a60ac996139786f5d99be0"
-  integrity sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==
-
-"@unrs/resolver-binding-linux-ppc64-gnu@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz#b111417f17c9d1b02efbec8e08398f0c5527bb44"
-  integrity sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==
-
-"@unrs/resolver-binding-linux-riscv64-gnu@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz#92ffbf02748af3e99873945c9a8a5ead01d508a9"
-  integrity sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==
-
-"@unrs/resolver-binding-linux-riscv64-musl@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz#0bec6f1258fc390e6b305e9ff44256cb207de165"
-  integrity sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==
-
-"@unrs/resolver-binding-linux-s390x-gnu@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz#577843a084c5952f5906770633ccfb89dac9bc94"
-  integrity sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==
-
-"@unrs/resolver-binding-linux-x64-gnu@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz#36fb318eebdd690f6da32ac5e0499a76fa881935"
-  integrity sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==
-
-"@unrs/resolver-binding-linux-x64-musl@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz#bfb9af75f783f98f6a22c4244214efe4df1853d6"
-  integrity sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==
-
-"@unrs/resolver-binding-wasm32-wasi@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz#752c359dd875684b27429500d88226d7cc72f71d"
-  integrity sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==
+"@vector-im/compound-web@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-8.3.6.tgz#1f669e339d086faa14f4cd9f7a39e7d3d3e2a4d1"
+  integrity sha512-w7jjUJ8dXlLE2Ja/2J8Z433mtra3QF0cHDU5BGVLBBJnT/IwU4vazJRaU61dIOm3OnzDnsDreKcrMtWAUIhQkA==
   dependencies:
-    "@napi-rs/wasm-runtime" "^0.2.11"
+    "@floating-ui/react" "^0.27.0"
+    "@radix-ui/react-context-menu" "^2.2.16"
+    "@radix-ui/react-dropdown-menu" "^2.1.1"
+    "@radix-ui/react-form" "^0.1.0"
+    "@radix-ui/react-progress" "^1.1.0"
+    "@radix-ui/react-separator" "^1.1.0"
+    "@radix-ui/react-slot" "^1.1.0"
+    classnames "^2.5.1"
+    vaul "^1.0.0"
 
-"@unrs/resolver-binding-win32-arm64-msvc@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz#ce5735e600e4c2fbb409cd051b3b7da4a399af35"
-  integrity sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==
+"@vitejs/plugin-react@^5.1.2":
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-5.1.2.tgz#46f47be184c05a18839cb8705d79578b469ac6eb"
+  integrity sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==
+  dependencies:
+    "@babel/core" "^7.28.5"
+    "@babel/plugin-transform-react-jsx-self" "^7.27.1"
+    "@babel/plugin-transform-react-jsx-source" "^7.27.1"
+    "@rolldown/pluginutils" "1.0.0-beta.53"
+    "@types/babel__core" "^7.20.5"
+    react-refresh "^0.18.0"
 
-"@unrs/resolver-binding-win32-ia32-msvc@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz#72fc57bc7c64ec5c3de0d64ee0d1810317bc60a6"
-  integrity sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==
+"@vitest/browser-playwright@^4.0.17":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/browser-playwright/-/browser-playwright-4.0.18.tgz#1a844a44cf2f1e2321ca70e405063104350e5472"
+  integrity sha512-gfajTHVCiwpxRj1qh0Sh/5bbGLG4F/ZH/V9xvFVoFddpITfMta9YGow0W6ZpTTORv2vdJuz9TnrNSmjKvpOf4g==
+  dependencies:
+    "@vitest/browser" "4.0.18"
+    "@vitest/mocker" "4.0.18"
+    tinyrainbow "^3.0.3"
 
-"@unrs/resolver-binding-win32-x64-msvc@1.11.1":
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz#538b1e103bf8d9864e7b85cc96fa8d6fb6c40777"
-  integrity sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==
+"@vitest/browser@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/browser/-/browser-4.0.18.tgz#9d826cc21f09c27f8fe758715a92a6a878236a02"
+  integrity sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng==
+  dependencies:
+    "@vitest/mocker" "4.0.18"
+    "@vitest/utils" "4.0.18"
+    magic-string "^0.30.21"
+    pixelmatch "7.1.0"
+    pngjs "^7.0.0"
+    sirv "^3.0.2"
+    tinyrainbow "^3.0.3"
+    ws "^8.18.3"
 
-"@vector-im/compound-design-tokens@^6.3.0":
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-6.4.2.tgz#29189d6480c8ccf09ce143cb4618fb13a56a7583"
-  integrity sha512-LHLGZgnatH3mQXn9TF+m/SUinPS2nKvuCT/r2AQ7HAgEIG/S/Ck6e/iV4IFQLSZnd9gU0RlMsLkP2UQ/AKUEBA==
+"@vitest/coverage-v8@^4.0.17":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/coverage-v8/-/coverage-v8-4.0.18.tgz#b9c4db7479acd51d5f0ced91b2853c29c3d0cda7"
+  integrity sha512-7i+N2i0+ME+2JFZhfuz7Tg/FqKtilHjGyGvoHYQ6iLV0zahbsJ9sljC9OcFcPDbhYKCet+sG8SsVqlyGvPflZg==
+  dependencies:
+    "@bcoe/v8-coverage" "^1.0.2"
+    "@vitest/utils" "4.0.18"
+    ast-v8-to-istanbul "^0.3.10"
+    istanbul-lib-coverage "^3.2.2"
+    istanbul-lib-report "^3.0.1"
+    istanbul-reports "^3.2.0"
+    magicast "^0.5.1"
+    obug "^2.1.1"
+    std-env "^3.10.0"
+    tinyrainbow "^3.0.3"
 
 "@vitest/expect@3.2.4":
   version "3.2.4"
@@ -2047,14 +2009,26 @@
     chai "^5.2.0"
     tinyrainbow "^2.0.0"
 
-"@vitest/mocker@3.2.4":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-3.2.4.tgz#4471c4efbd62db0d4fa203e65cc6b058a85cabd3"
-  integrity sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==
+"@vitest/expect@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-4.0.18.tgz#361510d99fbf20eb814222e4afcb8539d79dc94d"
+  integrity sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==
   dependencies:
-    "@vitest/spy" "3.2.4"
+    "@standard-schema/spec" "^1.0.0"
+    "@types/chai" "^5.2.2"
+    "@vitest/spy" "4.0.18"
+    "@vitest/utils" "4.0.18"
+    chai "^6.2.1"
+    tinyrainbow "^3.0.3"
+
+"@vitest/mocker@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-4.0.18.tgz#b9735da114ef65ea95652c5bdf13159c6fab4865"
+  integrity sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==
+  dependencies:
+    "@vitest/spy" "4.0.18"
     estree-walker "^3.0.3"
-    magic-string "^0.30.17"
+    magic-string "^0.30.21"
 
 "@vitest/pretty-format@3.2.4":
   version "3.2.4"
@@ -2063,6 +2037,30 @@
   dependencies:
     tinyrainbow "^2.0.0"
 
+"@vitest/pretty-format@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-4.0.18.tgz#fbccd4d910774072ec15463553edb8ca5ce53218"
+  integrity sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==
+  dependencies:
+    tinyrainbow "^3.0.3"
+
+"@vitest/runner@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-4.0.18.tgz#c2c0a3ed226ec85e9312f9cc8c43c5b3a893a8b1"
+  integrity sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==
+  dependencies:
+    "@vitest/utils" "4.0.18"
+    pathe "^2.0.3"
+
+"@vitest/snapshot@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-4.0.18.tgz#bcb40fd6d742679c2ac927ba295b66af1c6c34c5"
+  integrity sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==
+  dependencies:
+    "@vitest/pretty-format" "4.0.18"
+    magic-string "^0.30.21"
+    pathe "^2.0.3"
+
 "@vitest/spy@3.2.4":
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-3.2.4.tgz#cc18f26f40f3f028da6620046881f4e4518c2599"
@@ -2070,6 +2068,24 @@
   dependencies:
     tinyspy "^4.0.3"
 
+"@vitest/spy@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-4.0.18.tgz#ba0f20503fb6d08baf3309d690b3efabdfa88762"
+  integrity sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==
+
+"@vitest/ui@^4.0.17":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/ui/-/ui-4.0.18.tgz#ae5765c34e98bb5d7294eb38d624a87f7c8b0399"
+  integrity sha512-CGJ25bc8fRi8Lod/3GHSvXRKi7nBo3kxh0ApW4yCjmrWmRmlT53B5E08XRSZRliygG0aVNxLrBEqPYdz/KcCtQ==
+  dependencies:
+    "@vitest/utils" "4.0.18"
+    fflate "^0.8.2"
+    flatted "^3.3.3"
+    pathe "^2.0.3"
+    sirv "^3.0.2"
+    tinyglobby "^0.2.15"
+    tinyrainbow "^3.0.3"
+
 "@vitest/utils@3.2.4":
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-3.2.4.tgz#c0813bc42d99527fb8c5b138c7a88516bca46fea"
@@ -2079,6 +2095,14 @@
     loupe "^3.1.4"
     tinyrainbow "^2.0.0"
 
+"@vitest/utils@4.0.18":
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-4.0.18.tgz#9636b16d86a4152ec68a8d6859cff702896433d4"
+  integrity sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==
+  dependencies:
+    "@vitest/pretty-format" "4.0.18"
+    tinyrainbow "^3.0.3"
+
 "@volar/language-core@2.4.23", "@volar/language-core@~2.4.11":
   version "2.4.23"
   resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.23.tgz#deb6dbc5fdbafa9bb7ba691fc59cb196cdb856d3"
@@ -2163,19 +2187,11 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn@^8.15.0, acorn@^8.9.0:
+acorn@^8.15.0, acorn@^8.8.2, acorn@^8.9.0:
   version "8.15.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
   integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
 
-aggregate-error@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
-  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
 ajv-draft-04@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz#3b64761b268ba0b9e668f0b41ba53fce0ad77fc8"
@@ -2233,20 +2249,6 @@ alien-signals@^0.4.9:
   resolved "https://registry.yarnpkg.com/alien-signals/-/alien-signals-0.4.14.tgz#9ff8f72a272300a51692f54bd9bbbada78fbf539"
   integrity sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==
 
-ansi-escapes@^4.3.2:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
-  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
-  dependencies:
-    type-fest "^0.21.3"
-
-ansi-escapes@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-7.2.0.tgz#31b25afa3edd3efc09d98c2fee831d460ff06b49"
-  integrity sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==
-  dependencies:
-    environment "^1.0.0"
-
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
@@ -2257,13 +2259,6 @@ ansi-regex@^6.0.1:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.2.2.tgz#60216eea464d864597ce2832000738a0589650c1"
   integrity sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==
 
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
@@ -2281,21 +2276,6 @@ ansi-styles@^6.1.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.3.tgz#c044d5dcc521a076413472597a1acb1f103c4041"
   integrity sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==
 
-anymatch@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-append-transform@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-2.0.0.tgz#99d9d29c7b38391e6f428d28ce136551f0b77e12"
-  integrity sha512-7yeyCEurROLQJFv5Xj4lEGTy0borxepjFv1g22oAdqFu//SrAlDl1O1Nxx15SH1RoliUml6p8dwJW9jvZughhg==
-  dependencies:
-    default-require-extensions "^3.0.0"
-
 archiver-utils@^5.0.0, archiver-utils@^5.0.2:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/archiver-utils/-/archiver-utils-5.0.2.tgz#63bc719d951803efc72cf961a56ef810760dd14d"
@@ -2322,22 +2302,24 @@ archiver@^7.0.1:
     tar-stream "^3.0.0"
     zip-stream "^6.0.1"
 
-archy@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
-  integrity sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-argparse@^1.0.7, argparse@~1.0.9:
+argparse@~1.0.9:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
   integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
   dependencies:
     sprintf-js "~1.0.2"
 
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+aria-hidden@^1.2.4:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.6.tgz#73051c9b088114c795b1ea414e9c0fff874ffc1a"
+  integrity sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==
+  dependencies:
+    tslib "^2.0.0"
 
 aria-query@5.3.0:
   version "5.3.0"
@@ -2346,11 +2328,102 @@ aria-query@5.3.0:
   dependencies:
     dequal "^2.0.3"
 
-aria-query@^5.0.0:
+aria-query@^5.0.0, aria-query@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
   integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
 
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
+  dependencies:
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
+
+array-includes@^3.1.6, array-includes@^3.1.8, array-includes@^3.1.9:
+  version "3.1.9"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.9.tgz#1f0ccaa08e90cdbc3eb433210f903ad0f17c3f3a"
+  integrity sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.24.0"
+    es-object-atoms "^1.1.1"
+    get-intrinsic "^1.3.0"
+    is-string "^1.1.1"
+    math-intrinsics "^1.1.0"
+
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.6:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz#cfa1065c81dcb64e34557c9b81d012f6a421c564"
+  integrity sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-shim-unscopables "^1.1.0"
+
+array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
+  integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flatmap@^1.3.2, array.prototype.flatmap@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+    es-errors "^1.3.0"
+    es-shim-unscopables "^1.0.2"
+
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
+
 asn1.js@^4.10.1:
   version "4.10.1"
   resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
@@ -2383,6 +2456,11 @@ assertion-error@^2.0.1:
   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
   integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
 
+ast-types-flow@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
+  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
+
 ast-types@^0.16.1:
   version "0.16.1"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.16.1.tgz#7a9da1617c9081bc121faafe91711b4c8bb81da2"
@@ -2390,6 +2468,20 @@ ast-types@^0.16.1:
   dependencies:
     tslib "^2.0.1"
 
+ast-v8-to-istanbul@^0.3.10:
+  version "0.3.11"
+  resolved "https://registry.yarnpkg.com/ast-v8-to-istanbul/-/ast-v8-to-istanbul-0.3.11.tgz#725b1f5e2ffdc8d71620cb5e78d6dc976d65e97a"
+  integrity sha512-Qya9fkoofMjCBNVdWINMjB5KZvkYfaO9/anwkWnjxibpWUxo5iHl2sOdP7/uAqaRuUYuoo8rDwnbaaKVFxoUvw==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.31"
+    estree-walker "^3.0.3"
+    js-tokens "^10.0.0"
+
+async-function@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b"
+  integrity sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==
+
 async-lock@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/async-lock/-/async-lock-1.4.1.tgz#56b8718915a9b68b10fce2f2a9a3dddf765ef53f"
@@ -2412,12 +2504,17 @@ available-typed-arrays@^1.0.7:
   dependencies:
     possible-typed-array-names "^1.0.0"
 
-axe-core@^4.2.0, axe-core@~4.11.0:
+axe-core@^4.10.0, axe-core@^4.2.0:
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.11.1.tgz#052ff9b2cbf543f5595028b583e4763b40c78ea7"
+  integrity sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==
+
+axe-core@~4.11.0:
   version "4.11.0"
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.11.0.tgz#16f74d6482e343ff263d4f4503829e9ee91a86b6"
   integrity sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==
 
-axios@^1.12.1, axios@^1.6.1:
+axios@^1.12.1:
   version "1.13.2"
   resolved "https://registry.yarnpkg.com/axios/-/axios-1.13.2.tgz#9ada120b7b5ab24509553ec3e40123521117f687"
   integrity sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==
@@ -2426,71 +2523,16 @@ axios@^1.12.1, axios@^1.6.1:
     form-data "^4.0.4"
     proxy-from-env "^1.1.0"
 
+axobject-query@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
+  integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
+
 b4a@^1.6.4:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/b4a/-/b4a-1.7.3.tgz#24cf7ccda28f5465b66aec2bac69e32809bf112f"
   integrity sha512-5Q2mfq2WfGuFp3uS//0s6baOJLMoVduPYVeNmDYxu5OUA1/cBfvr2RIS7vi62LdNj/urk1hfmj867I3qt6uZ7Q==
 
-babel-jest@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-30.2.0.tgz#fd44a1ec9552be35ead881f7381faa7d8f3b95ac"
-  integrity sha512-0YiBEOxWqKkSQWL9nNGGEgndoeL0ZpWrbLMNL5u/Kaxrli3Eaxlt3ZtIDktEvXt4L/R9r3ODr2zKwGM/2BjxVw==
-  dependencies:
-    "@jest/transform" "30.2.0"
-    "@types/babel__core" "^7.20.5"
-    babel-plugin-istanbul "^7.0.1"
-    babel-preset-jest "30.2.0"
-    chalk "^4.1.2"
-    graceful-fs "^4.2.11"
-    slash "^3.0.0"
-
-babel-plugin-istanbul@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-7.0.1.tgz#d8b518c8ea199364cf84ccc82de89740236daf92"
-  integrity sha512-D8Z6Qm8jCvVXtIRkBnqNHX0zJ37rQcFJ9u8WOS6tkYOsRdHBzypCstaxWiu5ZIlqQtviRYbgnRLSoCEvjqcqbA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.3"
-    istanbul-lib-instrument "^6.0.2"
-    test-exclude "^6.0.0"
-
-babel-plugin-jest-hoist@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-30.2.0.tgz#94c250d36b43f95900f3a219241e0f4648191ce2"
-  integrity sha512-ftzhzSGMUnOzcCXd6WHdBGMyuwy15Wnn0iyyWGKgBDLxf9/s5ABuraCSpBX2uG0jUg4rqJnxsLc5+oYBqoxVaA==
-  dependencies:
-    "@types/babel__core" "^7.20.5"
-
-babel-preset-current-node-syntax@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz#20730d6cdc7dda5d89401cab10ac6a32067acde6"
-  integrity sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==
-  dependencies:
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-bigint" "^7.8.3"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-import-attributes" "^7.24.7"
-    "@babel/plugin-syntax-import-meta" "^7.10.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
-
-babel-preset-jest@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-30.2.0.tgz#04717843e561347781d6d7f69c81e6bcc3ed11ce"
-  integrity sha512-US4Z3NOieAQumwFnYdUWKvUKh8+YSnS/gB3t6YBiz0bskpu7Pine8pPCheNxlPEW4wnUkma2a94YuW2q3guvCQ==
-  dependencies:
-    babel-plugin-jest-hoist "30.2.0"
-    babel-preset-current-node-syntax "^1.2.0"
-
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -2544,9 +2586,9 @@ base64-js@^1.3.1:
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
 baseline-browser-mapping@^2.9.0:
-  version "2.9.5"
-  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.9.5.tgz#47f9549e0be1a84cd16651ac4c3b7d87a71408e6"
-  integrity sha512-D5vIoztZOq1XM54LUdttJVc96ggEsIfju2JBvht06pSzpckp3C7HReun67Bghzrtdsq9XdMGbSSB3v3GhMNmAA==
+  version "2.9.19"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz#3e508c43c46d961eb4d7d2e5b8d1dd0f9ee4f488"
+  integrity sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==
 
 bcrypt-pbkdf@^1.0.2:
   version "1.0.2"
@@ -2670,7 +2712,7 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.24.0:
+browserslist@^4.24.0, browserslist@^4.28.0:
   version "4.28.1"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.1.tgz#7f534594628c53c63101079e27e40de490456a95"
   integrity sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==
@@ -2681,23 +2723,11 @@ browserslist@^4.24.0:
     node-releases "^2.0.27"
     update-browserslist-db "^1.2.0"
 
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
 buffer-crc32@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-1.0.0.tgz#a10993b9055081d55304bd9feb4a072de179f405"
   integrity sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==
 
-buffer-from@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
-  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
-
 buffer-xor@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
@@ -2724,6 +2754,11 @@ buildcheck@~0.0.6:
   resolved "https://registry.yarnpkg.com/buildcheck/-/buildcheck-0.0.7.tgz#07a5e76c10ead8fa67d9e4c587b68f49e8f29d61"
   integrity sha512-lHblz4ahamxpTmnsk+MNTRWsjYKv965MwOrSJyeD588rR3Jcu7swE+0wN5F+PbL5cjgu/9ObkhfzEPuofEMwLA==
 
+builtin-modules@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
+  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
+
 builtin-status-codes@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
@@ -2741,16 +2776,6 @@ byline@^5.0.0:
   resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1"
   integrity sha512-s6webAy+R4SR8XVuJWt2V2rGvhnrhxN+9S15GNuTK3wKPOXFF6RNc+8ug2XhH+2s4f+uudG4kUVYmYOQWL2g0Q==
 
-caching-transform@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/caching-transform/-/caching-transform-4.0.0.tgz#00d297a4206d71e2163c39eaffa8157ac0651f0f"
-  integrity sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==
-  dependencies:
-    hasha "^5.0.0"
-    make-dir "^3.0.0"
-    package-hash "^4.0.0"
-    write-file-atomic "^3.0.0"
-
 call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
@@ -2777,25 +2802,15 @@ call-bound@^1.0.2, call-bound@^1.0.3, call-bound@^1.0.4:
     call-bind-apply-helpers "^1.0.2"
     get-intrinsic "^1.3.0"
 
-callsites@^3.0.0, callsites@^3.1.0:
+callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase@^5.0.0, camelcase@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
 caniuse-lite@^1.0.30001759:
-  version "1.0.30001760"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001760.tgz#bdd1960fafedf8d5f04ff16e81460506ff9b798f"
-  integrity sha512-7AAMPcueWELt1p3mi13HR/LHH0TJLT11cnwDJEs3xA4+CK/PLKeO9Kl1oru24htkyUKtkGCvAx4ohB0Ttry8Dw==
+  version "1.0.30001767"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001767.tgz#0279c498e862efb067938bba0a0aabafe8d0b730"
+  integrity sha512-34+zUAMhSH+r+9eKmYG+k2Rpt8XttfE4yXAjoZvkAPs15xcYQhyBYdalJ65BzivAvGRMViEjy6oKr/S91loekQ==
 
 chai@^5.2.0:
   version "5.3.3"
@@ -2808,7 +2823,12 @@ chai@^5.2.0:
     loupe "^3.1.0"
     pathval "^2.0.0"
 
-chalk@4.1.2, chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2, chalk@~4.1.2:
+chai@^6.2.1:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-6.2.2.tgz#ae41b52c9aca87734505362717f3255facda360e"
+  integrity sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==
+
+chalk@^4.0.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -2816,29 +2836,10 @@ chalk@4.1.2, chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2, chalk@~4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^5.2.0:
-  version "5.6.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.6.2.tgz#b1238b6e23ea337af71c7f8a295db5af0c158aea"
-  integrity sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==
-
-char-regex@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
-  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
-
 check-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
-  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.3.tgz#2427361117b70cca8dc89680ead32b157019caf5"
+  integrity sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==
 
 chownr@^1.1.1:
   version "1.1.4"
@@ -2850,7 +2851,7 @@ ci-info@^3.7.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
   integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
 
-ci-info@^4.2.0:
+ci-info@^4.0.0, ci-info@^4.1.0, ci-info@^4.2.0:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-4.3.1.tgz#355ad571920810b5623e11d40232f443f16f1daa"
   integrity sha512-Wdy2Igu8OcBpI2pZePZ5oWjPC38tmDVx5WKUXKwlLYkA0ozo85sLsLvkBbBn/sZaSCMFOGZJ14fvW9t5/d7kdA==
@@ -2864,29 +2865,17 @@ cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
     safe-buffer "^5.2.1"
     to-buffer "^1.2.2"
 
-cjs-module-lexer@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-2.1.1.tgz#bff23b0609cc9afa428bd35f1918f7d03b448562"
-  integrity sha512-+CmxIZ/L2vNcEfvNtLdU0ZQ6mbq3FZnwAP2PPTiKP+1QOoKwlKlPgb8UKV0Dds7QVaMnHm+FwSft2VB0s/SLjQ==
-
 classnames@^2.5.1:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
   integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
 
-clean-stack@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
+clean-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clean-regexp/-/clean-regexp-1.0.0.tgz#8df7c7aae51fd36874e8f8d05b9180bc11a3fed7"
+  integrity sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==
   dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
+    escape-string-regexp "^1.0.5"
 
 cliui@^8.0.1:
   version "8.0.1"
@@ -2897,23 +2886,6 @@ cliui@^8.0.1:
     strip-ansi "^6.0.1"
     wrap-ansi "^7.0.0"
 
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
-
-collect-v8-coverage@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz#cc1f01eb8d02298cbc9a437c74c70ab4e5210b80"
-  integrity sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@@ -2921,11 +2893,6 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
@@ -2938,21 +2905,6 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^12.1.0:
-  version "12.1.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-12.1.0.tgz#01423b36f501259fdaac4d0e4d60c96c991585d3"
-  integrity sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==
-
-commander@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-3.0.2.tgz#6837c3fb677ad9933d1cfba42dd14d5117d6b39e"
-  integrity sha512-Gar0ASD4BDyKC4hl4DwHqDrmvjoxWKZigVnAbn5H1owvm4CxCPdb0HQDehwNYMJpla5+M2tPmPARzhtYuwpHow==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
 compare-versions@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-6.1.1.tgz#7af3cc1099ba37d244b3145a9af5201b629148a9"
@@ -2974,18 +2926,6 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
-concurrently@^9.2.1:
-  version "9.2.1"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-9.2.1.tgz#248ea21b95754947be2dad9c3e4b60f18ca4e44f"
-  integrity sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==
-  dependencies:
-    chalk "4.1.2"
-    rxjs "7.8.2"
-    shell-quote "1.8.3"
-    supports-color "8.1.1"
-    tree-kill "1.2.2"
-    yargs "17.7.2"
-
 confbox@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
@@ -3006,16 +2946,18 @@ constants-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
   integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
 
-convert-source-map@^1.7.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
-
 convert-source-map@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
+core-js-compat@^3.38.1:
+  version "3.47.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.47.0.tgz#698224bbdbb6f2e3f39decdda4147b161e3772a3"
+  integrity sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==
+  dependencies:
+    browserslist "^4.28.0"
+
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
@@ -3089,7 +3031,7 @@ create-require@^1.1.1:
   resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3, cross-spawn@^7.0.6:
+cross-spawn@^7.0.2, cross-spawn@^7.0.3, cross-spawn@^7.0.6:
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
   integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
@@ -3126,13 +3068,37 @@ csstype@^3.2.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
   integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
 
-cwd@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/cwd/-/cwd-0.10.0.tgz#172400694057c22a13b0cf16162c7e4b7a7fe567"
-  integrity sha512-YGZxdTTL9lmLkCUTpg4j0zQ7IhRB5ZmqNBbGCl3Tg6MP/d5/6sY7L5mmTjzbc6JKgVZYiqTQTNhPFsbXNGlRaA==
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+data-view-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
   dependencies:
-    find-pkg "^0.1.2"
-    fs-exists-sync "^0.1.0"
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
 
 date-names@^0.1.11:
   version "0.1.13"
@@ -3144,22 +3110,24 @@ de-indent@^1.0.2:
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
   integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
-debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.4.0, debug@^4.4.3:
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.4.0, debug@^4.4.3:
   version "4.4.3"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
   integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
   dependencies:
     ms "^2.1.3"
 
-decamelize@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
-
-dedent@^1.6.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.7.0.tgz#c1f9445335f0175a96587be245a282ff451446ca"
-  integrity sha512-HGFtf8yhuhGhqO07SV79tRp+br4MnbdjeVxotpn1QBl30pcLLCQjX5b2295ll0fv8RKDKsmWYrl05usHM9CewQ==
+dedent@^1.5.1:
+  version "1.7.1"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.7.1.tgz#364661eea3d73f3faba7089214420ec2f8f13e15"
+  integrity sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==
 
 deep-eql@^5.0.1:
   version "5.0.2"
@@ -3171,31 +3139,19 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-deepmerge@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
-  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
-
 default-browser-id@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-5.0.1.tgz#f7a7ccb8f5104bf8e0f71ba3b1ccfa5eafdb21e8"
   integrity sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==
 
 default-browser@^5.2.1:
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-5.4.0.tgz#b55cf335bb0b465dd7c961a02cd24246aa434287"
-  integrity sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-5.5.0.tgz#2792e886f2422894545947cc80e1a444496c5976"
+  integrity sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw==
   dependencies:
     bundle-name "^4.1.0"
     default-browser-id "^5.0.0"
 
-default-require-extensions@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-3.0.1.tgz#bfae00feeaeada68c2ae256c62540f60b80625bd"
-  integrity sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==
-  dependencies:
-    strip-bom "^4.0.0"
-
 define-data-property@^1.0.1, define-data-property@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
@@ -3237,17 +3193,10 @@ des.js@^1.0.0:
     inherits "^2.0.1"
     minimalistic-assert "^1.0.0"
 
-detect-newline@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-  integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
-diffable-html@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/diffable-html/-/diffable-html-4.1.0.tgz#e7a2d1de187c4e23a59751b4e4c17483a058c696"
-  integrity sha512-++kyNek+YBLH8cLXS+iTj/Hiy2s5qkRJEJ8kgu/WHbFrVY2vz9xPFUT+fii2zGF0m1CaojDlQJjkfrCt7YWM1g==
-  dependencies:
-    htmlparser2 "^3.9.2"
+detect-node-es@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
+  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
 diffie-hellman@^5.0.3:
   version "5.0.3"
@@ -3288,6 +3237,13 @@ dockerode@^4.0.9:
     tar-fs "^2.1.4"
     uuid "^10.0.0"
 
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
 doctrine@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
@@ -3305,45 +3261,12 @@ dom-accessibility-api@^0.6.3:
   resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz#993e925cc1d73f2c662e7d75dd5a5445259a8fd8"
   integrity sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==
 
-dom-serializer@0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
-  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
-  dependencies:
-    domelementtype "^2.0.1"
-    entities "^2.0.0"
-
 domain-browser@4.22.0:
   version "4.22.0"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-4.22.0.tgz#6ddd34220ec281f9a65d3386d267ddd35c491f9f"
   integrity sha512-IGBwjF7tNk3cwypFNH/7bfzBcgSCbaMOD3GsaY1AU/JRrnHnYgEM0+9kQt52iZxjNsjBtJYtao146V+f8jFZNw==
 
-domelementtype@1, domelementtype@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
-domelementtype@^2.0.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
-domhandler@^2.3.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
-  integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==
-  dependencies:
-    domelementtype "1"
-
-domutils@^1.5.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-dunder-proto@^1.0.1:
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
   integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
@@ -3358,9 +3281,9 @@ eastasianwidth@^0.2.0:
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
 electron-to-chromium@^1.5.263:
-  version "1.5.267"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz#5d84f2df8cdb6bfe7e873706bb21bd4bfb574dc7"
-  integrity sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==
+  version "1.5.286"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz#142be1ab5e1cd5044954db0e5898f60a4960384e"
+  integrity sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==
 
 elliptic@^6.5.3, elliptic@^6.6.1:
   version "6.6.1"
@@ -3375,11 +3298,6 @@ elliptic@^6.5.3, elliptic@^6.6.1:
     minimalistic-assert "^1.0.1"
     minimalistic-crypto-utils "^1.0.1"
 
-emittery@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
-  integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
-
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -3402,26 +3320,11 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-entities@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
-  integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
-
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
-
-entities@^4.5.0:
+entities@^4.4.0, entities@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
 
-environment@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/environment/-/environment-1.1.0.tgz#8e86c66b180f363c7ab311787e0259665f45a9f1"
-  integrity sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==
-
 error-ex@^1.3.1:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.4.tgz#b3a8d8bb6f92eecc1629e3e27d3c8607a8a32414"
@@ -3429,6 +3332,66 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
+es-abstract@^1.17.5, es-abstract@^1.23.2, es-abstract@^1.23.3, es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9, es-abstract@^1.24.0, es-abstract@^1.24.1:
+  version "1.24.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.24.1.tgz#f0c131ed5ea1bb2411134a8dd94def09c46c7899"
+  integrity sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==
+  dependencies:
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.3.0"
+    get-proto "^1.0.1"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
+    is-callable "^1.2.7"
+    is-data-view "^1.0.2"
+    is-negative-zero "^2.0.3"
+    is-regex "^1.2.1"
+    is-set "^2.0.3"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.1"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.4"
+    object-keys "^1.1.1"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.4"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    stop-iteration-iterator "^1.1.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.19"
+
 es-define-property@^1.0.0, es-define-property@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
@@ -3439,6 +3402,33 @@ es-errors@^1.3.0:
   resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
   integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
 
+es-iterator-helpers@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.2.2.tgz#d979a9f686e2b0b72f88dbead7229924544720bc"
+  integrity sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.24.1"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.1.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.3.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    iterator.prototype "^1.1.5"
+    safe-array-concat "^1.1.3"
+
+es-module-lexer@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.7.0.tgz#9159601561880a85f2734560a9099b2c31e5372a"
+  integrity sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==
+
 es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
@@ -3456,12 +3446,23 @@ es-set-tostringtag@^2.1.0:
     has-tostringtag "^1.0.2"
     hasown "^2.0.2"
 
-es6-error@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
-  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+es-shim-unscopables@^1.0.2, es-shim-unscopables@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz#438df35520dac5d105f3943d927549ea3b00f4b5"
+  integrity sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==
+  dependencies:
+    hasown "^2.0.2"
 
-"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0":
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
+
+"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0", esbuild@^0.27.0:
   version "0.27.2"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.27.2.tgz#d83ed2154d5813a5367376bb2292a9296fc83717"
   integrity sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==
@@ -3493,38 +3494,6 @@ es6-error@^4.0.1:
     "@esbuild/win32-ia32" "0.27.2"
     "@esbuild/win32-x64" "0.27.2"
 
-esbuild@^0.25.0:
-  version "0.25.12"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.12.tgz#97a1d041f4ab00c2fce2f838d2b9969a2d2a97a5"
-  integrity sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.12"
-    "@esbuild/android-arm" "0.25.12"
-    "@esbuild/android-arm64" "0.25.12"
-    "@esbuild/android-x64" "0.25.12"
-    "@esbuild/darwin-arm64" "0.25.12"
-    "@esbuild/darwin-x64" "0.25.12"
-    "@esbuild/freebsd-arm64" "0.25.12"
-    "@esbuild/freebsd-x64" "0.25.12"
-    "@esbuild/linux-arm" "0.25.12"
-    "@esbuild/linux-arm64" "0.25.12"
-    "@esbuild/linux-ia32" "0.25.12"
-    "@esbuild/linux-loong64" "0.25.12"
-    "@esbuild/linux-mips64el" "0.25.12"
-    "@esbuild/linux-ppc64" "0.25.12"
-    "@esbuild/linux-riscv64" "0.25.12"
-    "@esbuild/linux-s390x" "0.25.12"
-    "@esbuild/linux-x64" "0.25.12"
-    "@esbuild/netbsd-arm64" "0.25.12"
-    "@esbuild/netbsd-x64" "0.25.12"
-    "@esbuild/openbsd-arm64" "0.25.12"
-    "@esbuild/openbsd-x64" "0.25.12"
-    "@esbuild/openharmony-arm64" "0.25.12"
-    "@esbuild/sunos-x64" "0.25.12"
-    "@esbuild/win32-arm64" "0.25.12"
-    "@esbuild/win32-ia32" "0.25.12"
-    "@esbuild/win32-x64" "0.25.12"
-
 escalade@^3.1.1, escalade@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
@@ -3545,17 +3514,163 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+eslint-config-google@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-google/-/eslint-config-google-0.14.0.tgz#4f5f8759ba6e11b424294a219dbfa18c508bcc1a"
+  integrity sha512-WsbX4WbjuMvTdeVL6+J3rK1RGhCTqjsFjX7UMSMgZiyxxaNLkoJENbrGExzERFeoTpGw3F3FypTiWAP9ZXzkEw==
+
+eslint-config-prettier@^10.1.8:
+  version "10.1.8"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz#15734ce4af8c2778cc32f0b01b37b0b5cd1ecb97"
+  integrity sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==
+
+eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-module-utils@^2.12.1:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz#f76d3220bfb83c057651359295ab5854eaad75ff"
+  integrity sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-deprecate@^0.8.7:
+  version "0.8.7"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-deprecate/-/eslint-plugin-deprecate-0.8.7.tgz#256783c785ea8f87a64ce23bf7de7e78064a6a22"
+  integrity sha512-G+xyAozC3M+lwZUmLU69N1GkcB1hkmzvTSbKsbSzMlqH0NpFwgosSE7pv58EBEqndeniNJpuReymK7xqAGXhWg==
+
+eslint-plugin-import@^2.32.0:
+  version "2.32.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz#602b55faa6e4caeaa5e970c198b5c00a37708980"
+  integrity sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.9"
+    array.prototype.findlastindex "^1.2.6"
+    array.prototype.flat "^1.3.3"
+    array.prototype.flatmap "^1.3.3"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.1"
+    hasown "^2.0.2"
+    is-core-module "^2.16.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.1"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.9"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jsx-a11y@^6.10.2:
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz#d2812bb23bf1ab4665f1718ea442e8372e638483"
+  integrity sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==
+  dependencies:
+    aria-query "^5.3.2"
+    array-includes "^3.1.8"
+    array.prototype.flatmap "^1.3.2"
+    ast-types-flow "^0.0.8"
+    axe-core "^4.10.0"
+    axobject-query "^4.1.0"
+    damerau-levenshtein "^1.0.8"
+    emoji-regex "^9.2.2"
+    hasown "^2.0.2"
+    jsx-ast-utils "^3.3.5"
+    language-tags "^1.0.9"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.8"
+    safe-regex-test "^1.0.3"
+    string.prototype.includes "^2.0.1"
+
 eslint-plugin-matrix-org@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-matrix-org/-/eslint-plugin-matrix-org-3.0.0.tgz#0e5eaa556b6780dcd616b1381baec252df78b56d"
   integrity sha512-xOPMeyLxOgoB2SsPhJmIc+drorZmXozSBo3X9whk/62DvbVpJcnththOCGx8ljYScADLb+baNOeN+wKZqwkldw==
 
-eslint-plugin-storybook@^10.0.7:
-  version "10.1.10"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-10.1.10.tgz#030a55e58a5e96a513cbf873434a840abdaf6a7d"
-  integrity sha512-ITr6Aq3buR/DuDATkq1BafUVJLybyo676fY+tj9Zjd1Ak+UXBAMQcQ++tiBVVHm1RqADwM3b1o6bnWHK2fPPKw==
+eslint-plugin-react-compiler@^19.1.0-rc.2:
+  version "19.1.0-rc.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-compiler/-/eslint-plugin-react-compiler-19.1.0-rc.2.tgz#83343e7422e00fa61e729af8e8468f0ddec37925"
+  integrity sha512-oKalwDGcD+RX9mf3NEO4zOoUMeLvjSvcbbEOpquzmzqEEM2MQdp7/FY/Hx9NzmUwFzH1W9SKTz5fihfMldpEYw==
   dependencies:
-    "@typescript-eslint/utils" "^8.8.1"
+    "@babel/core" "^7.24.4"
+    "@babel/parser" "^7.24.4"
+    "@babel/plugin-proposal-private-methods" "^7.18.6"
+    hermes-parser "^0.25.1"
+    zod "^3.22.4"
+    zod-validation-error "^3.0.3"
+
+eslint-plugin-react-hooks@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz#66e258db58ece50723ef20cc159f8aa908219169"
+  integrity sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==
+  dependencies:
+    "@babel/core" "^7.24.4"
+    "@babel/parser" "^7.24.4"
+    hermes-parser "^0.25.1"
+    zod "^3.25.0 || ^4.0.0"
+    zod-validation-error "^3.5.0 || ^4.0.0"
+
+eslint-plugin-react@^7.37.5:
+  version "7.37.5"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz#2975511472bdda1b272b34d779335c9b0e877065"
+  integrity sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==
+  dependencies:
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
+    array.prototype.flatmap "^1.3.3"
+    array.prototype.tosorted "^1.1.4"
+    doctrine "^2.1.0"
+    es-iterator-helpers "^1.2.1"
+    estraverse "^5.3.0"
+    hasown "^2.0.2"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.9"
+    object.fromentries "^2.0.8"
+    object.values "^1.2.1"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.5"
+    semver "^6.3.1"
+    string.prototype.matchall "^4.0.12"
+    string.prototype.repeat "^1.0.0"
+
+eslint-plugin-storybook@^10.0.7:
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-10.2.4.tgz#01215136f9727610de55c19822a94e5458f694ef"
+  integrity sha512-D8a6Y+iun2MSOpgps0Vd/t8y9Y5ZZ7O2VeKqw2PCv2+b7yInqogOS2VBMSRZVfP8TTGQgDpbUK67k7KZEUC7Ng==
+  dependencies:
+    "@typescript-eslint/utils" "^8.48.0"
+
+eslint-plugin-unicorn@^56.0.0:
+  version "56.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-56.0.1.tgz#d10a3df69ba885939075bdc95a65a0c872e940d4"
+  integrity sha512-FwVV0Uwf8XPfVnKSGpMg7NtlZh0G0gBarCaFcMUOoqPxXryxdYxTRRv4kH6B9TFCVIrjRXG+emcxIk2ayZilog==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.24.7"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    ci-info "^4.0.0"
+    clean-regexp "^1.0.0"
+    core-js-compat "^3.38.1"
+    esquery "^1.6.0"
+    globals "^15.9.0"
+    indent-string "^4.0.0"
+    is-builtin-module "^3.2.1"
+    jsesc "^3.0.2"
+    pluralize "^8.0.0"
+    read-pkg-up "^7.0.1"
+    regexp-tree "^0.1.27"
+    regjsparser "^0.10.0"
+    semver "^7.6.3"
+    strip-indent "^3.0.0"
 
 eslint-scope@^7.2.2:
   version "7.2.2"
@@ -3619,6 +3734,15 @@ eslint@8:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
+espree@^10.4.0:
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.4.0.tgz#d54f4949d4629005a1fa168d937c3ff1f7e2a837"
+  integrity sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==
+  dependencies:
+    acorn "^8.15.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.1"
+
 espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
@@ -3628,7 +3752,7 @@ espree@^9.6.0, espree@^9.6.1:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.4.1"
 
-esprima@^4.0.0, esprima@~4.0.0:
+esprima@~4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
@@ -3640,6 +3764,13 @@ esquery@^1.4.2:
   dependencies:
     estraverse "^5.1.0"
 
+esquery@^1.6.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.7.0.tgz#08d048f261f0ddedb5bae95f46809463d9c9496d"
+  integrity sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==
+  dependencies:
+    estraverse "^5.1.0"
+
 esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
@@ -3647,7 +3778,7 @@ esrecurse@^4.3.0:
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^5.1.0, estraverse@^5.2.0:
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
@@ -3701,44 +3832,12 @@ except@^0.1.3:
   dependencies:
     indexof "0.0.1"
 
-execa@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
+expect-type@^1.2.2:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.3.0.tgz#0d58ed361877a31bbc4dd6cf71bbfef7faf6bd68"
+  integrity sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==
 
-exit-x@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/exit-x/-/exit-x-0.2.2.tgz#1f9052de3b8d99a696b10dad5bced9bdd5c3aa64"
-  integrity sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==
-
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
-
-expand-tilde@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-1.2.2.tgz#0b81eba897e5a3d31d1c3d102f8f01441e559449"
-  integrity sha512-rtmc+cjLZqnu9dSYosX9EWmSJhTwpACgJQTfj4hgg2JjOD/6SIQalZrt4a3aQeh++oNxkazcaxrhPUj6+g5G/Q==
-  dependencies:
-    os-homedir "^1.0.1"
-
-expect-playwright@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/expect-playwright/-/expect-playwright-0.8.0.tgz#6d4ebe0bdbdd3c1693d880d97153b96a129ae4e8"
-  integrity sha512-+kn8561vHAY+dt+0gMqqj1oY+g5xWrsuGMk4QGxotT2WS545nVqqjs37z6hrYfIuucwqthzwJfCJUEYqixyljg==
-
-expect@30.2.0, expect@^30.0.0:
+expect@^30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-30.2.0.tgz#d4013bed267013c14bc1199cec8aa57cee9b5869"
   integrity sha512-u/feCi0GPsI+988gU2FLcsHyAHTU0MX1Wg68NhAnN7z/+C5wqG+CY8J53N9ioe8RXgaoz0nBR/TYMf3AycUuPw==
@@ -3770,7 +3869,7 @@ fast-fifo@^1.2.0, fast-fifo@^1.3.2:
   resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
   integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
 
-fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
+fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
@@ -3792,18 +3891,26 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
-fb-watchman@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
-  integrity sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==
-  dependencies:
-    bser "2.1.1"
-
 fdir@^6.5.0:
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
   integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
 
+fetch-mock@^12.6.0:
+  version "12.6.0"
+  resolved "https://registry.yarnpkg.com/fetch-mock/-/fetch-mock-12.6.0.tgz#e5ed5d471eeeb29478260ce48385dca6773b105e"
+  integrity sha512-oAy0OqAvjAvduqCeWveBix7LLuDbARPqZZ8ERYtBcCURA3gy7EALA3XWq0tCNxsSg+RmmJqyaeeZlOCV9abv6w==
+  dependencies:
+    "@types/glob-to-regexp" "^0.4.4"
+    dequal "^2.0.3"
+    glob-to-regexp "^0.4.1"
+    regexparam "^3.0.0"
+
+fflate@^0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.8.2.tgz#fc8631f5347812ad6028bbe4a2308b2792aa1dea"
+  integrity sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==
+
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -3818,40 +3925,7 @@ fill-range@^7.1.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-find-cache-dir@^3.2.0:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
-  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-file-up@^0.1.2:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/find-file-up/-/find-file-up-0.1.3.tgz#cf68091bcf9f300a40da411b37da5cce5a2fbea0"
-  integrity sha512-mBxmNbVyjg1LQIIpgO8hN+ybWBgDQK8qjht+EbrTCGmmPV/sc7RF1i9stPTD6bpvXZywBdrwRYxhSdJv867L6A==
-  dependencies:
-    fs-exists-sync "^0.1.0"
-    resolve-dir "^0.1.0"
-
-find-pkg@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/find-pkg/-/find-pkg-0.1.2.tgz#1bdc22c06e36365532e2a248046854b9788da557"
-  integrity sha512-0rnQWcFwZr7eO0513HahrWafsc3CTFioEB7DRiEYCUM/70QXSY8f3mCST17HXLcPvEhzH/Ty/Bxd72ZZsr/yvw==
-  dependencies:
-    find-file-up "^0.1.2"
-
-find-process@^1.4.4:
-  version "1.4.11"
-  resolved "https://registry.yarnpkg.com/find-process/-/find-process-1.4.11.tgz#f7246251d396b35b9ae41fff7b87137673567fcc"
-  integrity sha512-mAOh9gGk9WZ4ip5UjV0o6Vb4SrfnAmtsFNzkMRH9HQiFXVQnDyQFrSHTK5UoG6E+KV+s+cIznbtwpfN41l2nFA==
-  dependencies:
-    chalk "~4.1.2"
-    commander "^12.1.0"
-    loglevel "^1.9.2"
-
-find-up@^4.0.0, find-up@^4.1.0:
+find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
@@ -3883,7 +3957,7 @@ flat-cache@^3.0.4:
     keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flatted@^3.2.9:
+flatted@^3.2.9, flatted@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358"
   integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
@@ -3893,7 +3967,7 @@ follow-redirects@^1.15.6:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
   integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
 
-for-each@^0.3.5:
+for-each@^0.3.3, for-each@^0.3.5:
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
   integrity sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==
@@ -3905,14 +3979,6 @@ foreachasync@^3.0.0:
   resolved "https://registry.yarnpkg.com/foreachasync/-/foreachasync-3.0.0.tgz#5502987dc8714be3392097f32e0071c9dee07cf6"
   integrity sha512-J+ler7Ta54FwwNcx6wQRDhTIbNeyDcARMkOcguEqnEdtm0jKvN3Li3PDAb2Du3ubJYEWfYL83XMROXdsXAXycw==
 
-foreground-child@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-2.0.0.tgz#71b32800c9f15aa8f2f83f4a6bd9bff35d861a53"
-  integrity sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    signal-exit "^3.0.2"
-
 foreground-child@^3.1.0, foreground-child@^3.3.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
@@ -3932,21 +3998,11 @@ form-data@^4.0.4:
     hasown "^2.0.2"
     mime-types "^2.1.12"
 
-fromentries@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/fromentries/-/fromentries-1.3.2.tgz#e4bca6808816bf8f93b52750f1127f5a6fd86e3a"
-  integrity sha512-cHEpEQHUg0f8XdtZCc2ZAhrHzKzT0MrFUTcvx+hfxYu7rGMDc5SKoXFh+n4YigxsHXRzc6OrCshdR1bWH6HHyg==
-
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
   integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
 
-fs-exists-sync@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add"
-  integrity sha512-cR/vflFyPZtrN6b38ZyWxpWdhlXrzZEBawlpBQMq7033xVY7/kg0GDMBK5jg8lDYQckdJ5x/YC88lM3C7VMsLg==
-
 fs-extra@^10.0.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
@@ -3975,7 +4031,7 @@ fsevents@2.3.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
-fsevents@^2.3.3, fsevents@~2.3.2, fsevents@~2.3.3:
+fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
@@ -3985,6 +4041,23 @@ function-bind@^1.1.2:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
 generator-function@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/generator-function/-/generator-function-2.0.1.tgz#0e75dd410d1243687a0ba2e951b94eedb8f737a2"
@@ -3995,12 +4068,12 @@ gensync@^1.0.0-beta.2:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-get-caller-file@^2.0.1, get-caller-file@^2.0.5:
+get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.3.0:
+get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7, get-intrinsic@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
   integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
@@ -4016,17 +4089,17 @@ get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@
     hasown "^2.0.2"
     math-intrinsics "^1.1.0"
 
-get-package-type@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-  integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
+get-nonce@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
+  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
 
 get-port@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/get-port/-/get-port-7.1.0.tgz#d5a500ebfc7aa705294ec2b83cc38c5d0e364fec"
   integrity sha512-QB9NKEeDg3xxVwCCwJQ9+xycaz6pBB6iQ76wiWMl1927n0Kir6alPiP+yuiICLLU4jpMe08dXfpebuQppFA2zw==
 
-get-proto@^1.0.1:
+get-proto@^1.0.0, get-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
   integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
@@ -4034,15 +4107,14 @@ get-proto@^1.0.1:
     dunder-proto "^1.0.1"
     es-object-atoms "^1.0.0"
 
-get-stdin@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-5.0.1.tgz#122e161591e21ff4c52530305693f20e6393a398"
-  integrity sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==
-
-get-stream@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
 
 glob-parent@^6.0.2:
   version "6.0.2"
@@ -4051,7 +4123,12 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob@^10.0.0, glob@^10.3.10:
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
+glob@^10.0.0:
   version "10.5.0"
   resolved "https://registry.yarnpkg.com/glob/-/glob-10.5.0.tgz#8ec0355919cd3338c28428a23d4f24ecc5fe738c"
   integrity sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==
@@ -4075,7 +4152,16 @@ glob@^11.1.0:
     package-json-from-dist "^1.0.0"
     path-scurry "^2.0.0"
 
-glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^13.0.0:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-13.0.0.tgz#9d9233a4a274fc28ef7adce5508b7ef6237a1be3"
+  integrity sha512-tvZgpqk6fz4BaNZ66ZsRaZnbHvP/jG3uKJvAZOwEVUL4RTA5nJeeLYfyN9/VA8NX/V3IBG+hkeuGpKjvELkVhA==
+  dependencies:
+    minimatch "^10.1.1"
+    minipass "^7.1.2"
+    path-scurry "^2.0.0"
+
+glob@^7.1.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -4087,24 +4173,6 @@ glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-modules@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-0.2.3.tgz#ea5a3bed42c6d6ce995a4f8a1269b5dae223828d"
-  integrity sha512-JeXuCbvYzYXcwE6acL9V2bAOeSIGl4dD+iwLY9iUx2VBJJ80R18HCn+JCwHM9Oegdfya3lEkGCdaRkSyc10hDA==
-  dependencies:
-    global-prefix "^0.1.4"
-    is-windows "^0.2.0"
-
-global-prefix@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-0.1.5.tgz#8d3bc6b8da3ca8112a160d8d496ff0462bfef78f"
-  integrity sha512-gOPiyxcD9dJGCEArAhF4Hd0BAqvAe/JzERP7tYumE4yIkmIedPUVXcJFWbV3/p/ovIIvKjkrTk+f1UVkq7vvbw==
-  dependencies:
-    homedir-polyfill "^1.0.0"
-    ini "^1.3.4"
-    is-windows "^0.2.0"
-    which "^1.2.12"
-
 globals@^13.19.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
@@ -4112,17 +4180,25 @@ globals@^13.19.0:
   dependencies:
     type-fest "^0.20.2"
 
-glur@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/glur/-/glur-1.1.2.tgz#f20ea36db103bfc292343921f1f91e83c3467689"
-  integrity sha512-l+8esYHTKOx2G/Aao4lEQ0bnHWg4fWtJbVoZZT9Knxi01pB8C80BR85nONLFwkkQoFRCmXY+BUcGZN3yZ2QsRA==
+globals@^15.9.0:
+  version "15.15.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-15.15.0.tgz#7c4761299d41c32b075715a4ce1ede7897ff72a8"
+  integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
+
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
 
 gopd@^1.0.1, gopd@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
   integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4:
+graceful-fs@^4.1.11, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -4132,10 +4208,10 @@ graphemer@^1.4.0:
   resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
 
 has-flag@^4.0.0:
   version "4.0.0"
@@ -4149,6 +4225,13 @@ has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
   dependencies:
     es-define-property "^1.0.0"
 
+has-proto@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
+  dependencies:
+    dunder-proto "^1.0.0"
+
 has-symbols@^1.0.3, has-symbols@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
@@ -4187,14 +4270,6 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-hasha@^5.0.0:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/hasha/-/hasha-5.2.2.tgz#a48477989b3b327aea3c04f53096d816d97522a1"
-  integrity sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==
-  dependencies:
-    is-stream "^2.0.0"
-    type-fest "^0.8.0"
-
 hasown@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
@@ -4207,6 +4282,18 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+hermes-estree@0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/hermes-estree/-/hermes-estree-0.25.1.tgz#6aeec17d1983b4eabf69721f3aa3eb705b17f480"
+  integrity sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==
+
+hermes-parser@^0.25.1:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/hermes-parser/-/hermes-parser-0.25.1.tgz#5be0e487b2090886c62bd8a11724cd766d5f54d1"
+  integrity sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==
+  dependencies:
+    hermes-estree "0.25.1"
+
 hmac-drbg@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -4216,40 +4303,21 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-homedir-polyfill@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz#743298cef4e5af3e194161fbadcc2151d3a058e8"
-  integrity sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==
-  dependencies:
-    parse-passwd "^1.0.0"
+hosted-git-info@^2.1.4:
+  version "2.8.9"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
+  integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
 html-escaper@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
-htmlparser2@^3.9.2:
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
-  integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
-  dependencies:
-    domelementtype "^1.3.1"
-    domhandler "^2.3.0"
-    domutils "^1.5.1"
-    entities "^1.1.1"
-    inherits "^2.0.1"
-    readable-stream "^3.1.1"
-
 https-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
 
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
 ieee754@^1.1.13, ieee754@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
@@ -4260,6 +4328,11 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
+ignore@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
+  integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==
+
 import-fresh@^3.2.1:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
@@ -4273,14 +4346,6 @@ import-lazy@~4.0.0:
   resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
   integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
 
-import-local@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.2.0.tgz#c3d5c745798c02a6f8b897726aba5100186ee260"
-  integrity sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -4309,10 +4374,14 @@ inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3,
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-ini@^1.3.4:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
 
 is-arguments@^1.0.4:
   version "1.2.0"
@@ -4322,23 +4391,94 @@ is-arguments@^1.0.4:
     call-bound "^1.0.2"
     has-tostringtag "^1.0.2"
 
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
+
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
+is-async-function@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.1.tgz#3e69018c8e04e73b738793d020bfe884b9fd3523"
+  integrity sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==
+  dependencies:
+    async-function "^1.0.0"
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
+
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
+  dependencies:
+    has-bigints "^1.0.2"
+
+is-boolean-object@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.2.tgz#7067f47709809a393c71ff5bb3e135d8a9215d9e"
+  integrity sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-buffer@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
+  integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
+
+is-builtin-module@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
+  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
+  dependencies:
+    builtin-modules "^3.3.0"
+
 is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.16.0, is-core-module@^2.16.1:
+is-ci@^4.0.0, is-ci@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-4.1.0.tgz#38780f471e4f67e3bec3f809d90cd74f40a0cfdc"
+  integrity sha512-Ab9bQDQ11lWootZUI5qxgN2ZXwxNI5hTwnsvOc1wyxQ7zQ8OkEDw79mI0+9jI3x432NfwbVRru+3noJfXF6lSQ==
+  dependencies:
+    ci-info "^4.1.0"
+
+is-core-module@^2.13.0, is-core-module@^2.16.0, is-core-module@^2.16.1:
   version "2.16.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
   integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
   dependencies:
     hasown "^2.0.2"
 
+is-data-view@^1.0.1, is-data-view@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
+  dependencies:
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
 is-docker@^2.0.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
@@ -4354,17 +4494,19 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-generator-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
-is-generator-function@^1.0.7:
+is-generator-function@^1.0.10, is-generator-function@^1.0.7:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.2.tgz#ae3b61e3d5ea4e4839b90bad22b02335051a17d5"
   integrity sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==
@@ -4389,6 +4531,11 @@ is-inside-container@^1.0.0:
   dependencies:
     is-docker "^3.0.0"
 
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
 is-nan@^1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.3.2.tgz#043a54adea31748b55b6cd4e09aadafa69bd9e1d"
@@ -4397,6 +4544,19 @@ is-nan@^1.3.2:
     call-bind "^1.0.0"
     define-properties "^1.1.3"
 
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
@@ -4417,32 +4577,66 @@ is-regex@^1.2.1:
     has-tostringtag "^1.0.2"
     hasown "^2.0.2"
 
-is-stream@^2.0.0, is-stream@^2.0.1:
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
+
+is-stream@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
   integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
 
-is-typed-array@^1.1.14, is-typed-array@^1.1.3:
+is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
+
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
+  dependencies:
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
+
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15, is-typed-array@^1.1.3:
   version "1.1.15"
   resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
   integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
   dependencies:
     which-typed-array "^1.1.16"
 
-is-typedarray@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
 
-is-windows@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-0.2.0.tgz#de1aa6d63ea29dd248737b69f1ff8b8002d2108c"
-  integrity sha512-n67eJYmXbniZB7RF4I/FTjK1s6RPOCTxhYrVYLRaCt3lF0mpWZPKr3T2LSZAqyjQsxR2qMmGYXXzK0YWwcPM1Q==
+is-weakref@^1.0.2, is-weakref@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
+  integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
+  dependencies:
+    call-bound "^1.0.3"
 
-is-windows@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
-  integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 is-wsl@^2.1.1:
   version "2.2.0"
@@ -4478,52 +4672,12 @@ isomorphic-timers-promises@^1.0.1:
   resolved "https://registry.yarnpkg.com/isomorphic-timers-promises/-/isomorphic-timers-promises-1.0.1.tgz#e4137c24dbc54892de8abae3a4b5c1ffff381598"
   integrity sha512-u4sej9B1LPSxTGKB/HiuzvEQnXH0ECYkSVQU39koSwmFAxhlEAFl9RdTvLv4TOTQUgBS5O3O5fwUxk6byBZ+IQ==
 
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
+istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
   integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
 
-istanbul-lib-hook@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-3.0.0.tgz#8f84c9434888cc6b1d0a9d7092a76d239ebf0cc6"
-  integrity sha512-Pt/uge1Q9s+5VAZ+pCo16TYMWPBIl+oaNIjgLQxcX0itS6ueeaA+pEfThZpH8WxhFgCiEb8sAJY6MdUKgiIWaQ==
-  dependencies:
-    append-transform "^2.0.0"
-
-istanbul-lib-instrument@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
-  integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
-  dependencies:
-    "@babel/core" "^7.7.5"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.0.0"
-    semver "^6.3.0"
-
-istanbul-lib-instrument@^6.0.0, istanbul-lib-instrument@^6.0.2:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
-  integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
-  dependencies:
-    "@babel/core" "^7.23.9"
-    "@babel/parser" "^7.23.9"
-    "@istanbuljs/schema" "^0.1.3"
-    istanbul-lib-coverage "^3.2.0"
-    semver "^7.5.4"
-
-istanbul-lib-processinfo@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz#366d454cd0dcb7eb6e0e419378e60072c8626169"
-  integrity sha512-NkwHbo3E00oybX6NGJi6ar0B29vxyvNwoC7eJ4G4Yq28UfY758Hgn/heV8VRFhevPED4LXfFz0DQ8z/0kw9zMg==
-  dependencies:
-    archy "^1.0.0"
-    cross-spawn "^7.0.3"
-    istanbul-lib-coverage "^3.2.0"
-    p-map "^3.0.0"
-    rimraf "^3.0.0"
-    uuid "^8.3.2"
-
-istanbul-lib-report@^3.0.0:
+istanbul-lib-report@^3.0.0, istanbul-lib-report@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
   integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
@@ -4532,25 +4686,7 @@ istanbul-lib-report@^3.0.0:
     make-dir "^4.0.0"
     supports-color "^7.1.0"
 
-istanbul-lib-source-maps@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz#895f3a709fcfba34c6de5a42939022f3e4358551"
-  integrity sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-    source-map "^0.6.1"
-
-istanbul-lib-source-maps@^5.0.0:
-  version "5.0.6"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz#acaef948df7747c8eb5fbf1265cb980f6353a441"
-  integrity sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.23"
-    debug "^4.1.1"
-    istanbul-lib-coverage "^3.0.0"
-
-istanbul-reports@^3.0.2, istanbul-reports@^3.1.3:
+istanbul-reports@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.2.0.tgz#cb4535162b5784aa623cee21a7252cf2c807ac93"
   integrity sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==
@@ -4558,6 +4694,18 @@ istanbul-reports@^3.0.2, istanbul-reports@^3.1.3:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
+iterator.prototype@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.5.tgz#12c959a29de32de0aa3bbbb801f4d777066dae39"
+  integrity sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    get-proto "^1.0.0"
+    has-symbols "^1.1.0"
+    set-function-name "^2.0.2"
+
 jackspeak@^3.1.2:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
@@ -4574,87 +4722,6 @@ jackspeak@^4.1.1:
   dependencies:
     "@isaacs/cliui" "^8.0.2"
 
-jest-changed-files@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-30.2.0.tgz#602266e478ed554e1e1469944faa7efd37cee61c"
-  integrity sha512-L8lR1ChrRnSdfeOvTrwZMlnWV8G/LLjQ0nG9MBclwWZidA2N5FviRki0Bvh20WRMOX31/JYvzdqTJrk5oBdydQ==
-  dependencies:
-    execa "^5.1.1"
-    jest-util "30.2.0"
-    p-limit "^3.1.0"
-
-jest-circus@30.2.0, jest-circus@^30.0.4:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-30.2.0.tgz#98b8198b958748a2f322354311023d1d02e7603f"
-  integrity sha512-Fh0096NC3ZkFx05EP2OXCxJAREVxj1BcW/i6EWqqymcgYKWjyyDpral3fMxVcHXg6oZM7iULer9wGRFvfpl+Tg==
-  dependencies:
-    "@jest/environment" "30.2.0"
-    "@jest/expect" "30.2.0"
-    "@jest/test-result" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    chalk "^4.1.2"
-    co "^4.6.0"
-    dedent "^1.6.0"
-    is-generator-fn "^2.1.0"
-    jest-each "30.2.0"
-    jest-matcher-utils "30.2.0"
-    jest-message-util "30.2.0"
-    jest-runtime "30.2.0"
-    jest-snapshot "30.2.0"
-    jest-util "30.2.0"
-    p-limit "^3.1.0"
-    pretty-format "30.2.0"
-    pure-rand "^7.0.0"
-    slash "^3.0.0"
-    stack-utils "^2.0.6"
-
-jest-cli@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-30.2.0.tgz#1780f8e9d66bf84a10b369aea60aeda7697dcc67"
-  integrity sha512-Os9ukIvADX/A9sLt6Zse3+nmHtHaE6hqOsjQtNiugFTbKRHYIYtZXNGNK9NChseXy7djFPjndX1tL0sCTlfpAA==
-  dependencies:
-    "@jest/core" "30.2.0"
-    "@jest/test-result" "30.2.0"
-    "@jest/types" "30.2.0"
-    chalk "^4.1.2"
-    exit-x "^0.2.2"
-    import-local "^3.2.0"
-    jest-config "30.2.0"
-    jest-util "30.2.0"
-    jest-validate "30.2.0"
-    yargs "^17.7.2"
-
-jest-config@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-30.2.0.tgz#29df8c50e2ad801cc59c406b50176c18c362a90b"
-  integrity sha512-g4WkyzFQVWHtu6uqGmQR4CQxz/CH3yDSlhzXMWzNjDx843gYjReZnMRanjRCq5XZFuQrGDxgUaiYWE8BRfVckA==
-  dependencies:
-    "@babel/core" "^7.27.4"
-    "@jest/get-type" "30.1.0"
-    "@jest/pattern" "30.0.1"
-    "@jest/test-sequencer" "30.2.0"
-    "@jest/types" "30.2.0"
-    babel-jest "30.2.0"
-    chalk "^4.1.2"
-    ci-info "^4.2.0"
-    deepmerge "^4.3.1"
-    glob "^10.3.10"
-    graceful-fs "^4.2.11"
-    jest-circus "30.2.0"
-    jest-docblock "30.2.0"
-    jest-environment-node "30.2.0"
-    jest-regex-util "30.0.1"
-    jest-resolve "30.2.0"
-    jest-runner "30.2.0"
-    jest-util "30.2.0"
-    jest-validate "30.2.0"
-    micromatch "^4.0.8"
-    parse-json "^5.2.0"
-    pretty-format "30.2.0"
-    slash "^3.0.0"
-    strip-json-comments "^3.1.1"
-
 jest-diff@30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-30.2.0.tgz#e3ec3a6ea5c5747f605c9e874f83d756cba36825"
@@ -4665,86 +4732,6 @@ jest-diff@30.2.0:
     chalk "^4.1.2"
     pretty-format "30.2.0"
 
-jest-docblock@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-30.2.0.tgz#42cd98d69f887e531c7352309542b1ce4ee10256"
-  integrity sha512-tR/FFgZKS1CXluOQzZvNH3+0z9jXr3ldGSD8bhyuxvlVUwbeLOGynkunvlTMxchC5urrKndYiwCFC0DLVjpOCA==
-  dependencies:
-    detect-newline "^3.1.0"
-
-jest-each@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-30.2.0.tgz#39e623ae71641c2ac3ee69b3ba3d258fce8e768d"
-  integrity sha512-lpWlJlM7bCUf1mfmuqTA8+j2lNURW9eNafOy99knBM01i5CQeY5UH1vZjgT9071nDJac1M4XsbyI44oNOdhlDQ==
-  dependencies:
-    "@jest/get-type" "30.1.0"
-    "@jest/types" "30.2.0"
-    chalk "^4.1.2"
-    jest-util "30.2.0"
-    pretty-format "30.2.0"
-
-jest-environment-node@30.2.0, jest-environment-node@^30.0.4:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-30.2.0.tgz#3def7980ebd2fd86e74efd4d2e681f55ab38da0f"
-  integrity sha512-ElU8v92QJ9UrYsKrxDIKCxu6PfNj4Hdcktcn0JX12zqNdqWHB0N+hwOnnBBXvjLd2vApZtuLUGs1QSY+MsXoNA==
-  dependencies:
-    "@jest/environment" "30.2.0"
-    "@jest/fake-timers" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    jest-mock "30.2.0"
-    jest-util "30.2.0"
-    jest-validate "30.2.0"
-
-jest-haste-map@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-30.2.0.tgz#808e3889f288603ac70ff0ac047598345a66022e"
-  integrity sha512-sQA/jCb9kNt+neM0anSj6eZhLZUIhQgwDt7cPGjumgLM4rXsfb9kpnlacmvZz3Q5tb80nS+oG/if+NBKrHC+Xw==
-  dependencies:
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    anymatch "^3.1.3"
-    fb-watchman "^2.0.2"
-    graceful-fs "^4.2.11"
-    jest-regex-util "30.0.1"
-    jest-util "30.2.0"
-    jest-worker "30.2.0"
-    micromatch "^4.0.8"
-    walker "^1.0.8"
-  optionalDependencies:
-    fsevents "^2.3.3"
-
-jest-image-snapshot@^6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-6.5.1.tgz#cc714aff86187ecf38f90c506b443769aff87499"
-  integrity sha512-xlJFufgfY2Z4DsRsjcnTwxuynvo1bKdhf4OfcEftNuUAK+BwSCUtPmwlBGJhQ0XJXfm9JMAi/4BhQiHbaV8HrA==
-  dependencies:
-    chalk "^4.0.0"
-    get-stdin "^5.0.1"
-    glur "^1.1.2"
-    lodash "^4.17.4"
-    pixelmatch "^5.1.0"
-    pngjs "^3.4.0"
-    ssim.js "^3.1.1"
-
-jest-junit@^16.0.0:
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/jest-junit/-/jest-junit-16.0.0.tgz#d838e8c561cf9fdd7eb54f63020777eee4136785"
-  integrity sha512-A94mmw6NfJab4Fg/BlvVOUXzXgF0XIH6EmTgJ5NDPp4xoKq0Kr7sErb+4Xs9nZvu58pJojz5RFGpqnZYJTrRfQ==
-  dependencies:
-    mkdirp "^1.0.4"
-    strip-ansi "^6.0.1"
-    uuid "^8.3.2"
-    xml "^1.0.1"
-
-jest-leak-detector@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-30.2.0.tgz#292fdca7b7c9cf594e1e570ace140b01d8beb736"
-  integrity sha512-M6jKAjyzjHG0SrQgwhgZGy9hFazcudwCNovY/9HPIicmNSBuockPSedAP9vlPK6ONFJ1zfyH/M2/YYJxOz5cdQ==
-  dependencies:
-    "@jest/get-type" "30.1.0"
-    pretty-format "30.2.0"
-
 jest-matcher-utils@30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-30.2.0.tgz#69a0d4c271066559ec8b0d8174829adc3f23a783"
@@ -4779,144 +4766,11 @@ jest-mock@30.2.0:
     "@types/node" "*"
     jest-util "30.2.0"
 
-jest-pnp-resolver@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
-  integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
-
-jest-process-manager@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/jest-process-manager/-/jest-process-manager-0.4.0.tgz#fb05c8e09ad400fd038436004815653bb98f4e8b"
-  integrity sha512-80Y6snDyb0p8GG83pDxGI/kQzwVTkCxc7ep5FPe/F6JYdvRDhwr6RzRmPSP7SEwuLhxo80lBS/NqOdUIbHIfhw==
-  dependencies:
-    "@types/wait-on" "^5.2.0"
-    chalk "^4.1.0"
-    cwd "^0.10.0"
-    exit "^0.1.2"
-    find-process "^1.4.4"
-    prompts "^2.4.1"
-    signal-exit "^3.0.3"
-    spawnd "^5.0.0"
-    tree-kill "^1.2.2"
-    wait-on "^7.0.0"
-
-jest-regex-util@30.0.1, jest-regex-util@^30.0.0:
+jest-regex-util@30.0.1:
   version "30.0.1"
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-30.0.1.tgz#f17c1de3958b67dfe485354f5a10093298f2a49b"
   integrity sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==
 
-jest-resolve-dependencies@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-30.2.0.tgz#3370e2c0b49cc560f6a7e8ec3a59dd99525e1a55"
-  integrity sha512-xTOIGug/0RmIe3mmCqCT95yO0vj6JURrn1TKWlNbhiAefJRWINNPgwVkrVgt/YaerPzY3iItufd80v3lOrFJ2w==
-  dependencies:
-    jest-regex-util "30.0.1"
-    jest-snapshot "30.2.0"
-
-jest-resolve@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-30.2.0.tgz#2e2009cbd61e8f1f003355d5ec87225412cebcd7"
-  integrity sha512-TCrHSxPlx3tBY3hWNtRQKbtgLhsXa1WmbJEqBlTBrGafd5fiQFByy2GNCEoGR+Tns8d15GaL9cxEzKOO3GEb2A==
-  dependencies:
-    chalk "^4.1.2"
-    graceful-fs "^4.2.11"
-    jest-haste-map "30.2.0"
-    jest-pnp-resolver "^1.2.3"
-    jest-util "30.2.0"
-    jest-validate "30.2.0"
-    slash "^3.0.0"
-    unrs-resolver "^1.7.11"
-
-jest-runner@30.2.0, jest-runner@^30.0.4:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-30.2.0.tgz#c62b4c3130afa661789705e13a07bdbcec26a114"
-  integrity sha512-PqvZ2B2XEyPEbclp+gV6KO/F1FIFSbIwewRgmROCMBo/aZ6J1w8Qypoj2pEOcg3G2HzLlaP6VUtvwCI8dM3oqQ==
-  dependencies:
-    "@jest/console" "30.2.0"
-    "@jest/environment" "30.2.0"
-    "@jest/test-result" "30.2.0"
-    "@jest/transform" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    chalk "^4.1.2"
-    emittery "^0.13.1"
-    exit-x "^0.2.2"
-    graceful-fs "^4.2.11"
-    jest-docblock "30.2.0"
-    jest-environment-node "30.2.0"
-    jest-haste-map "30.2.0"
-    jest-leak-detector "30.2.0"
-    jest-message-util "30.2.0"
-    jest-resolve "30.2.0"
-    jest-runtime "30.2.0"
-    jest-util "30.2.0"
-    jest-watcher "30.2.0"
-    jest-worker "30.2.0"
-    p-limit "^3.1.0"
-    source-map-support "0.5.13"
-
-jest-runtime@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-30.2.0.tgz#395ea792cde048db1b0cd1a92dc9cb9f1921bf8a"
-  integrity sha512-p1+GVX/PJqTucvsmERPMgCPvQJpFt4hFbM+VN3n8TMo47decMUcJbt+rgzwrEme0MQUA/R+1de2axftTHkKckg==
-  dependencies:
-    "@jest/environment" "30.2.0"
-    "@jest/fake-timers" "30.2.0"
-    "@jest/globals" "30.2.0"
-    "@jest/source-map" "30.0.1"
-    "@jest/test-result" "30.2.0"
-    "@jest/transform" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    chalk "^4.1.2"
-    cjs-module-lexer "^2.1.0"
-    collect-v8-coverage "^1.0.2"
-    glob "^10.3.10"
-    graceful-fs "^4.2.11"
-    jest-haste-map "30.2.0"
-    jest-message-util "30.2.0"
-    jest-mock "30.2.0"
-    jest-regex-util "30.0.1"
-    jest-resolve "30.2.0"
-    jest-snapshot "30.2.0"
-    jest-util "30.2.0"
-    slash "^3.0.0"
-    strip-bom "^4.0.0"
-
-jest-serializer-html@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer-html/-/jest-serializer-html-7.1.0.tgz#0cfea8a03b9b82bc420fd2cb969bd76713a87c08"
-  integrity sha512-xYL2qC7kmoYHJo8MYqJkzrl/Fdlx+fat4U1AqYg+kafqwcKPiMkOcjWHPKhueuNEgr+uemhGc+jqXYiwCyRyLA==
-  dependencies:
-    diffable-html "^4.1.0"
-
-jest-snapshot@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-30.2.0.tgz#266fbbb4b95fc4665ce6f32f1f38eeb39f4e26d0"
-  integrity sha512-5WEtTy2jXPFypadKNpbNkZ72puZCa6UjSr/7djeecHWOu7iYhSXSnHScT8wBz3Rn8Ena5d5RYRcsyKIeqG1IyA==
-  dependencies:
-    "@babel/core" "^7.27.4"
-    "@babel/generator" "^7.27.5"
-    "@babel/plugin-syntax-jsx" "^7.27.1"
-    "@babel/plugin-syntax-typescript" "^7.27.1"
-    "@babel/types" "^7.27.3"
-    "@jest/expect-utils" "30.2.0"
-    "@jest/get-type" "30.1.0"
-    "@jest/snapshot-utils" "30.2.0"
-    "@jest/transform" "30.2.0"
-    "@jest/types" "30.2.0"
-    babel-preset-current-node-syntax "^1.2.0"
-    chalk "^4.1.2"
-    expect "30.2.0"
-    graceful-fs "^4.2.11"
-    jest-diff "30.2.0"
-    jest-matcher-utils "30.2.0"
-    jest-message-util "30.2.0"
-    jest-util "30.2.0"
-    pretty-format "30.2.0"
-    semver "^7.7.2"
-    synckit "^0.11.8"
-
 jest-util@30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-30.2.0.tgz#5142adbcad6f4e53c2776c067a4db3c14f913705"
@@ -4929,95 +4783,21 @@ jest-util@30.2.0:
     graceful-fs "^4.2.11"
     picomatch "^4.0.2"
 
-jest-validate@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-30.2.0.tgz#273eaaed4c0963b934b5b31e96289edda6e0a2ef"
-  integrity sha512-FBGWi7dP2hpdi8nBoWxSsLvBFewKAg0+uSQwBaof4Y4DPgBabXgpSYC5/lR7VmnIlSpASmCi/ntRWPbv7089Pw==
-  dependencies:
-    "@jest/get-type" "30.1.0"
-    "@jest/types" "30.2.0"
-    camelcase "^6.3.0"
-    chalk "^4.1.2"
-    leven "^3.1.0"
-    pretty-format "30.2.0"
-
-jest-watch-typeahead@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-3.0.1.tgz#50cb9653190228b8ebd489b37645067ee0bb7584"
-  integrity sha512-SFmHcvdueTswZlVhPCWfLXMazvwZlA2UZTrcE7MC3NwEVeWvEcOx6HUe+igMbnmA6qowuBSW4in8iC6J2EYsgQ==
-  dependencies:
-    ansi-escapes "^7.0.0"
-    chalk "^5.2.0"
-    jest-regex-util "^30.0.0"
-    jest-watcher "^30.0.0"
-    slash "^5.0.0"
-    string-length "^6.0.0"
-    strip-ansi "^7.0.1"
-
-jest-watcher@30.2.0, jest-watcher@^30.0.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-30.2.0.tgz#f9c055de48e18c979e7756a3917e596e2d69b07b"
-  integrity sha512-PYxa28dxJ9g777pGm/7PrbnMeA0Jr7osHP9bS7eJy9DuAjMgdGtxgf0uKMyoIsTWAkIbUW5hSDdJ3urmgXBqxg==
-  dependencies:
-    "@jest/test-result" "30.2.0"
-    "@jest/types" "30.2.0"
-    "@types/node" "*"
-    ansi-escapes "^4.3.2"
-    chalk "^4.1.2"
-    emittery "^0.13.1"
-    jest-util "30.2.0"
-    string-length "^4.0.2"
-
-jest-worker@30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-30.2.0.tgz#fd5c2a36ff6058ec8f74366ec89538cc99539d26"
-  integrity sha512-0Q4Uk8WF7BUwqXHuAjc23vmopWJw5WH7w2tqBoUOZpOjW/ZnR44GXXd1r82RvnmI2GZge3ivrYXk/BE2+VtW2g==
-  dependencies:
-    "@types/node" "*"
-    "@ungap/structured-clone" "^1.3.0"
-    jest-util "30.2.0"
-    merge-stream "^2.0.0"
-    supports-color "^8.1.1"
-
-jest@^30.0.4, jest@^30.2.0:
-  version "30.2.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-30.2.0.tgz#9f0a71e734af968f26952b5ae4b724af82681630"
-  integrity sha512-F26gjC0yWN8uAA5m5Ss8ZQf5nDHWGlN/xWZIh8S5SRbsEKBovwZhxGd6LJlbZYxBgCYOtreSUyb8hpXyGC5O4A==
-  dependencies:
-    "@jest/core" "30.2.0"
-    "@jest/types" "30.2.0"
-    import-local "^3.2.0"
-    jest-cli "30.2.0"
-
 jju@~1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/jju/-/jju-1.4.0.tgz#a3abe2718af241a2b2904f84a625970f389ae32a"
   integrity sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==
 
-joi@^17.11.0:
-  version "17.13.3"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-17.13.3.tgz#0f5cc1169c999b30d344366d384b12d92558bcec"
-  integrity sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==
-  dependencies:
-    "@hapi/hoek" "^9.3.0"
-    "@hapi/topo" "^5.1.0"
-    "@sideway/address" "^4.1.5"
-    "@sideway/formula" "^3.0.1"
-    "@sideway/pinpoint" "^2.0.0"
+js-tokens@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-10.0.0.tgz#dffe7599b4a8bb7fe30aff8d0235234dffb79831"
+  integrity sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==
 
-js-tokens@^4.0.0:
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.13.1:
-  version "3.14.2"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.2.tgz#77485ce1dd7f33c061fd1b16ecea23b55fcb04b0"
-  integrity sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
 js-yaml@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
@@ -5030,6 +4810,11 @@ jsesc@^3.0.2:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
   integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
 
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
+
 json-buffer@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
@@ -5066,16 +4851,18 @@ json-stable-stringify@^1.0.2:
     jsonify "^0.0.1"
     object-keys "^1.1.1"
 
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
 json5@^2.2.2, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonc-parser@^3.2.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.3.1.tgz#f2a524b4f7fd11e3d791e559977ad60b98b798b4"
-  integrity sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==
-
 jsonfile@^6.0.1:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.2.0.tgz#7c265bd1b65de6977478300087c99f1c84383f62"
@@ -5090,6 +4877,16 @@ jsonify@^0.0.1:
   resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.1.tgz#2aa3111dae3d34a0f151c63f3a45d995d9420978"
   integrity sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==
 
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
 keyv@^4.5.3:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
@@ -5104,16 +4901,23 @@ klaw-sync@^6.0.0:
   dependencies:
     graceful-fs "^4.1.11"
 
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
 kolorist@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/kolorist/-/kolorist-1.8.0.tgz#edddbbbc7894bc13302cdf740af6374d4a04743c"
   integrity sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==
 
+language-subtag-registry@^0.3.20:
+  version "0.3.23"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
+  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
+
+language-tags@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
+  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
 lazystream@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.1.tgz#494c831062f1f9408251ec44db1cba29242a2638"
@@ -5121,11 +4925,6 @@ lazystream@^1.0.0:
   dependencies:
     readable-stream "^2.0.5"
 
-leven@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
-  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
-
 levn@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
@@ -5139,6 +4938,13 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
+linkify-it@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-5.0.0.tgz#9ef238bfa6dc70bd8e7f9572b52d369af569b421"
+  integrity sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==
+  dependencies:
+    uc.micro "^2.0.0"
+
 local-pkg@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-1.1.2.tgz#c03d208787126445303f8161619dc701afa4abb5"
@@ -5162,41 +4968,38 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
-lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+lodash-es@^4.17.23:
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.23.tgz#58c4360fd1b5d33afc6c0bbd3d1149349b1138e0"
+  integrity sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==
 
 lodash.camelcase@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
   integrity sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==
 
-lodash.flattendeep@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
-  integrity sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==
-
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash@^4.17.15, lodash@^4.17.21, lodash@^4.17.4, lodash@~4.17.15:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-loglevel@^1.9.2:
-  version "1.9.2"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.9.2.tgz#c2e028d6c757720107df4e64508530db6621ba08"
-  integrity sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==
+lodash@^4.17.15, lodash@^4.17.21, lodash@~4.17.15:
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.23.tgz#f113b0378386103be4f6893388c73d0bde7f2c5a"
+  integrity sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==
 
 long@^5.0.0:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/long/-/long-5.3.2.tgz#1d84463095999262d7d7b7f8bfd4a8cc55167f83"
   integrity sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==
 
+loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
 loupe@^3.1.0, loupe@^3.1.4:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.2.1.tgz#0095cf56dc5b7a9a7c08ff5b1a8796ec8ad17e76"
@@ -5208,9 +5011,9 @@ lru-cache@^10.2.0:
   integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
 
 lru-cache@^11.0.0:
-  version "11.2.4"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-11.2.4.tgz#ecb523ebb0e6f4d837c807ad1abaea8e0619770d"
-  integrity sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==
+  version "11.2.5"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-11.2.5.tgz#6811ae01652ae5d749948cdd80bcc22218c6744f"
+  integrity sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==
 
 lru-cache@^5.1.1:
   version "5.1.1"
@@ -5226,12 +5029,17 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+lunr@^2.3.9:
+  version "2.3.9"
+  resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
+  integrity sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==
+
 lz-string@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
   integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==
 
-magic-string@^0.30.0, magic-string@^0.30.17:
+magic-string@^0.30.0, magic-string@^0.30.17, magic-string@^0.30.21:
   version "0.30.21"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
   integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
@@ -5245,6 +5053,15 @@ magic-string@^0.30.3:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.5"
 
+magicast@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/magicast/-/magicast-0.5.1.tgz#518959aea78851cd35d4bb0da92f780db3f606d3"
+  integrity sha512-xrHS24IxaLrvuo613F719wvOIv9xPHFWQHuvGUBmPnCA/3MQxKI3b+r7n1jAoDHmsbC5bRhTZYR77invLAxVnw==
+  dependencies:
+    "@babel/parser" "^7.28.5"
+    "@babel/types" "^7.28.5"
+    source-map-js "^1.2.1"
+
 mailpit-api@^1.2.0:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/mailpit-api/-/mailpit-api-1.5.4.tgz#b53e0d437c3a2dcd22a20db9dcadc99ffb3b789d"
@@ -5252,13 +5069,6 @@ mailpit-api@^1.2.0:
   dependencies:
     axios "^1.12.1"
 
-make-dir@^3.0.0, make-dir@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
-  dependencies:
-    semver "^6.0.0"
-
 make-dir@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
@@ -5266,25 +5076,30 @@ make-dir@^4.0.0:
   dependencies:
     semver "^7.5.3"
 
-makeerror@1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
-  integrity sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==
+markdown-it@^14.1.0:
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-14.1.0.tgz#3c3c5992883c633db4714ccb4d7b5935d98b7d45"
+  integrity sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==
   dependencies:
-    tmpl "1.0.5"
+    argparse "^2.0.1"
+    entities "^4.4.0"
+    linkify-it "^5.0.0"
+    mdurl "^2.0.0"
+    punycode.js "^2.3.1"
+    uc.micro "^2.1.0"
 
 math-intrinsics@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
   integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
 
-matrix-web-i18n@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/matrix-web-i18n/-/matrix-web-i18n-3.4.0.tgz#2f088a2ec2cb4598092b7e9dd2f24f65d820df0e"
-  integrity sha512-8Bftf3LkACR6oy0iXYuIsDuvHjoJoOCWA+gDuy/lvyPwEpwViMs3XP5mJsXla+51SZEULZRUUtTreufH6xVA8g==
+matrix-web-i18n@3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/matrix-web-i18n/-/matrix-web-i18n-3.6.0.tgz#50efd34e454449685866155336e2ce3432e7a813"
+  integrity sha512-oY4YZCU8OqDZzmCiJpo8XrATa7XNOB5oFyIpE7O0jjaIEeu6LnQrHmm/fpsYkPUENVzGJm1YdoOtvcBrQx+h2g==
   dependencies:
-    "@babel/parser" "^7.18.5"
-    "@babel/traverse" "^7.18.5"
+    "@babel/parser" "^7.28.5"
+    "@babel/traverse" "^7.28.5"
     lodash "^4.17.21"
     minimist "^1.2.8"
     walk "^2.3.15"
@@ -5298,10 +5113,17 @@ md5.js@^1.3.4:
     inherits "^2.0.1"
     safe-buffer "^5.1.2"
 
-merge-stream@^2.0.0:
+mdurl@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-2.0.0.tgz#80676ec0433025dd3e17ee983d0fe8de5a2237e0"
+  integrity sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==
+
+memoize@^10.1.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/memoize/-/memoize-10.2.0.tgz#593f8066b922b791390d05e278dbeff163dad956"
+  integrity sha512-DeC6b7QBrZsRs3Y02A6A7lQyzFbsQbqgjI6UW0GigGWV+u1s25TycMr0XHZE4cJce7rY/vyw2ctMQqfDkIhUEA==
+  dependencies:
+    mimic-function "^5.0.1"
 
 micromatch@^4.0.2, micromatch@^4.0.8:
   version "4.0.8"
@@ -5331,10 +5153,10 @@ mime-types@^2.1.12:
   dependencies:
     mime-db "1.52.0"
 
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+mimic-function@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-function/-/mimic-function-5.0.1.tgz#acbe2b3349f99b9deaca7fb70e48b83e94e67076"
+  integrity sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==
 
 min-indent@^1.0.0:
   version "1.0.1"
@@ -5365,7 +5187,7 @@ minimatch@^10.1.1:
   dependencies:
     "@isaacs/brace-expansion" "^5.0.0"
 
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -5379,14 +5201,14 @@ minimatch@^5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.3, minimatch@^9.0.4:
+minimatch@^9.0.3, minimatch@^9.0.4, minimatch@^9.0.5:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
   integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
   dependencies:
     brace-expansion "^2.0.1"
 
-minimist@^1.2.6, minimist@^1.2.8:
+minimist@^1.2.0, minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -5406,6 +5228,11 @@ mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+mkdirp@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
+
 mlly@^1.7.4:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.8.0.tgz#e074612b938af8eba1eaf43299cbc89cb72d824e"
@@ -5416,7 +5243,12 @@ mlly@^1.7.4:
     pkg-types "^1.3.1"
     ufo "^1.6.1"
 
-ms@^2.1.3:
+mrmime@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.1.tgz#bc3e87f7987853a54c9850eeb1f1078cd44adddc"
+  integrity sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==
+
+ms@^2.1.1, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
@@ -5436,34 +5268,17 @@ nanoid@^3.3.11:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
   integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
 
-napi-postinstall@^0.3.0:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/napi-postinstall/-/napi-postinstall-0.3.4.tgz#7af256d6588b5f8e952b9190965d6b019653bbb9"
-  integrity sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
-
-node-preload@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/node-preload/-/node-preload-0.2.1.tgz#c03043bb327f417a18fee7ab7ee57b408a144301"
-  integrity sha512-RM5oyBy45cLEoHqCeh+MNuFAxO0vTFBLskvQbOKnEE7YTTSN4tbN8QWDIPQ6L+WvKsB/qLEGpYe2ZZ9d4W9OIQ==
-  dependencies:
-    process-on-spawn "^1.0.0"
-
 node-releases@^2.0.27:
   version "2.0.27"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.27.tgz#eedca519205cf20f650f61d56b070db111231e4e"
   integrity sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==
 
-node-stdlib-browser@^1.2.0:
+node-stdlib-browser@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/node-stdlib-browser/-/node-stdlib-browser-1.3.1.tgz#f41fa554f720a3df951e40339f4d92ac512222ac"
   integrity sha512-X75ZN8DCLftGM5iKwoYLA3rjnrAEs97MkzvSd4q2746Tgpg8b8XWiBGiBG4ZpgcAqBgtgPHTiAc8ZMCvZuikDw==
@@ -5496,52 +5311,27 @@ node-stdlib-browser@^1.2.0:
     util "^0.12.4"
     vm-browserify "^1.0.1"
 
+normalize-package-data@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
+  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
+  dependencies:
+    hosted-git-info "^2.1.4"
+    resolve "^1.10.0"
+    semver "2 || 3 || 4 || 5"
+    validate-npm-package-license "^3.0.1"
+
 normalize-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-nyc@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/nyc/-/nyc-15.1.0.tgz#1335dae12ddc87b6e249d5a1994ca4bdaea75f02"
-  integrity sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==
-  dependencies:
-    "@istanbuljs/load-nyc-config" "^1.0.0"
-    "@istanbuljs/schema" "^0.1.2"
-    caching-transform "^4.0.0"
-    convert-source-map "^1.7.0"
-    decamelize "^1.2.0"
-    find-cache-dir "^3.2.0"
-    find-up "^4.1.0"
-    foreground-child "^2.0.0"
-    get-package-type "^0.1.0"
-    glob "^7.1.6"
-    istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-hook "^3.0.0"
-    istanbul-lib-instrument "^4.0.0"
-    istanbul-lib-processinfo "^2.0.2"
-    istanbul-lib-report "^3.0.0"
-    istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.0.2"
-    make-dir "^3.0.0"
-    node-preload "^0.2.1"
-    p-map "^3.0.0"
-    process-on-spawn "^1.0.0"
-    resolve-from "^5.0.0"
-    rimraf "^3.0.0"
-    signal-exit "^3.0.2"
-    spawn-wrap "^2.0.0"
-    test-exclude "^6.0.0"
-    yargs "^15.0.2"
-
-object-inspect@^1.13.3:
+object-inspect@^1.13.3, object-inspect@^1.13.4:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
   integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
@@ -5559,7 +5349,7 @@ object-keys@^1.1.1:
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.4:
+object.assign@^4.1.4, object.assign@^4.1.7:
   version "4.1.7"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
   integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
@@ -5571,6 +5361,50 @@ object.assign@^4.1.4:
     has-symbols "^1.1.0"
     object-keys "^1.1.1"
 
+object.entries@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.9.tgz#e4770a6a1444afb61bd39f984018b5bede25f8b3"
+  integrity sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.1.1"
+
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.values@^1.1.6, object.values@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+obug@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/obug/-/obug-2.1.1.tgz#2cba74ff241beb77d63055ddf4cd1e9f90b538be"
+  integrity sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==
+
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
@@ -5578,13 +5412,6 @@ once@^1.3.0, once@^1.3.1, once@^1.4.0:
   dependencies:
     wrappy "1"
 
-onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
 open@^10.2.0:
   version "10.2.0"
   resolved "https://registry.yarnpkg.com/open/-/open-10.2.0.tgz#b9d855be007620e80b6fb05fac98141fe62db73c"
@@ -5620,10 +5447,14 @@ os-browserify@^0.3.0:
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
 
-os-homedir@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
 
 p-limit@^2.2.0:
   version "2.3.0"
@@ -5632,7 +5463,7 @@ p-limit@^2.2.0:
   dependencies:
     p-try "^2.0.0"
 
-p-limit@^3.0.2, p-limit@^3.1.0:
+p-limit@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
   integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
@@ -5653,29 +5484,12 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
-p-map@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-3.0.0.tgz#d704d9af8a2ba684e2600d9a215983d4141a979d"
-  integrity sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==
-  dependencies:
-    aggregate-error "^3.0.0"
-
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-package-hash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/package-hash/-/package-hash-4.0.0.tgz#3537f654665ec3cc38827387fc904c163c54f506"
-  integrity sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==
-  dependencies:
-    graceful-fs "^4.1.15"
-    hasha "^5.0.0"
-    lodash.flattendeep "^4.4.0"
-    release-zalgo "^1.0.0"
-
-package-json-from-dist@^1.0.0:
+package-json-from-dist@^1.0.0, package-json-from-dist@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
   integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
@@ -5703,7 +5517,7 @@ parse-asn1@^5.0.0, parse-asn1@^5.1.9:
     pbkdf2 "^3.1.5"
     safe-buffer "^5.2.1"
 
-parse-json@^5.2.0:
+parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -5713,11 +5527,6 @@ parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse-passwd@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
-  integrity sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==
-
 patch-package@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/patch-package/-/patch-package-8.0.1.tgz#79d02f953f711e06d1f8949c8a13e5d3d7ba1a60"
@@ -5753,7 +5562,7 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
-path-key@^3.0.0, path-key@^3.1.0:
+path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
@@ -5779,7 +5588,7 @@ path-scurry@^2.0.0:
     lru-cache "^11.0.0"
     minipass "^7.1.2"
 
-pathe@^2.0.1, pathe@^2.0.3:
+pathe@^2.0.0, pathe@^2.0.1, pathe@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
   integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
@@ -5806,7 +5615,7 @@ picocolors@1.1.1, picocolors@^1.1.1:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
-picomatch@^2.0.4, picomatch@^2.3.1:
+picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -5816,24 +5625,12 @@ picomatch@^4.0.2, picomatch@^4.0.3:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.3.tgz#796c76136d1eead715db1e7bad785dedd695a042"
   integrity sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==
 
-pirates@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
-  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
-
-pixelmatch@^5.1.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-5.3.0.tgz#5e5321a7abedfb7962d60dbf345deda87cb9560a"
-  integrity sha512-o8mkY4E/+LNUf6LzX96ht6k6CEDi65k9G2rjMtBe9Oo+VPKSvl+0GKHuH/AlG+GA5LPG/i5hrekkxUc3s2HU+Q==
+pixelmatch@7.1.0, pixelmatch@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-7.1.0.tgz#9d59bddc8c779340e791106c0f245ac33ae4d113"
+  integrity sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==
   dependencies:
-    pngjs "^6.0.0"
-
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
-  dependencies:
-    find-up "^4.0.0"
+    pngjs "^7.0.0"
 
 pkg-dir@^5.0.0:
   version "5.0.0"
@@ -5860,34 +5657,34 @@ pkg-types@^2.3.0:
     exsolve "^1.0.7"
     pathe "^2.0.3"
 
-playwright-core@1.57.0, playwright-core@>=1.2.0:
-  version "1.57.0"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.57.0.tgz#3dcc9a865af256fa9f0af0d67fc8dd54eecaebf5"
-  integrity sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==
+playwright-core@1.58.1:
+  version "1.58.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.58.1.tgz#d63be2c9b7dcbdb035beddd4b42437bd3ca89107"
+  integrity sha512-bcWzOaTxcW+VOOGBCQgnaKToLJ65d6AqfLVKEWvexyS3AS6rbXl+xdpYRMGSRBClPvyj44njOWoxjNdL/H9UNg==
 
-playwright@1.57.0, playwright@^1.14.0:
-  version "1.57.0"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.57.0.tgz#74d1dacff5048dc40bf4676940b1901e18ad0f46"
-  integrity sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==
+playwright@1.58.1:
+  version "1.58.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.58.1.tgz#63300e77a604c77264e1b499c0d94b54ed96d6ba"
+  integrity sha512-+2uTZHxSCcxjvGc5C891LrS1/NlxglGxzrC4seZiVjcYVQfUa87wBL6rTDqzGjuoWNjnBzRqKmF6zRYGMvQUaQ==
   dependencies:
-    playwright-core "1.57.0"
+    playwright-core "1.58.1"
   optionalDependencies:
     fsevents "2.3.2"
 
+pluralize@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
+  integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
+
 pluralizers@^0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/pluralizers/-/pluralizers-0.1.7.tgz#8d38dd0a1b660e739b10ab2eab10b684c9d50142"
   integrity sha512-mw6AejUiCaMQ6uPN9ObjJDTnR5AnBSmnHHy3uVTbxrSFSxO5scfwpTs8Dxyb6T2v7GSulhvOq+pm9y+hXUvtOA==
 
-pngjs@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.4.0.tgz#99ca7d725965fb655814eaf65f38f12bbdbf555f"
-  integrity sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==
-
-pngjs@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-6.0.0.tgz#ca9e5d2aa48db0228a52c419c3308e87720da821"
-  integrity sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg==
+pngjs@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-7.0.0.tgz#a8b7446020ebbc6ac739db6c5415a65d17090e26"
+  integrity sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==
 
 possible-typed-array-names@^1.0.0:
   version "1.1.0"
@@ -5909,11 +5706,11 @@ prelude-ls@^1.2.1:
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
 prettier@^3.6.2:
-  version "3.7.4"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.7.4.tgz#d2f8335d4b1cec47e1c8098645411b0c9dff9c0f"
-  integrity sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.8.1.tgz#edf48977cf991558f4fcbd8a3ba6015ba2a3a173"
+  integrity sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==
 
-pretty-format@30.2.0, pretty-format@^30.0.0:
+pretty-format@30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-30.2.0.tgz#2d44fe6134529aed18506f6d11509d8a62775ebe"
   integrity sha512-9uBdv/B4EefsuAL+pWqueZyZS2Ba+LxfFeQ9DN14HU4bN8bhaxKdkpjpB6fs9+pSjIBu+FXQHImEg8j/Lw0+vA==
@@ -5936,25 +5733,19 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process-on-spawn@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/process-on-spawn/-/process-on-spawn-1.1.0.tgz#9d5999ba87b3bf0a8acb05322d69f2f5aa4fb763"
-  integrity sha512-JOnOPQ/8TZgjs1JIH/m9ni7FfimjNa/PRx7y/Wb5qdItsnhO0jE4AT7fC0HjC28DUQWDr50dwSYZLdRMlqDq3Q==
-  dependencies:
-    fromentries "^1.2.0"
-
 process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
 
-prompts@^2.4.1:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
-  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
+prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
   dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
 
 proper-lockfile@^4.1.2:
   version "4.1.2"
@@ -6015,6 +5806,11 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
+punycode.js@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode.js/-/punycode.js-2.3.1.tgz#6b53e56ad75588234e79f4affa90972c7dd8cdb7"
+  integrity sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==
+
 punycode@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
@@ -6025,15 +5821,10 @@ punycode@^2.1.0:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
-pure-rand@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-7.0.1.tgz#6f53a5a9e3e4a47445822af96821ca509ed37566"
-  integrity sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==
-
 qs@^6.12.3:
-  version "6.14.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.0.tgz#c63fa40680d2c5c941412a0e899c89af60c0a930"
-  integrity sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==
+  version "6.14.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.1.tgz#a41d85b9d3902f31d27861790506294881871159"
+  integrity sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==
   dependencies:
     side-channel "^1.1.0"
 
@@ -6089,12 +5880,17 @@ react-docgen@^8.0.0, react-docgen@^8.0.2:
     strip-indent "^4.0.0"
 
 "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0":
-  version "19.2.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.2.1.tgz#ce3527560bda4f997e47d10dab754825b3061f59"
-  integrity sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.2.4.tgz#6fac6bd96f7db477d966c7ec17c1a2b1ad8e6591"
+  integrity sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==
   dependencies:
     scheduler "^0.27.0"
 
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
 react-is@^17.0.1:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
@@ -6110,10 +5906,66 @@ react-merge-refs@^3.0.2:
   resolved "https://registry.yarnpkg.com/react-merge-refs/-/react-merge-refs-3.0.2.tgz#483b4e8029f89d805c4e55c8d22e9b8f77e3b58e"
   integrity sha512-MSZAfwFfdbEvwkKWP5EI5chuLYnNUxNS7vyS0i1Jp+wtd8J4Ga2ddzhaE68aMol2Z4vCnRM/oGOo1a3V75UPlw==
 
+react-refresh@^0.18.0:
+  version "0.18.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.18.0.tgz#2dce97f4fe932a4d8142fa1630e475c1729c8062"
+  integrity sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==
+
+react-remove-scroll-bar@^2.3.7:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz#99c20f908ee467b385b68a3469b4a3e750012223"
+  integrity sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==
+  dependencies:
+    react-style-singleton "^2.2.2"
+    tslib "^2.0.0"
+
+react-remove-scroll@^2.6.3:
+  version "2.7.2"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz#6442da56791117661978ae99cd29be9026fecca0"
+  integrity sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==
+  dependencies:
+    react-remove-scroll-bar "^2.3.7"
+    react-style-singleton "^2.2.3"
+    tslib "^2.1.0"
+    use-callback-ref "^1.3.3"
+    use-sidecar "^1.1.3"
+
+react-style-singleton@^2.2.2, react-style-singleton@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.3.tgz#4265608be69a4d70cfe3047f2c6c88b2c3ace388"
+  integrity sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==
+  dependencies:
+    get-nonce "^1.0.0"
+    tslib "^2.0.0"
+
+react-virtuoso@^4.14.0:
+  version "4.18.1"
+  resolved "https://registry.yarnpkg.com/react-virtuoso/-/react-virtuoso-4.18.1.tgz#3eb7078f2739a31b96c723374019e587deeb6ebc"
+  integrity sha512-KF474cDwaSb9+SJ380xruBB4P+yGWcVkcu26HtMqYNMTYlYbrNy8vqMkE+GpAApPPufJqgOLMoWMFG/3pJMXUA==
+
 "react@^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0":
-  version "19.2.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-19.2.1.tgz#8600fa205e58e2e807f6ef431c9f6492591a2700"
-  integrity sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.2.4.tgz#438e57baa19b77cb23aab516cf635cd0579ee09a"
+  integrity sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==
+
+read-pkg-up@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
+  integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
+  dependencies:
+    find-up "^4.1.0"
+    read-pkg "^5.2.0"
+    type-fest "^0.8.1"
+
+read-pkg@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
+  integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
+  dependencies:
+    "@types/normalize-package-data" "^2.4.0"
+    normalize-package-data "^2.5.0"
+    parse-json "^5.0.0"
+    type-fest "^0.6.0"
 
 readable-stream@^2.0.5, readable-stream@^2.3.8:
   version "2.3.8"
@@ -6174,12 +6026,48 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
-release-zalgo@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/release-zalgo/-/release-zalgo-1.0.0.tgz#09700b7e5074329739330e535c5a90fb67851730"
-  integrity sha512-gUAyHVHPPC5wdqX/LG4LWtRYtgjxyX78oanFNTMMyFEfOqdC54s3eE82imuWKbOeqYht2CrNf64Qb8vgmmtZGA==
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
   dependencies:
-    es6-error "^4.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
+regexp-tree@^0.1.27:
+  version "0.1.27"
+  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.27.tgz#2198f0ef54518ffa743fe74d983b56ffd631b6cd"
+  integrity sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==
+
+regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
+
+regexparam@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/regexparam/-/regexparam-3.0.0.tgz#1673e09d41cb7fd41eaafd4040a6aa90daa0a21a"
+  integrity sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==
+
+regjsparser@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.10.0.tgz#b1ed26051736b436f22fdec1c8f72635f9f44892"
+  integrity sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==
+  dependencies:
+    jsesc "~0.5.0"
 
 require-directory@^2.1.1:
   version "2.1.1"
@@ -6191,35 +6079,19 @@ require-from-string@^2.0.2:
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
   integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
 
-require-main-filename@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
-  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
-
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
-resolve-dir@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-0.1.1.tgz#b219259a5602fac5c5c496ad894a6e8cc430261e"
-  integrity sha512-QxMPqI6le2u0dCLyiGzgy92kjkkL6zO0XyvHzjdTNH3zM6e5Hz3BwG6+aEyNgiQ5Xz6PwTwgQEj3U50dByPKIA==
-  dependencies:
-    expand-tilde "^1.2.2"
-    global-modules "^0.2.3"
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+resolve@^1.10.0, resolve@^1.22.1, resolve@^1.22.4, resolve@^1.22.8:
+  version "1.22.11"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.11.tgz#aad857ce1ffb8bfa9b0b1ac29f1156383f68c262"
+  integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
+  dependencies:
+    is-core-module "^2.16.1"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
 
 resolve@^1.17.0, resolve@~1.22.1, resolve@~1.22.2:
   version "1.22.10"
@@ -6230,12 +6102,12 @@ resolve@^1.17.0, resolve@~1.22.1, resolve@~1.22.2:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.22.1, resolve@^1.22.8:
-  version "1.22.11"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.11.tgz#aad857ce1ffb8bfa9b0b1ac29f1156383f68c262"
-  integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
   dependencies:
-    is-core-module "^2.16.1"
+    is-core-module "^2.13.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
@@ -6249,13 +6121,21 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
   integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
   dependencies:
     glob "^7.1.3"
 
+rimraf@^6.0.1:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-6.1.2.tgz#9a0f3cea2ab853e81291127422116ecf2a86ae89"
+  integrity sha512-cFCkPslJv7BAXJsYlK1dZsbP8/ZNLkCAQ0bi1hf5EKX2QHegmDFEFA6QhuYJlk7UDdc+02JjO80YSOrWPpw06g==
+  dependencies:
+    glob "^13.0.0"
+    package-json-from-dist "^1.0.1"
+
 ripemd160@^2.0.0, ripemd160@^2.0.1, ripemd160@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.3.tgz#9be54e4ba5e3559c8eee06a25cd7648bbccdf5a8"
@@ -6265,34 +6145,37 @@ ripemd160@^2.0.0, ripemd160@^2.0.1, ripemd160@^2.0.3:
     inherits "^2.0.4"
 
 rollup@^4.43.0:
-  version "4.53.3"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.53.3.tgz#dbc8cd8743b38710019fb8297e8d7a76e3faa406"
-  integrity sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==
+  version "4.55.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.55.2.tgz#fc1cd147b1ea72b62072fb12df5e6ea28a2c1c7b"
+  integrity sha512-PggGy4dhwx5qaW+CKBilA/98Ql9keyfnb7lh4SR6shQ91QQQi1ORJ1v4UinkdP2i87OBs9AQFooQylcrrRfIcg==
   dependencies:
     "@types/estree" "1.0.8"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.53.3"
-    "@rollup/rollup-android-arm64" "4.53.3"
-    "@rollup/rollup-darwin-arm64" "4.53.3"
-    "@rollup/rollup-darwin-x64" "4.53.3"
-    "@rollup/rollup-freebsd-arm64" "4.53.3"
-    "@rollup/rollup-freebsd-x64" "4.53.3"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.53.3"
-    "@rollup/rollup-linux-arm-musleabihf" "4.53.3"
-    "@rollup/rollup-linux-arm64-gnu" "4.53.3"
-    "@rollup/rollup-linux-arm64-musl" "4.53.3"
-    "@rollup/rollup-linux-loong64-gnu" "4.53.3"
-    "@rollup/rollup-linux-ppc64-gnu" "4.53.3"
-    "@rollup/rollup-linux-riscv64-gnu" "4.53.3"
-    "@rollup/rollup-linux-riscv64-musl" "4.53.3"
-    "@rollup/rollup-linux-s390x-gnu" "4.53.3"
-    "@rollup/rollup-linux-x64-gnu" "4.53.3"
-    "@rollup/rollup-linux-x64-musl" "4.53.3"
-    "@rollup/rollup-openharmony-arm64" "4.53.3"
-    "@rollup/rollup-win32-arm64-msvc" "4.53.3"
-    "@rollup/rollup-win32-ia32-msvc" "4.53.3"
-    "@rollup/rollup-win32-x64-gnu" "4.53.3"
-    "@rollup/rollup-win32-x64-msvc" "4.53.3"
+    "@rollup/rollup-android-arm-eabi" "4.55.2"
+    "@rollup/rollup-android-arm64" "4.55.2"
+    "@rollup/rollup-darwin-arm64" "4.55.2"
+    "@rollup/rollup-darwin-x64" "4.55.2"
+    "@rollup/rollup-freebsd-arm64" "4.55.2"
+    "@rollup/rollup-freebsd-x64" "4.55.2"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.55.2"
+    "@rollup/rollup-linux-arm-musleabihf" "4.55.2"
+    "@rollup/rollup-linux-arm64-gnu" "4.55.2"
+    "@rollup/rollup-linux-arm64-musl" "4.55.2"
+    "@rollup/rollup-linux-loong64-gnu" "4.55.2"
+    "@rollup/rollup-linux-loong64-musl" "4.55.2"
+    "@rollup/rollup-linux-ppc64-gnu" "4.55.2"
+    "@rollup/rollup-linux-ppc64-musl" "4.55.2"
+    "@rollup/rollup-linux-riscv64-gnu" "4.55.2"
+    "@rollup/rollup-linux-riscv64-musl" "4.55.2"
+    "@rollup/rollup-linux-s390x-gnu" "4.55.2"
+    "@rollup/rollup-linux-x64-gnu" "4.55.2"
+    "@rollup/rollup-linux-x64-musl" "4.55.2"
+    "@rollup/rollup-openbsd-x64" "4.55.2"
+    "@rollup/rollup-openharmony-arm64" "4.55.2"
+    "@rollup/rollup-win32-arm64-msvc" "4.55.2"
+    "@rollup/rollup-win32-ia32-msvc" "4.55.2"
+    "@rollup/rollup-win32-x64-gnu" "4.55.2"
+    "@rollup/rollup-win32-x64-msvc" "4.55.2"
     fsevents "~2.3.2"
 
 run-applescript@^7.0.0:
@@ -6307,12 +6190,16 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-rxjs@7.8.2, rxjs@^7.8.1:
-  version "7.8.2"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.2.tgz#955bc473ed8af11a002a2be52071bf475638607b"
-  integrity sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==
+safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
   dependencies:
-    tslib "^2.1.0"
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
 
 safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
   version "5.2.1"
@@ -6324,7 +6211,15 @@ safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-regex-test@^1.1.0:
+safe-push-apply@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
+  dependencies:
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.0.3, safe-regex-test@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
   integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
@@ -6343,12 +6238,17 @@ scheduler@^0.27.0:
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.27.0.tgz#0c4ef82d67d1e5c1e359e8fc76d3a87f045fe5bd"
   integrity sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==
 
-semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
+"semver@2 || 3 || 4 || 5":
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.5.3, semver@^7.5.4, semver@^7.6.0, semver@^7.6.2, semver@^7.7.2:
+semver@^7.5.3, semver@^7.6.3, semver@^7.7.3:
   version "7.7.3"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
   integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
@@ -6360,11 +6260,6 @@ semver@~7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
-set-blocking@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
-
 set-function-length@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
@@ -6377,6 +6272,25 @@ set-function-length@^1.2.2:
     gopd "^1.0.1"
     has-property-descriptors "^1.0.2"
 
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+
 setimmediate@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
@@ -6403,11 +6317,6 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@1.8.3:
-  version "1.8.3"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.3.tgz#55e40ef33cf5c689902353a3d8cd1a6725f08b4b"
-  integrity sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==
-
 side-channel-list@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
@@ -6448,7 +6357,12 @@ side-channel@^1.1.0:
     side-channel-map "^1.0.1"
     side-channel-weakmap "^1.0.2"
 
-signal-exit@^3.0.2, signal-exit@^3.0.3:
+siginfo@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
+  integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
+
+signal-exit@^3.0.2:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -6458,10 +6372,14 @@ signal-exit@^4.0.1:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
-sisteransi@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+sirv@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-3.0.2.tgz#f775fccf10e22a40832684848d636346f41cd970"
+  integrity sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==
+  dependencies:
+    "@polka/url" "^1.0.0-next.24"
+    mrmime "^2.0.0"
+    totalist "^3.0.0"
 
 slash@^2.0.0:
   version "2.0.0"
@@ -6473,50 +6391,41 @@ slash@^3.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slash@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-5.1.0.tgz#be3adddcdf09ac38eebe8dcdc7b1a57a75b095ce"
-  integrity sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==
-
 source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
   integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
-source-map-support@0.5.13:
-  version "0.5.13"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
-  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
-  dependencies:
-    buffer-from "^1.0.0"
-    source-map "^0.6.0"
-
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-spawn-wrap@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/spawn-wrap/-/spawn-wrap-2.0.0.tgz#103685b8b8f9b79771318827aa78650a610d457e"
-  integrity sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==
+spdx-correct@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
+  integrity sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==
   dependencies:
-    foreground-child "^2.0.0"
-    is-windows "^1.0.2"
-    make-dir "^3.0.0"
-    rimraf "^3.0.0"
-    signal-exit "^3.0.2"
-    which "^2.0.1"
+    spdx-expression-parse "^3.0.0"
+    spdx-license-ids "^3.0.0"
 
-spawnd@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/spawnd/-/spawnd-5.0.0.tgz#ea72200bdc468998e84e1c3e7b914ce85fc1c32c"
-  integrity sha512-28+AJr82moMVWolQvlAIv3JcYDkjkFTEmfDc503wxrF5l2rQ3dFz6DpbXp3kD4zmgGGldfM4xM4v1sFj/ZaIOA==
+spdx-exceptions@^2.1.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz#5d607d27fc806f66d7b64a766650fa890f04ed66"
+  integrity sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==
+
+spdx-expression-parse@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
+  integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
   dependencies:
-    exit "^0.1.2"
-    signal-exit "^3.0.3"
-    tree-kill "^1.2.2"
-    wait-port "^0.2.9"
+    spdx-exceptions "^2.1.0"
+    spdx-license-ids "^3.0.0"
+
+spdx-license-ids@^3.0.0:
+  version "3.0.22"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz#abf5a08a6f5d7279559b669f47f0a43e8f3464ef"
+  integrity sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==
 
 split-ca@^1.0.1:
   version "1.0.1"
@@ -6552,7 +6461,7 @@ ssh2@^1.15.0, ssh2@^1.4.0:
     cpu-features "~0.0.10"
     nan "^2.23.0"
 
-ssim.js@^3.1.1:
+ssim.js@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/ssim.js/-/ssim.js-3.5.0.tgz#d7276b9ee99b57a5ff0db34035f02f35197e62df"
   integrity sha512-Aj6Jl2z6oDmgYFFbQqK7fght19bXdOxY7Tj03nF+03M9gCBAjeIiO8/PlEGMfKDwYpw4q6iBqVq2YuREorGg/g==
@@ -6564,13 +6473,44 @@ stack-utils@^2.0.6:
   dependencies:
     escape-string-regexp "^2.0.0"
 
+stackback@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/stackback/-/stackback-0.0.2.tgz#1ac8a0d9483848d1695e418b6d031a3c3ce68e3b"
+  integrity sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==
+
+std-env@^3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.10.0.tgz#d810b27e3a073047b2b5e40034881f5ea6f9c83b"
+  integrity sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==
+
+stop-iteration-iterator@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz#f481ff70a548f6124d0312c3aa14cbfa7aa542ad"
+  integrity sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==
+  dependencies:
+    es-errors "^1.3.0"
+    internal-slot "^1.1.0"
+
+storybook-addon-vis@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/storybook-addon-vis/-/storybook-addon-vis-3.1.2.tgz#e4fb20bce494755623c41160eceda4ac45cb1e69"
+  integrity sha512-eq+HQzjktd7L2onLPhYzC1j5k3j93ZbweQSN6PRvkrsUWSeUTcRNYEIq80zQlH6vcI88+hp/SoAB4FrteEYFRw==
+  dependencies:
+    "@storybook/icons" "^2.0.0"
+    glob "^13.0.0"
+    is-ci "^4.1.0"
+    memoize "^10.1.0"
+    pathe "^2.0.3"
+    type-plus "8.0.0-beta.7"
+    vitest-plugin-vis "^4.1.0"
+
 storybook@^10.0.7:
-  version "10.1.10"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-10.1.10.tgz#9023e063f97cb2c38b4520e03d49336bcbf6661f"
-  integrity sha512-oK0t0jEogiKKfv5Z1ao4Of99+xWw1TMUGuGRYDQS4kp2yyBsJQEgu7NI7OLYsCDI6gzt5p3RPtl1lqdeVLUi8A==
+  version "10.2.4"
+  resolved "https://registry.yarnpkg.com/storybook/-/storybook-10.2.4.tgz#d6393acb282d17dd87b8b3ef9dc9ebf885fe1698"
+  integrity sha512-LwF0VZsT4qkgx66Ad/q0QgZZrU2a5WftaADDEcJ3bGq3O2fHvwWPlSZjM1HiXD4vqP9U5JiMqQkV1gkyH0XJkw==
   dependencies:
     "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^2.0.0"
+    "@storybook/icons" "^2.0.1"
     "@testing-library/jest-dom" "^6.6.3"
     "@testing-library/user-event" "^14.6.1"
     "@vitest/expect" "3.2.4"
@@ -6578,7 +6518,7 @@ storybook@^10.0.7:
     esbuild "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0"
     open "^10.2.0"
     recast "^0.23.5"
-    semver "^7.6.2"
+    semver "^7.7.3"
     use-sync-external-store "^1.5.0"
     ws "^8.18.0"
 
@@ -6614,21 +6554,6 @@ string-argv@~0.3.1:
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
   integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
-string-length@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.2.tgz#a8a8dc7bd5c1a82b9b3c8b87e125f66871b6e57a"
-  integrity sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==
-  dependencies:
-    char-regex "^1.0.2"
-    strip-ansi "^6.0.0"
-
-string-length@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-6.0.0.tgz#1c7342bbf032129b2f80003e69f889c70231d791"
-  integrity sha512-1U361pxZHEQ+FeSjzqRpV+cu2vTzYeWeafXFLykiFlv4Vc0n3njgU8HrMbyik5uwm77naWMuVG8fhEF+Ovb1Kg==
-  dependencies:
-    strip-ansi "^7.1.0"
-
 "string-width-cjs@npm:string-width@^4.2.0":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
@@ -6656,6 +6581,74 @@ string-width@^5.0.1, string-width@^5.1.2:
     emoji-regex "^9.2.2"
     strip-ansi "^7.0.1"
 
+string.prototype.includes@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz#eceef21283640761a81dbe16d6c7171a4edf7d92"
+  integrity sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.3"
+
+string.prototype.matchall@^4.0.12:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz#6c88740e49ad4956b1332a911e949583a275d4c0"
+  integrity sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    regexp.prototype.flags "^1.5.3"
+    set-function-name "^2.0.2"
+    side-channel "^1.1.0"
+
+string.prototype.repeat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz#e90872ee0308b29435aa26275f6e1b762daee01a"
+  integrity sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
+
+string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
 string_decoder@^1.0.0, string_decoder@^1.1.1, string_decoder@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -6696,16 +6689,6 @@ strip-bom@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
-strip-bom@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-  integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
-
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
 strip-indent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
@@ -6723,20 +6706,6 @@ strip-json-comments@^3.1.1, strip-json-comments@~3.1.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-supports-color@8.1.1, supports-color@^8.1.1, supports-color@~8.1.1:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
-  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
 supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -6744,17 +6713,22 @@ supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
+supports-color@~8.1.1:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
+  integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
+  dependencies:
+    has-flag "^4.0.0"
+
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-synckit@^0.11.8:
-  version "0.11.11"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.11.11.tgz#c0b619cf258a97faa209155d9cd1699b5c998cb0"
-  integrity sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==
-  dependencies:
-    "@pkgr/core" "^0.2.9"
+tabbable@^6.0.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.4.0.tgz#36eb7a06d80b3924a22095daf45740dea3bf5581"
+  integrity sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==
 
 tar-fs@^2.1.4:
   version "2.1.4"
@@ -6809,19 +6783,19 @@ temporal-spec@0.3.0:
   resolved "https://registry.yarnpkg.com/temporal-spec/-/temporal-spec-0.3.0.tgz#8c4210c575fb28ba0a1c2e02ad68d1be5956a11f"
   integrity sha512-n+noVpIqz4hYgFSMOSiINNOUOMFtV5cZQNCmmszA6GiVFVRt3G7AqVyhXjhCSmowvQn+NsGn+jMDMKJYHd3bSQ==
 
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
+tersify@^3.11.1:
+  version "3.12.1"
+  resolved "https://registry.yarnpkg.com/tersify/-/tersify-3.12.1.tgz#1aa5a709a02daba24d694f0896fb8a233f482361"
+  integrity sha512-VwzXGHZSOB4T27s4uvh9v8FYrNXyfVz0nBQi28TDwrZoQwT8ZJUp1W2Ff73ekN07stJSb0D+pr6iXeNeFqTI6Q==
   dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
+    acorn "^8.8.2"
+    is-buffer "^2.0.5"
+    unpartial "^1.0.4"
 
-testcontainers@^11.0.0, testcontainers@^11.9.0:
-  version "11.9.0"
-  resolved "https://registry.yarnpkg.com/testcontainers/-/testcontainers-11.9.0.tgz#464c2feb31b56ef594563349048efeaf0af2bd1e"
-  integrity sha512-SQ6OqQUig7HcGVF72i+ZVIMvxPSpEz8cgC/B63ekqMzgf98DnveoBbOmqux/Wa5wQAQCt4mEPNMa/Jz7vMg9fQ==
+testcontainers@^11.0.0, testcontainers@^11.11.0:
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/testcontainers/-/testcontainers-11.11.0.tgz#0f397cd3d2a71fc5e1573d36d78149ddb2e0ab3b"
+  integrity sha512-nKTJn3n/gkyGg/3SVkOwX+isPOGSHlfI+CWMobSmvQrsj7YW01aWvl2pYIfV4LMd+C8or783yYrzKSK2JlP+Qw==
   dependencies:
     "@balena/dockerignore" "^1.0.2"
     "@types/dockerode" "^3.3.47"
@@ -6863,6 +6837,16 @@ tiny-invariant@^1.3.3:
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
   integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
 
+tinybench@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.9.0.tgz#103c9f8ba6d7237a47ab6dd1dcff77251863426b"
+  integrity sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==
+
+tinyexec@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-1.0.2.tgz#bdd2737fe2ba40bd6f918ae26642f264b99ca251"
+  integrity sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==
+
 tinyglobby@^0.2.15:
   version "0.2.15"
   resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.15.tgz#e228dd1e638cea993d2fdb4fcd2d4602a79951c2"
@@ -6876,6 +6860,11 @@ tinyrainbow@^2.0.0:
   resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz#9509b2162436315e80e3eee0fcce4474d2444294"
   integrity sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==
 
+tinyrainbow@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-3.0.3.tgz#984a5b1c1b25854a9b6bccbe77964d0593d1ea42"
+  integrity sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==
+
 tinyspy@^4.0.3:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-4.0.4.tgz#d77a002fb53a88aa1429b419c1c92492e0c81f78"
@@ -6886,11 +6875,6 @@ tmp@^0.2.4, tmp@^0.2.5:
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.5.tgz#b06bcd23f0f3c8357b426891726d16015abfd8f8"
   integrity sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==
 
-tmpl@1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
-  integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
-
 to-buffer@^1.2.0, to-buffer@^1.2.1, to-buffer@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.2.2.tgz#ffe59ef7522ada0a2d1cb5dfe03bb8abc3cdc133"
@@ -6907,21 +6891,31 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-tree-kill@1.2.2, tree-kill@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
-  integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
+totalist@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
+  integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
 
-ts-api-utils@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.1.0.tgz#595f7094e46eed364c13fd23e75f9513d29baf91"
-  integrity sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==
+ts-api-utils@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.4.0.tgz#2690579f96d2790253bdcf1ca35d569ad78f9ad8"
+  integrity sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==
 
 ts-dedent@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
   integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
 
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
 tsconfig-paths@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz#ef78e19039133446d244beac0fd6a1632e2d107c"
@@ -6931,7 +6925,7 @@ tsconfig-paths@^4.2.0:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^2.0.1, tslib@^2.1.0, tslib@^2.4.0:
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -6953,26 +6947,29 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-detect@4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
-  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
-
 type-fest@^0.20.2:
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-type-fest@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
-  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+type-fest@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
+  integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
 
-type-fest@^0.8.0:
+type-fest@^0.8.1:
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+type-plus@8.0.0-beta.7:
+  version "8.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/type-plus/-/type-plus-8.0.0-beta.7.tgz#8e81ea05182b57af654cfb4708a55e5308c96845"
+  integrity sha512-LTV9UqBJ20I48Ba2L8N25EOowtrs40MLzsqQFfvAXnPAN9z0ny4CjduFfNIfW7euZ6wr6ImShEtrhR1virHiNw==
+  dependencies:
+    tersify "^3.11.1"
+    unpartial "^1.0.4"
+
 typed-array-buffer@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
@@ -6982,12 +6979,62 @@ typed-array-buffer@^1.0.3:
     es-errors "^1.3.0"
     is-typed-array "^1.1.14"
 
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
   dependencies:
-    is-typedarray "^1.0.0"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-offset@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+typedoc-plugin-markdown@^4.9.0:
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-4.9.0.tgz#88f37ba2417fc8b93951d457a3a557682ce5e01e"
+  integrity sha512-9Uu4WR9L7ZBgAl60N/h+jqmPxxvnC9nQAlnnO/OujtG2ubjnKTVUFY1XDhcMY+pCqlX3N2HsQM2QTYZIU9tJuw==
+
+typedoc-plugin-missing-exports@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/typedoc-plugin-missing-exports/-/typedoc-plugin-missing-exports-4.1.2.tgz#a125a679782082caad123e8b086b4ac9b28d08da"
+  integrity sha512-WNoeWX9+8X3E3riuYPduilUTFefl1K+Z+5bmYqNeH5qcWjtnTRMbRzGdEQ4XXn1WEO4WCIlU0vf46Ca2y/mspg==
+
+typedoc@^0.28.16:
+  version "0.28.16"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.28.16.tgz#3901672c48746587fa24390077d07317a1fd180f"
+  integrity sha512-x4xW77QC3i5DUFMBp0qjukOTnr/sSg+oEs86nB3LjDslvAmwe/PUGDWbe3GrIqt59oTqoXK5GRK9tAa0sYMiog==
+  dependencies:
+    "@gerrit0/mini-shiki" "^3.17.0"
+    lunr "^2.3.9"
+    markdown-it "^14.1.0"
+    minimatch "^9.0.5"
+    yaml "^2.8.1"
 
 typescript@5.8.2:
   version "5.8.2"
@@ -6999,11 +7046,26 @@ typescript@^5.9.3:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
   integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
 
+uc.micro@^2.0.0, uc.micro@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-2.1.0.tgz#f8d3f7d0ec4c3dea35a7e3c8efa4cb8b45c9e7ee"
+  integrity sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==
+
 ufo@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.1.tgz#ac2db1d54614d1b22c1d603e3aef44a85d8f146b"
   integrity sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==
 
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-bigints "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
+
 undici-types@~5.26.4:
   version "5.26.5"
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
@@ -7015,15 +7077,20 @@ undici-types@~7.16.0:
   integrity sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==
 
 undici@^7.16.0:
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/undici/-/undici-7.16.0.tgz#cb2a1e957726d458b536e3f076bf51f066901c1a"
-  integrity sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==
+  version "7.18.1"
+  resolved "https://registry.yarnpkg.com/undici/-/undici-7.18.1.tgz#b043b3c1e25319fe463029131c089cec971e2f0c"
+  integrity sha512-0L1RtVqD2twa4hYKeNitqG8zvwe+4cT7L2FDP+64QC8mxjA4TlKjSqPLyOjaRdnUnWYQyxKyhDkqOHLKXw+lkA==
 
 universalify@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
   integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
 
+unpartial@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/unpartial/-/unpartial-1.0.5.tgz#ade2b97d4fa309dc6a7fdca6a6fdbf76817fdd7e"
+  integrity sha512-yAqaXcachjgZUnM2yIkf+4KJhmyuoj7stBvlnlZpB15OYVbKnLhgJfmLW7qkpzLHCdsm1bEFvhyN9hCmlZ3uuw==
+
 unplugin@^2.3.5:
   version "2.3.11"
   resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-2.3.11.tgz#411e020dd2ba90e2fbe1e7bd63a5a399e6ee3b54"
@@ -7034,37 +7101,10 @@ unplugin@^2.3.5:
     picomatch "^4.0.3"
     webpack-virtual-modules "^0.6.2"
 
-unrs-resolver@^1.7.11:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/unrs-resolver/-/unrs-resolver-1.11.1.tgz#be9cd8686c99ef53ecb96df2a473c64d304048a9"
-  integrity sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==
-  dependencies:
-    napi-postinstall "^0.3.0"
-  optionalDependencies:
-    "@unrs/resolver-binding-android-arm-eabi" "1.11.1"
-    "@unrs/resolver-binding-android-arm64" "1.11.1"
-    "@unrs/resolver-binding-darwin-arm64" "1.11.1"
-    "@unrs/resolver-binding-darwin-x64" "1.11.1"
-    "@unrs/resolver-binding-freebsd-x64" "1.11.1"
-    "@unrs/resolver-binding-linux-arm-gnueabihf" "1.11.1"
-    "@unrs/resolver-binding-linux-arm-musleabihf" "1.11.1"
-    "@unrs/resolver-binding-linux-arm64-gnu" "1.11.1"
-    "@unrs/resolver-binding-linux-arm64-musl" "1.11.1"
-    "@unrs/resolver-binding-linux-ppc64-gnu" "1.11.1"
-    "@unrs/resolver-binding-linux-riscv64-gnu" "1.11.1"
-    "@unrs/resolver-binding-linux-riscv64-musl" "1.11.1"
-    "@unrs/resolver-binding-linux-s390x-gnu" "1.11.1"
-    "@unrs/resolver-binding-linux-x64-gnu" "1.11.1"
-    "@unrs/resolver-binding-linux-x64-musl" "1.11.1"
-    "@unrs/resolver-binding-wasm32-wasi" "1.11.1"
-    "@unrs/resolver-binding-win32-arm64-msvc" "1.11.1"
-    "@unrs/resolver-binding-win32-ia32-msvc" "1.11.1"
-    "@unrs/resolver-binding-win32-x64-msvc" "1.11.1"
-
 update-browserslist-db@^1.2.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.2.tgz#cfb4358afa08b3d5731a2ecd95eebf4ddef8033e"
-  integrity sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz#64d76db58713136acbeb4c49114366cc6cc2e80d"
+  integrity sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==
   dependencies:
     escalade "^3.2.0"
     picocolors "^1.1.1"
@@ -7084,6 +7124,21 @@ url@^0.11.4:
     punycode "^1.4.1"
     qs "^6.12.3"
 
+use-callback-ref@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.3.tgz#98d9fab067075841c5b2c6852090d5d0feabe2bf"
+  integrity sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==
+  dependencies:
+    tslib "^2.0.0"
+
+use-sidecar@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.3.tgz#10e7fd897d130b896e2c546c63a5e8233d00efdb"
+  integrity sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==
+  dependencies:
+    detect-node-es "^1.1.0"
+    tslib "^2.0.0"
+
 use-sync-external-store@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz#b174bfa65cb2b526732d9f2ac0a408027876f32d"
@@ -7110,19 +7165,20 @@ uuid@^10.0.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-10.0.0.tgz#5a95aa454e6e002725c79055fd42aaba30ca6294"
   integrity sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==
 
-uuid@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
-  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
-
-v8-to-istanbul@^9.0.1:
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz#b9572abfa62bd556c16d75fdebc1a411d5ff3175"
-  integrity sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==
+validate-npm-package-license@^3.0.1:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
+  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.12"
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^2.0.0"
+    spdx-correct "^3.0.0"
+    spdx-expression-parse "^3.0.0"
+
+vaul@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vaul/-/vaul-1.1.2.tgz#c959f8b9dc2ed4f7d99366caee433fbef91f5ba9"
+  integrity sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==
+  dependencies:
+    "@radix-ui/react-dialog" "^1.1.1"
 
 vite-plugin-dts@^4.5.4:
   version "4.5.4"
@@ -7139,20 +7195,20 @@ vite-plugin-dts@^4.5.4:
     local-pkg "^1.0.0"
     magic-string "^0.30.17"
 
-vite-plugin-node-polyfills@^0.24.0:
-  version "0.24.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.24.0.tgz#4a2e984bba134017fc88cace0149cf8afdb50b54"
-  integrity sha512-GA9QKLH+vIM8NPaGA+o2t8PDfFUl32J8rUp1zQfMKVJQiNkOX4unE51tR6ppl6iKw5yOrDAdSH7r/UIFLCVhLw==
+vite-plugin-node-polyfills@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-node-polyfills/-/vite-plugin-node-polyfills-0.25.0.tgz#dccbb76b3c81a4981a89403feabc1b74d2dc60d4"
+  integrity sha512-rHZ324W3LhfGPxWwQb2N048TThB6nVvnipsqBUJEzh3R9xeK9KI3si+GMQxCuAcpPJBVf0LpDtJ+beYzB3/chg==
   dependencies:
     "@rollup/plugin-inject" "^5.0.5"
-    node-stdlib-browser "^1.2.0"
+    node-stdlib-browser "^1.3.1"
 
-vite@^7.1.9:
-  version "7.2.7"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-7.2.7.tgz#0789a4c3206081699f34a9ecca2dda594a07478e"
-  integrity sha512-ITcnkFeR3+fI8P1wMgItjGrR10170d8auB4EpMLPqmx6uxElH3a/hHGQabSHKdqd4FXWO1nFIp9rRn7JQ34ACQ==
+"vite@^6.0.0 || ^7.0.0", vite@^7.3.1:
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-7.3.1.tgz#7f6cfe8fb9074138605e822a75d9d30b814d6507"
+  integrity sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==
   dependencies:
-    esbuild "^0.25.0"
+    esbuild "^0.27.0"
     fdir "^6.5.0"
     picomatch "^4.0.3"
     postcss "^8.5.6"
@@ -7161,6 +7217,58 @@ vite@^7.1.9:
   optionalDependencies:
     fsevents "~2.3.3"
 
+vitest-browser-react@^2.0.2:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/vitest-browser-react/-/vitest-browser-react-2.0.5.tgz#286a5702c85b9391114924e70db719b73d38a66e"
+  integrity sha512-YODQX8mHTJCyKNVYTWJrLEYrUtw+QfLl78owgvuE7C5ydgmGBq6v5s4jK2w6wdPhIZsN9PpV1rQbmAevWJjO9g==
+
+vitest-plugin-vis@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/vitest-plugin-vis/-/vitest-plugin-vis-4.1.0.tgz#25b67a88b99c97895001fe18d03a7039ed005b46"
+  integrity sha512-wEYILWeax3hMUNMLMJzZ0dwtasy/YKAZz5/pyqK+0tyETjNBhtdrWiRLZc6OktOMZJk2YPlpjSOB/qqldAlvMQ==
+  dependencies:
+    dedent "^1.5.1"
+    glob "^13.0.0"
+    is-ci "^4.0.0"
+    mkdirp "^3.0.1"
+    pathe "^2.0.0"
+    pixelmatch "^7.1.0"
+    pngjs "^7.0.0"
+    rimraf "^6.0.1"
+    ssim.js "^3.5.0"
+    type-plus "8.0.0-beta.7"
+
+vitest-sonar-reporter@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/vitest-sonar-reporter/-/vitest-sonar-reporter-3.0.0.tgz#3bb34a9a46390dce83a50de16135fc325c73359d"
+  integrity sha512-QRT5m9Z/3Kt0WVDVcFHm5LC9Ba89yDP4twlX2QUAJ9PdqfJBkLAh/kXj7m6U3i0k6GxnIEiwCc295bmAYokmZg==
+
+vitest@^4.0.18:
+  version "4.0.18"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-4.0.18.tgz#56f966353eca0b50f4df7540cd4350ca6d454a05"
+  integrity sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==
+  dependencies:
+    "@vitest/expect" "4.0.18"
+    "@vitest/mocker" "4.0.18"
+    "@vitest/pretty-format" "4.0.18"
+    "@vitest/runner" "4.0.18"
+    "@vitest/snapshot" "4.0.18"
+    "@vitest/spy" "4.0.18"
+    "@vitest/utils" "4.0.18"
+    es-module-lexer "^1.7.0"
+    expect-type "^1.2.2"
+    magic-string "^0.30.21"
+    obug "^2.1.1"
+    pathe "^2.0.3"
+    picomatch "^4.0.3"
+    std-env "^3.10.0"
+    tinybench "^2.9.0"
+    tinyexec "^1.0.2"
+    tinyglobby "^0.2.15"
+    tinyrainbow "^3.0.3"
+    vite "^6.0.0 || ^7.0.0"
+    why-is-node-running "^2.3.0"
+
 vm-browserify@^1.0.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
@@ -7171,26 +7279,6 @@ vscode-uri@^3.0.8:
   resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.1.0.tgz#dd09ec5a66a38b5c3fffc774015713496d14e09c"
   integrity sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==
 
-wait-on@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-7.2.0.tgz#d76b20ed3fc1e2bebc051fae5c1ff93be7892928"
-  integrity sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==
-  dependencies:
-    axios "^1.6.1"
-    joi "^17.11.0"
-    lodash "^4.17.21"
-    minimist "^1.2.8"
-    rxjs "^7.8.1"
-
-wait-port@^0.2.9:
-  version "0.2.14"
-  resolved "https://registry.yarnpkg.com/wait-port/-/wait-port-0.2.14.tgz#6df40629be2c95aa4073ceb895abef7d872b28c6"
-  integrity sha512-kIzjWcr6ykl7WFbZd0TMae8xovwqcqbx6FM9l+7agOgUByhzdjfzZBPK2CPufldTOMxbUivss//Sh9MFawmPRQ==
-  dependencies:
-    chalk "^2.4.2"
-    commander "^3.0.2"
-    debug "^4.1.1"
-
 walk@^2.3.15:
   version "2.3.15"
   resolved "https://registry.yarnpkg.com/walk/-/walk-2.3.15.tgz#1b4611e959d656426bc521e2da5db3acecae2424"
@@ -7198,22 +7286,50 @@ walk@^2.3.15:
   dependencies:
     foreachasync "^3.0.0"
 
-walker@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
-  integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
-  dependencies:
-    makeerror "1.0.12"
-
 webpack-virtual-modules@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz#057faa9065c8acf48f24cb57ac0e77739ab9a7e8"
   integrity sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==
 
-which-module@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
-  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
+  dependencies:
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
 
 which-typed-array@^1.1.16, which-typed-array@^1.1.2:
   version "1.1.19"
@@ -7228,12 +7344,18 @@ which-typed-array@^1.1.16, which-typed-array@^1.1.2:
     gopd "^1.2.0"
     has-tostringtag "^1.0.2"
 
-which@^1.2.12:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
+which-typed-array@^1.1.19:
+  version "1.1.20"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.20.tgz#3fdb7adfafe0ea69157b1509f3a1cd892bd1d122"
+  integrity sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==
   dependencies:
-    isexe "^2.0.0"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    for-each "^0.3.5"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
 
 which@^2.0.1:
   version "2.0.2"
@@ -7242,6 +7364,14 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
+why-is-node-running@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.3.0.tgz#a3f69a97107f494b3cdc3bdddd883a7d65cebf04"
+  integrity sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==
+  dependencies:
+    siginfo "^2.0.0"
+    stackback "0.0.2"
+
 word-wrap@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
@@ -7256,15 +7386,6 @@ word-wrap@^1.2.5:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
@@ -7288,28 +7409,10 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
-  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
-  dependencies:
-    imurmurhash "^0.1.4"
-    is-typedarray "^1.0.0"
-    signal-exit "^3.0.2"
-    typedarray-to-buffer "^3.1.5"
-
-write-file-atomic@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz#68df4717c55c6fa4281a7860b4c2ba0a6d2b11e7"
-  integrity sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==
-  dependencies:
-    imurmurhash "^0.1.4"
-    signal-exit "^4.0.1"
-
-ws@^8.18.0:
-  version "8.18.3"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.3.tgz#b56b88abffde62791c639170400c93dcb0c95472"
-  integrity sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==
+ws@^8.18.0, ws@^8.18.3:
+  version "8.19.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.19.0.tgz#ddc2bdfa5b9ad860204f5a72a4863a8895fd8c8b"
+  integrity sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==
 
 wsl-utils@^0.1.0:
   version "0.1.0"
@@ -7318,21 +7421,11 @@ wsl-utils@^0.1.0:
   dependencies:
     is-wsl "^3.1.0"
 
-xml@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/xml/-/xml-1.0.1.tgz#78ba72020029c5bc87b8a81a3cfcd74b4a2fc1e5"
-  integrity sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==
-
 xtend@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
-y18n@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
-  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
-
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
@@ -7348,25 +7441,17 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^2.2.2, yaml@^2.7.0:
+yaml@^2.2.2, yaml@^2.7.0, yaml@^2.8.1:
   version "2.8.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.8.2.tgz#5694f25eca0ce9c3e7a9d9e00ce0ddabbd9e35c5"
   integrity sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==
 
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
 yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
   integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
-yargs@17.7.2, yargs@^17.7.2:
+yargs@^17.7.2:
   version "17.7.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
   integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
@@ -7379,23 +7464,6 @@ yargs@17.7.2, yargs@^17.7.2:
     y18n "^5.0.5"
     yargs-parser "^21.1.1"
 
-yargs@^15.0.2:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
-
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
@@ -7409,3 +7477,23 @@ zip-stream@^6.0.1:
     archiver-utils "^5.0.0"
     compress-commons "^6.0.2"
     readable-stream "^4.0.0"
+
+zod-validation-error@^3.0.3:
+  version "3.5.4"
+  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-3.5.4.tgz#9072f829e4b45b9e27317c3002408c0c4cdd2bb4"
+  integrity sha512-+hEiRIiPobgyuFlEojnqjJnhFvg4r/i3cqgcm67eehZf/WBaK3g6cD02YU9mtdVxZjv8CzCA9n/Rhrs3yAAvAw==
+
+"zod-validation-error@^3.5.0 || ^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/zod-validation-error/-/zod-validation-error-4.0.2.tgz#bc605eba49ce0fcd598c127fee1c236be3f22918"
+  integrity sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==
+
+zod@^3.22.4:
+  version "3.25.76"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.25.76.tgz#26841c3f6fd22a6a2760e7ccb719179768471e34"
+  integrity sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==
+
+"zod@^3.25.0 || ^4.0.0":
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-4.3.5.tgz#aeb269a6f9fc259b1212c348c7c5432aaa474d2a"
+  integrity sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==
diff --git a/patches/@matrix-org+react-sdk-module-api+2.5.0.patch b/patches/@matrix-org+react-sdk-module-api+2.5.0.patch
index 89cbca457f..17943f892d 100644
--- a/patches/@matrix-org+react-sdk-module-api+2.5.0.patch
+++ b/patches/@matrix-org+react-sdk-module-api+2.5.0.patch
@@ -11,6 +11,53 @@ index 917a7fc..a2710c6 100644
          didOkOrSubmit: boolean;
          model: M;
      }>;
+diff --git a/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.d.ts b/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.d.ts
+index cb5f2e5..51daa51 100644
+--- a/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.d.ts
++++ b/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.d.ts
+@@ -66,23 +66,23 @@ export interface SetupEncryptionStoreProjection {
+ export interface ProvideCryptoSetupExtensions {
+     examineLoginResponse(response: any, credentials: ExtendedMatrixClientCreds): void;
+     persistCredentials(credentials: ExtendedMatrixClientCreds): void;
+-    getSecretStorageKey(): Uint8Array | null;
+-    createSecretStorageKey(): Uint8Array | null;
++    getSecretStorageKey(): Uint8Array<ArrayBuffer> | null;
++    createSecretStorageKey(): Uint8Array<ArrayBuffer> | null;
+     catchAccessSecretStorageError(e: Error): void;
+     setupEncryptionNeeded: (args: CryptoSetupArgs) => boolean;
+     /** @deprecated This callback is no longer used by matrix-react-sdk */
+-    getDehydrationKeyCallback(): ((keyInfo: SecretStorageKeyDescription, checkFunc: (key: Uint8Array) => void) => Promise<Uint8Array>) | null;
++    getDehydrationKeyCallback(): ((keyInfo: SecretStorageKeyDescription, checkFunc: (key: Uint8Array<ArrayBuffer>) => void) => Promise<Uint8Array<ArrayBuffer>>) | null;
+     SHOW_ENCRYPTION_SETUP_UI: boolean;
+ }
+ export declare abstract class CryptoSetupExtensionsBase implements ProvideCryptoSetupExtensions {
+     abstract examineLoginResponse(response: any, credentials: ExtendedMatrixClientCreds): void;
+     abstract persistCredentials(credentials: ExtendedMatrixClientCreds): void;
+-    abstract getSecretStorageKey(): Uint8Array | null;
+-    abstract createSecretStorageKey(): Uint8Array | null;
++    abstract getSecretStorageKey(): Uint8Array<ArrayBuffer> | null;
++    abstract createSecretStorageKey(): Uint8Array<ArrayBuffer> | null;
+     abstract catchAccessSecretStorageError(e: Error): void;
+     abstract setupEncryptionNeeded(args: CryptoSetupArgs): boolean;
+     /** `getDehydrationKeyCallback` is no longer used; we provide an empty impl for type compatibility. */
+-    getDehydrationKeyCallback(): ((keyInfo: SecretStorageKeyDescription, checkFunc: (key: Uint8Array) => void) => Promise<Uint8Array>) | null;
++    getDehydrationKeyCallback(): ((keyInfo: SecretStorageKeyDescription, checkFunc: (key: Uint8Array<ArrayBuffer>) => void) => Promise<Uint8Array<ArrayBuffer>>) | null;
+     abstract SHOW_ENCRYPTION_SETUP_UI: boolean;
+ }
+ export interface CryptoSetupArgs {
+@@ -98,9 +98,9 @@ export declare class DefaultCryptoSetupExtensions extends CryptoSetupExtensionsB
+     SHOW_ENCRYPTION_SETUP_UI: boolean;
+     examineLoginResponse(response: any, credentials: ExtendedMatrixClientCreds): void;
+     persistCredentials(credentials: ExtendedMatrixClientCreds): void;
+-    getSecretStorageKey(): Uint8Array | null;
+-    createSecretStorageKey(): Uint8Array | null;
++    getSecretStorageKey(): Uint8Array<ArrayBuffer> | null;
++    createSecretStorageKey(): Uint8Array<ArrayBuffer> | null;
+     catchAccessSecretStorageError(e: Error): void;
+     setupEncryptionNeeded(args: CryptoSetupArgs): boolean;
+-    getDehydrationKeyCallback(): ((keyInfo: SecretStorageKeyDescription, checkFunc: (key: Uint8Array) => void) => Promise<Uint8Array>) | null;
++    getDehydrationKeyCallback(): ((keyInfo: SecretStorageKeyDescription, checkFunc: (key: Uint8Array<ArrayBuffer>) => void) => Promise<Uint8Array<ArrayBuffer>>) | null;
+ }
 diff --git a/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.js b/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.js
 index 5d422ed..b823add 100644
 --- a/node_modules/@matrix-org/react-sdk-module-api/lib/lifecycles/CryptoSetupExtensions.js
diff --git a/patches/@vector-im+matrix-wysiwyg+2.40.0.patch b/patches/@vector-im+matrix-wysiwyg+2.40.0.patch
new file mode 100644
index 0000000000..9da3dcc34e
--- /dev/null
+++ b/patches/@vector-im+matrix-wysiwyg+2.40.0.patch
@@ -0,0 +1,12 @@
+diff --git a/node_modules/@vector-im/matrix-wysiwyg/package.json b/node_modules/@vector-im/matrix-wysiwyg/package.json
+index 8163a3b..dfef973 100644
+--- a/node_modules/@vector-im/matrix-wysiwyg/package.json
++++ b/node_modules/@vector-im/matrix-wysiwyg/package.json
+@@ -11,6 +11,7 @@
+     "license": "SEE LICENSE IN README.md",
+     "exports": {
+         ".": {
++            "types": "./dist/index.d.ts",
+             "import": "./dist/matrix-wysiwyg.js",
+             "require": "./dist/matrix-wysiwyg.umd.cjs"
+         }
diff --git a/patches/await-lock+3.0.0.patch b/patches/await-lock+3.0.0.patch
new file mode 100644
index 0000000000..8798538841
--- /dev/null
+++ b/patches/await-lock+3.0.0.patch
@@ -0,0 +1,14 @@
+diff --git a/node_modules/await-lock/package.json b/node_modules/await-lock/package.json
+index 84a2734..cbda839 100644
+--- a/node_modules/await-lock/package.json
++++ b/node_modules/await-lock/package.json
+@@ -6,7 +6,8 @@
+   "exports": {
+     ".": {
+       "types": "./build/AwaitLock.d.ts",
+-      "import": "./build/AwaitLock.js"
++      "import": "./build/AwaitLock.js",
++      "require": "./build/AwaitLock.js"
+     }
+   },
+   "files": [
diff --git a/patches/jest-fixed-jsdom+0.0.11.patch b/patches/jest-fixed-jsdom+0.0.11.patch
new file mode 100644
index 0000000000..8dcce8b28b
--- /dev/null
+++ b/patches/jest-fixed-jsdom+0.0.11.patch
@@ -0,0 +1,17 @@
+diff --git a/node_modules/jest-fixed-jsdom/index.js b/node_modules/jest-fixed-jsdom/index.js
+index ac8033b..b1ba8f0 100644
+--- a/node_modules/jest-fixed-jsdom/index.js
++++ b/node_modules/jest-fixed-jsdom/index.js
+@@ -21,9 +21,10 @@ class FixedJSDOMEnvironment extends JSDOMEnvironment {
+     this.global.TextEncoderStream = TextEncoderStream
+     this.global.ReadableStream = ReadableStream
+ 
+-    this.global.Blob = Blob
++    // this.global.Blob = Blob
++    // this.global.File = File
+     this.global.Headers = Headers
+-    this.global.FormData = FormData
++    // this.global.FormData = FormData
+     this.global.Request = Request
+     this.global.Response = Response
+     this.global.fetch = fetch
diff --git a/patches/linkify-html+4.3.2.patch b/patches/linkify-html+4.3.2.patch
new file mode 100644
index 0000000000..383152d254
--- /dev/null
+++ b/patches/linkify-html+4.3.2.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/linkify-html/dist/linkify-html.mjs b/node_modules/linkify-html/dist/linkify-html.mjs
+index 63b1fe5..f61e3b7 100644
+--- a/node_modules/linkify-html/dist/linkify-html.mjs
++++ b/node_modules/linkify-html/dist/linkify-html.mjs
+@@ -201,6 +201,8 @@ var EventedTokenizer = /** @class */function () {
+           this.consume();
+           if (this.delegate.endDoctype) this.delegate.endDoctype();
+           this.transitionTo("beforeData" /* beforeData */);
++        } else {
++          throw new Error("Unexpected token");
+         }
+       },
+       doctypePublicIdentifierDoubleQuoted: function () {
diff --git a/playwright/e2e/audio-player/audio-player.spec.ts b/playwright/e2e/audio-player/audio-player.spec.ts
index 282440f74e..28dd3b922d 100644
--- a/playwright/e2e/audio-player/audio-player.spec.ts
+++ b/playwright/e2e/audio-player/audio-player.spec.ts
@@ -23,6 +23,7 @@ const clickButtonReply = async (tile: Locator) => {
 };
 
 test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
+    test.slow();
     test.use({
         displayName: "Hanako",
     });
@@ -36,7 +37,9 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
 
         // Wait until the file is sent
         await expect(page.locator(".mx_RoomView_statusArea_expanded")).not.toBeVisible();
-        await expect(page.locator(".mx_EventTile.mx_EventTile_last .mx_EventTile_receiptSent")).toBeVisible();
+        await expect(page.locator(".mx_EventTile.mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+            "Your message was sent",
+        );
         // wait for the tile to finish loading
         await expect(
             page
@@ -98,35 +101,39 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
                 .mx_MessageActionBar {
                     display: none !important;
                 }
+                /* Stabilize play button appearance in CI (disabled due to decoding) */
+                button[aria-label="Play"] {
+                    opacity: 1 !important;
+                }
+                button[aria-label="Play"] svg,
+                button[aria-label="Play"] path {
+                    fill: magenta !important;
+                    stroke: magenta !important;
+                }
             `,
             mask: [page.getByTestId("audio-player-seek")],
+            clip: undefined,
         };
 
         // Take a snapshot of mx_EventTile_last on IRC layout
-        await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
-            `${detail.replaceAll(" ", "-")}-irc-layout.png`,
-            screenshotOptions,
-        );
+        screenshotOptions.clip = await page.locator(".mx_EventTile_last").boundingBox();
+        await expect(page).toMatchScreenshot(`${detail.replaceAll(" ", "-")}-irc-layout.png`, screenshotOptions);
 
         // Take a snapshot on modern/group layout
         await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Group);
         const groupTile = page.locator(".mx_EventTile_last[data-layout='group']");
         await groupTile.locator(".mx_MessageTimestamp").click();
         await checkPlayerVisibility(groupTile);
-        await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
-            `${detail.replaceAll(" ", "-")}-group-layout.png`,
-            screenshotOptions,
-        );
+        screenshotOptions.clip = await page.locator(".mx_EventTile_last").boundingBox();
+        await expect(page).toMatchScreenshot(`${detail.replaceAll(" ", "-")}-group-layout.png`, screenshotOptions);
 
         // Take a snapshot on bubble layout
         await app.settings.setValue("layout", null, SettingLevel.DEVICE, Layout.Bubble);
         const bubbleTile = page.locator(".mx_EventTile_last[data-layout='bubble']");
         await bubbleTile.locator(".mx_MessageTimestamp").click();
         await checkPlayerVisibility(bubbleTile);
-        await expect(page.locator(".mx_EventTile_last")).toMatchScreenshot(
-            `${detail.replaceAll(" ", "-")}-bubble-layout.png`,
-            screenshotOptions,
-        );
+        screenshotOptions.clip = await page.locator(".mx_EventTile_last").boundingBox();
+        await expect(page).toMatchScreenshot(`${detail.replaceAll(" ", "-")}-bubble-layout.png`, screenshotOptions);
     };
 
     test.beforeEach(async ({ page, app, user }) => {
@@ -351,7 +358,7 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
         const composer = thread.locator(".mx_MessageComposer--compact");
         // Assert that the reply preview contains audio ReplyTile the file info button
         await expect(
-            composer.locator(".mx_ReplyPreview .mx_ReplyTile_audio .mx_MFileBody_info[role='button']"),
+            composer.locator(".mx_ReplyPreview .mx_ReplyTile .mx_MFileBody_info[role='button']"),
         ).toBeVisible();
 
         // Select :smile: emoji and send it
@@ -360,6 +367,6 @@ test.describe("Audio player", { tag: ["@no-firefox", "@no-webkit"] }, () => {
         await composer.getByTestId("basicmessagecomposer").press("Enter");
 
         // Assert that the file name is rendered on the file button
-        await expect(threadTile.locator(".mx_ReplyTile_audio .mx_MFileBody_info[role='button']")).toBeVisible();
+        await expect(threadTile.locator(".mx_ReplyTile .mx_MFileBody_info[role='button']")).toBeVisible();
     });
 });
diff --git a/playwright/e2e/composer/CIDER.spec.ts b/playwright/e2e/composer/CIDER.spec.ts
index 55cb84f37a..d164a689e1 100644
--- a/playwright/e2e/composer/CIDER.spec.ts
+++ b/playwright/e2e/composer/CIDER.spec.ts
@@ -80,7 +80,15 @@ test.describe("Composer", () => {
             test.use({ viewport: { width: 1280, height: 720 } });
             test("render emoji picker", { tag: "@screenshot" }, async ({ page, app }) => {
                 await app.getComposer(false).getByRole("button", { name: "Emoji" }).click();
-                await expect(page.getByTestId("mx_EmojiPicker")).toMatchScreenshot("emoji-picker.png");
+                // Mask the background of the screenshot to avoid failing the test just because some
+                // other component have changed its rendering.
+                await expect(page.getByTestId("mx_EmojiPicker")).toMatchScreenshot("emoji-picker.png", {
+                    css: `
+                        .mx_ContextualMenu_background {
+                            background-color: magenta !important;
+                        }
+                    `,
+                });
             });
         });
 
@@ -88,7 +96,15 @@ test.describe("Composer", () => {
             test.use({ viewport: { width: 1280, height: 360 } });
             test("render emoji picker", { tag: "@screenshot" }, async ({ page, app }) => {
                 await app.getComposer(false).getByRole("button", { name: "Emoji" }).click();
-                await expect(page.getByTestId("mx_EmojiPicker")).toMatchScreenshot("emoji-picker-small.png");
+                // Mask the background of the screenshot to avoid failing the test just because some
+                // other component have changed its rendering.
+                await expect(page.getByTestId("mx_EmojiPicker")).toMatchScreenshot("emoji-picker-small.png", {
+                    css: `
+                        .mx_ContextualMenu_background {
+                            background-color: magenta !important;
+                        }
+                    `,
+                });
             });
         });
 
diff --git a/playwright/e2e/crypto/backups-mas.spec.ts b/playwright/e2e/crypto/backups-mas.spec.ts
index f048bc6a2b..521ec109d9 100644
--- a/playwright/e2e/crypto/backups-mas.spec.ts
+++ b/playwright/e2e/crypto/backups-mas.spec.ts
@@ -106,8 +106,8 @@ test.describe("Key backup reset from elsewhere", () => {
         // Should be the message we sent plus the room creation event
         await expect(page.locator(".mx_EventTile")).toHaveCount(2);
         await expect(
-            page.locator(".mx_RoomView_MessageList > .mx_EventTile_last .mx_EventTile_receiptSent"),
-        ).toBeVisible();
+            page.locator(".mx_RoomView_MessageList > .mx_EventTile_last").getByRole("status"),
+        ).toHaveAccessibleName("Your message was sent");
 
         // Wait for it to try uploading the key
         await page.clock.fastForward(20000);
diff --git a/playwright/e2e/crypto/crypto.spec.ts b/playwright/e2e/crypto/crypto.spec.ts
index ae4db1b0c3..d03fa1454e 100644
--- a/playwright/e2e/crypto/crypto.spec.ts
+++ b/playwright/e2e/crypto/crypto.spec.ts
@@ -31,15 +31,11 @@ const startDMWithBob = async (page: Page, bob: Bot) => {
 
 const testMessages = async (page: Page, bob: Bot, bobRoomId: string) => {
     // check the invite message
-    await expect(
-        page.locator(".mx_EventTile", { hasText: "Hey!" }).locator(".mx_EventTile_e2eIcon_warning"),
-    ).not.toBeVisible();
+    await expect(page.locator(".mx_EventTile", { hasText: "Hey!" }).locator(".mx_EventTile_e2eIcon")).not.toBeVisible();
 
     // Bob sends a response
     await bob.sendMessage(bobRoomId, "Hoo!");
-    await expect(
-        page.locator(".mx_EventTile", { hasText: "Hoo!" }).locator(".mx_EventTile_e2eIcon_warning"),
-    ).not.toBeVisible();
+    await expect(page.locator(".mx_EventTile", { hasText: "Hoo!" }).locator(".mx_EventTile_e2eIcon")).not.toBeVisible();
 };
 
 const bobJoin = async (page: Page, bob: Bot) => {
diff --git a/playwright/e2e/crypto/decryption-failure-messages.spec.ts b/playwright/e2e/crypto/decryption-failure-messages.spec.ts
index 306e073c00..e0343a8005 100644
--- a/playwright/e2e/crypto/decryption-failure-messages.spec.ts
+++ b/playwright/e2e/crypto/decryption-failure-messages.spec.ts
@@ -30,69 +30,80 @@ test.describe("Cryptography", function () {
     test.describe("decryption failure messages", () => {
         test.skip(isDendrite, "Dendrite lacks support for MSC3967 so requires additional auth here");
 
-        test("should handle device-relative historical messages", async ({
-            homeserver,
-            page,
-            app,
-            credentials,
-            user,
-        }) => {
-            test.setTimeout(60000);
+        test(
+            "should handle device-relative historical messages",
+            { tag: "@screenshot" },
+            async ({ homeserver, page, app, credentials, user }) => {
+                test.setTimeout(60000);
 
-            // Start with a logged-in session, without key backup, and send a message.
-            await createRoom(page, "Test room", true);
-            await sendMessageInCurrentRoom(page, "test test");
+                // Start with a logged-in session, without key backup, and send a message.
+                await createRoom(page, "Test room", true);
+                await sendMessageInCurrentRoom(page, "test test");
 
-            // Log out, discarding the key for the sent message.
-            await logOutOfElement(page, true);
+                // Log out, discarding the key for the sent message.
+                await logOutOfElement(page, true);
 
-            // Log in again, and see how the message looks.
-            await logIntoElement(page, credentials);
-            await app.viewRoomByName("Test room");
-            const lastTile = page.locator(".mx_EventTile").last();
-            await expect(lastTile).toContainText("Historical messages are not available on this device");
-            await expect(lastTile.locator(".mx_EventTile_e2eIcon_decryption_failure")).toBeVisible();
+                // Log in again, and see how the message looks.
+                await logIntoElement(page, credentials);
+                await app.viewRoomByName("Test room");
+                const lastTile = page.locator(".mx_EventTile").last();
+                await expect(lastTile).toContainText("Historical messages are not available on this device");
+                await expect(lastTile.locator(".mx_EventTile_e2eIcon")).toHaveAccessibleName(
+                    "This message could not be decrypted",
+                );
+                await expect(lastTile).toMatchScreenshot("history-not-available.png", {
+                    mask: [page.locator(".mx_MessageTimestamp")],
+                });
 
-            // Now, we set up key backup, and then send another message.
-            const secretStorageKey = await enableKeyBackup(app);
-            await app.viewRoomByName("Test room");
-            await sendMessageInCurrentRoom(page, "test2 test2");
+                // Now, we set up key backup, and then send another message.
+                const secretStorageKey = await enableKeyBackup(app);
+                await app.viewRoomByName("Test room");
+                await sendMessageInCurrentRoom(page, "test2 test2");
 
-            // Workaround for https://github.com/element-hq/element-web/issues/27267. It can take up to 10 seconds for
-            // the key to be backed up.
-            await page.waitForTimeout(10000);
+                // Workaround for https://github.com/element-hq/element-web/issues/27267. It can take up to 10 seconds for
+                // the key to be backed up.
+                await page.waitForTimeout(10000);
 
-            // Finally, log out again, and back in, skipping verification for now, and see what we see.
-            await logOutOfElement(page);
-            await logIntoElement(page, credentials);
-            await page.locator(".mx_AuthPage").getByRole("button", { name: "Skip verification for now" }).click();
-            await page.locator(".mx_AuthPage").getByRole("button", { name: "I'll verify later" }).click();
-            await app.viewRoomByName("Test room");
+                // Finally, log out again, and back in, skipping verification for now, and see what we see.
+                await logOutOfElement(page);
+                await logIntoElement(page, credentials);
+                await page.locator(".mx_AuthPage").getByRole("button", { name: "Skip verification for now" }).click();
+                await page.locator(".mx_AuthPage").getByRole("button", { name: "I'll verify later" }).click();
+                await app.viewRoomByName("Test room");
 
-            // In this case, the call to cryptoApi.isEncryptionEnabledInRoom is taking a long time to resolve
-            await page.waitForTimeout(1000);
+                // In this case, the call to cryptoApi.isEncryptionEnabledInRoom is taking a long time to resolve
+                await page.waitForTimeout(1000);
 
-            // There should be two historical events in the timeline
-            const tiles = await page.locator(".mx_EventTile").all();
-            expect(tiles.length).toBeGreaterThanOrEqual(2);
-            // look at the last two tiles only
-            for (const tile of tiles.slice(-2)) {
-                await expect(tile).toContainText("You need to verify this device for access to historical messages");
-                await expect(tile.locator(".mx_EventTile_e2eIcon_decryption_failure")).toBeVisible();
-            }
+                // There should be two historical events in the timeline
+                const tiles = await page.locator(".mx_EventTile").all();
+                expect(tiles.length).toBeGreaterThanOrEqual(2);
+                // look at the last two tiles only
+                for (const tile of tiles.slice(-2)) {
+                    await expect(tile).toContainText(
+                        "You need to verify this device for access to historical messages",
+                    );
+                    await expect(tile.locator(".mx_EventTile_e2eIcon")).toHaveAccessibleName(
+                        "This message could not be decrypted",
+                    );
+                }
 
-            // Now verify our device (setting up key backup), and check what happens
-            await verifySession(app, secretStorageKey);
-            const tilesAfterVerify = (await page.locator(".mx_EventTile").all()).slice(-2);
+                // Now verify our device (setting up key backup), and check what happens
+                await verifySession(app, secretStorageKey);
+                const tilesAfterVerify = (await page.locator(".mx_EventTile").all()).slice(-2);
 
-            // The first message still cannot be decrypted, because it was never backed up. It's now a regular UTD though.
-            await expect(tilesAfterVerify[0]).toContainText("Unable to decrypt message");
-            await expect(tilesAfterVerify[0].locator(".mx_EventTile_e2eIcon_decryption_failure")).toBeVisible();
+                // The first message still cannot be decrypted, because it was never backed up. It's now a regular UTD though.
+                await expect(tilesAfterVerify[0]).toContainText("Unable to decrypt message");
+                await expect(tilesAfterVerify[0].locator(".mx_EventTile_e2eIcon")).toHaveAccessibleName(
+                    "This message could not be decrypted",
+                );
 
-            // The second message should now be decrypted, with a grey shield
-            await expect(tilesAfterVerify[1]).toContainText("test2 test2");
-            await expect(tilesAfterVerify[1].locator(".mx_EventTile_e2eIcon_normal")).toBeVisible();
-        });
+                // The second message should now be decrypted, with a grey shield
+                await expect(tilesAfterVerify[1]).toContainText("test2 test2");
+                await expect(tilesAfterVerify[1].locator(".mx_EventTile_e2eIcon")).toHaveAccessibleName(
+                    "The authenticity of this encrypted message can't be guaranteed on this device.",
+                );
+            },
+        );
 
         test.describe("non-joined historical messages", () => {
             test.skip(isDendrite, "does not yet support membership on events");
@@ -186,7 +197,9 @@ test.describe("Cryptography", function () {
                 // The first message from Bob was sent before Alice was in the room, so should
                 // be different from the standard UTD message
                 await expect(tiles[tiles.length - 5]).toContainText("You don't have access to this message");
-                await expect(tiles[tiles.length - 5].locator(".mx_EventTile_e2eIcon_decryption_failure")).toBeVisible();
+                await expect(tiles[tiles.length - 5].locator(".mx_EventTile_e2eIcon")).toHaveAccessibleName(
+                    "This message could not be decrypted",
+                );
 
                 // The second message from Bob should be decryptable
                 await expect(tiles[tiles.length - 2]).toContainText("This should be decryptable");
@@ -196,7 +209,9 @@ test.describe("Cryptography", function () {
                 // in the room and is expected to be decryptable, so this should have the
                 // standard UTD message
                 await expect(tiles[tiles.length - 1]).toContainText("Unable to decrypt message");
-                await expect(tiles[tiles.length - 1].locator(".mx_EventTile_e2eIcon_decryption_failure")).toBeVisible();
+                await expect(tiles[tiles.length - 1].locator(".mx_EventTile_e2eIcon")).toHaveAccessibleName(
+                    "This message could not be decrypted",
+                );
             });
 
             test("should be able to jump to a message sent before our last join event", async ({
diff --git a/playwright/e2e/crypto/device-verification.spec.ts b/playwright/e2e/crypto/device-verification.spec.ts
index eb43d4dc78..6beda36a98 100644
--- a/playwright/e2e/crypto/device-verification.spec.ts
+++ b/playwright/e2e/crypto/device-verification.spec.ts
@@ -68,7 +68,7 @@ test.describe("Device verification", { tag: "@no-webkit" }, () => {
             await doTwoWaySasVerification(page, verifier);
 
             await infoDialog.getByRole("button", { name: "They match" }).click();
-            await expect(page.locator(".mx_E2EIcon_verified")).toMatchScreenshot("device-verified-e2eIcon.png");
+            await expect(page.locator(".mx_E2EIcon")).toMatchScreenshot("device-verified-e2eIcon.png");
             await infoDialog.getByRole("button", { name: "Got it" }).click();
 
             // Check that our device is now cross-signed
diff --git a/playwright/e2e/crypto/event-shields.spec.ts b/playwright/e2e/crypto/event-shields.spec.ts
index 722a30a0d2..688b81b5b1 100644
--- a/playwright/e2e/crypto/event-shields.spec.ts
+++ b/playwright/e2e/crypto/event-shields.spec.ts
@@ -77,11 +77,8 @@ test.describe("Cryptography", function () {
                 const last = page.locator(".mx_EventTile_last");
                 await expect(last).toContainText("Unable to decrypt message");
                 const lastE2eIcon = last.locator(".mx_EventTile_e2eIcon");
-                await expect(lastE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_decryption_failure/);
-                await lastE2eIcon.focus();
-                await expect(await app.getTooltipForElement(lastE2eIcon)).toContainText(
-                    "This message could not be decrypted",
-                );
+                await expect(lastE2eIcon).toHaveAccessibleName("This message could not be decrypted");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-utd.png");
 
                 /* Should show a red padlock for an unencrypted message in an e2e room */
                 await bob.evaluate(
@@ -99,10 +96,8 @@ test.describe("Cryptography", function () {
                 );
 
                 await expect(last).toContainText("test unencrypted");
-                await expect(lastE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_warning/);
+                await expect(lastE2eIcon).toHaveAccessibleName("Not encrypted");
                 await expect(lastE2eIcon).toMatchScreenshot("event-shield-warning.png");
-                await lastE2eIcon.focus();
-                await expect(await app.getTooltipForElement(lastE2eIcon)).toContainText("Not encrypted");
 
                 /* Should show no padlock for an unverified user */
                 // bob sends a valid event
@@ -133,11 +128,8 @@ test.describe("Cryptography", function () {
                 /* should show red padlock for a message from an unverified device */
                 await bobSecondDevice.sendMessage(testRoomId, "test encrypted from unverified");
                 await expect(lastTile).toContainText("test encrypted from unverified");
-                await expect(lastTileE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_warning/);
-                await lastTileE2eIcon.focus();
-                await expect(await app.getTooltipForElement(lastTileE2eIcon)).toContainText(
-                    "Encrypted by a device not verified by its owner.",
-                );
+                await expect(lastTileE2eIcon).toHaveAccessibleName("Encrypted by a device not verified by its owner.");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-not-verified.png");
 
                 /* Should show a red padlock for a message from an unverified device.
                  * Rust crypto remembers the verification state of the sending device, so it will know that the device was
@@ -153,64 +145,58 @@ test.describe("Cryptography", function () {
                 await app.viewRoomByName("TestRoom");
 
                 await expect(last).toContainText("test encrypted from unverified");
-                await expect(lastE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_warning/);
-                await lastE2eIcon.focus();
-                await expect(await app.getTooltipForElement(lastE2eIcon)).toContainText(
-                    "Encrypted by a device not verified by its owner.",
-                );
+                await expect(lastE2eIcon).toHaveAccessibleName("Encrypted by a device not verified by its owner.");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-not-verified.png");
             },
         );
 
-        test("Should show a grey padlock for a key restored from backup", async ({
-            page,
-            app,
-            bot: bob,
-            homeserver,
-            user: aliceCredentials,
-        }) => {
-            test.slow();
-            const securityKey = await enableKeyBackup(app);
+        test(
+            "Should show a grey padlock for a key restored from backup",
+            { tag: "@screenshot" },
+            async ({ page, app, bot: bob, homeserver, user: aliceCredentials }) => {
+                test.slow();
+                const securityKey = await enableKeyBackup(app);
 
-            // bob sends a valid event
-            await bob.sendMessage(testRoomId, "test encrypted 1");
+                // bob sends a valid event
+                await bob.sendMessage(testRoomId, "test encrypted 1");
 
-            const lastTile = page.locator(".mx_EventTile_last");
-            const lastTileE2eIcon = lastTile.locator(".mx_EventTile_e2eIcon");
-            await expect(lastTile).toContainText("test encrypted 1");
-            // no e2e icon
-            await expect(lastTileE2eIcon).not.toBeVisible();
+                const lastTile = page.locator(".mx_EventTile_last");
+                const lastTileE2eIcon = lastTile.locator(".mx_EventTile_e2eIcon");
+                await expect(lastTile).toContainText("test encrypted 1");
+                // no e2e icon
+                await expect(lastTileE2eIcon).not.toBeVisible();
 
-            // Workaround for https://github.com/element-hq/element-web/issues/27267. It can take up to 10 seconds for
-            // the key to be backed up.
-            await page.waitForTimeout(10000);
+                // Workaround for https://github.com/element-hq/element-web/issues/27267. It can take up to 10 seconds for
+                // the key to be backed up.
+                await page.waitForTimeout(10000);
 
-            /* log out, and back in */
-            await logOutOfElement(page);
-            // Reload to work around a Rust crypto bug where it can hold onto the indexeddb even after logout
-            // https://github.com/element-hq/element-web/issues/25779
-            await page.addInitScript(() => {
-                // When we reload, the initScript created by the `user`/`pageWithCredentials` fixtures
-                // will re-inject the original credentials into localStorage, which we don't want.
-                // To work around, we add a second initScript which will clear localStorage again.
-                window.localStorage.clear();
-            });
-            await page.reload();
-            await logIntoElementAndVerify(page, aliceCredentials, securityKey);
+                /* log out, and back in */
+                await logOutOfElement(page);
+                // Reload to work around a Rust crypto bug where it can hold onto the indexeddb even after logout
+                // https://github.com/element-hq/element-web/issues/25779
+                await page.addInitScript(() => {
+                    // When we reload, the initScript created by the `user`/`pageWithCredentials` fixtures
+                    // will re-inject the original credentials into localStorage, which we don't want.
+                    // To work around, we add a second initScript which will clear localStorage again.
+                    window.localStorage.clear();
+                });
+                await page.reload();
+                await logIntoElementAndVerify(page, aliceCredentials, securityKey);
 
-            /* go back to the test room and find Bob's message again */
-            await app.viewRoomById(testRoomId);
-            await expect(lastTile).toContainText("test encrypted 1");
-            // The gray shield would be a mx_EventTile_e2eIcon_normal. The red shield would be a mx_EventTile_e2eIcon_warning.
-            // No shield would have no div mx_EventTile_e2eIcon at all.
-            await expect(lastTileE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_normal/);
-            await lastTileE2eIcon.hover();
-            // The key is coming from backup, so it is not anymore possible to establish if the claimed device
-            // creator of this key is authentic. The tooltip should be "The authenticity of this encrypted message can't be guaranteed on this device."
-            // It is not "Encrypted by an unknown or deleted device." even if the claimed device is actually deleted.
-            await expect(await app.getTooltipForElement(lastTileE2eIcon)).toContainText(
-                "The authenticity of this encrypted message can't be guaranteed on this device.",
-            );
-        });
+                /* go back to the test room and find Bob's message again */
+                await app.viewRoomById(testRoomId);
+                await expect(lastTile).toContainText("test encrypted 1");
+                // The gray shield would be a Compound info icon. The red shield would be a Compound error solid icon.
+                // No shield would have no div mx_EventTile_e2eIcon at all.
+                // The key is coming from backup, so it is not anymore possible to establish if the claimed device
+                // creator of this key is authentic. The tooltip should be "The authenticity of this encrypted message can't be guaranteed on this device."
+                // It is not "Encrypted by an unknown or deleted device." even if the claimed device is actually deleted.
+                await expect(lastTileE2eIcon).toHaveAccessibleName(
+                    "The authenticity of this encrypted message can't be guaranteed on this device.",
+                );
+                await expect(lastTileE2eIcon).toMatchScreenshot("event-shield-authenticity.png");
+            },
+        );
 
         test("should show the correct shield on edited e2e events", async ({ page, app, bot: bob, homeserver }) => {
             // bob has a second, not cross-signed, device
@@ -224,7 +210,7 @@ test.describe("Cryptography", function () {
 
             // the message should appear, decrypted, with no warning
             await expect(
-                page.locator(".mx_EventTile", { hasText: "Hoo!" }).locator(".mx_EventTile_e2eIcon_warning"),
+                page.locator(".mx_EventTile", { hasText: "Hoo!" }).locator(".mx_EventTile_e2eIcon"),
             ).not.toBeVisible();
 
             // bob sends an edit to the first message with his unverified device
@@ -241,7 +227,7 @@ test.describe("Cryptography", function () {
 
             // the edit should have a warning
             await expect(
-                page.locator(".mx_EventTile", { hasText: "Haa!" }).locator(".mx_EventTile_e2eIcon_warning"),
+                page.locator(".mx_EventTile", { hasText: "Haa!" }).locator(".mx_EventTile_e2eIcon"),
             ).toBeVisible();
 
             // a second edit from the verified device should be ok
@@ -257,77 +243,69 @@ test.describe("Cryptography", function () {
             });
 
             await expect(
-                page.locator(".mx_EventTile", { hasText: "Hee!" }).locator(".mx_EventTile_e2eIcon_warning"),
+                page.locator(".mx_EventTile", { hasText: "Hee!" }).locator(".mx_EventTile_e2eIcon"),
             ).not.toBeVisible();
         });
 
-        test("should show correct shields on events sent by devices which have since been deleted", async ({
-            page,
-            app,
-            bot: bob,
-            homeserver,
-        }) => {
-            // Workaround for https://github.com/element-hq/element-web/issues/28640:
-            // make sure that Alice has seen Bob's identity before she goes offline. We do this by opening
-            // his user info.
-            await waitForDevices(app, bob.credentials.userId, 1);
+        test(
+            "should show correct shields on events sent by devices which have since been deleted",
+            { tag: "@screenshot" },
+            async ({ page, app, bot: bob, homeserver }) => {
+                // Workaround for https://github.com/element-hq/element-web/issues/28640:
+                // make sure that Alice has seen Bob's identity before she goes offline. We do this by opening
+                // his user info.
+                await waitForDevices(app, bob.credentials.userId, 1);
 
-            // Our app is blocked from syncing while Bob sends his messages.
-            await app.client.network.goOffline();
+                // Our app is blocked from syncing while Bob sends his messages.
+                await app.client.network.goOffline();
 
-            // Bob sends a message from his verified device
-            await bob.sendMessage(testRoomId, "test encrypted from verified");
+                // Bob sends a message from his verified device
+                await bob.sendMessage(testRoomId, "test encrypted from verified");
 
-            // And one from a second, not cross-signed, device
-            const bobSecondDevice = await createSecondBotDevice(page, homeserver, bob);
-            await bobSecondDevice.waitForNextSync(); // make sure the client knows the room is encrypted
-            await bobSecondDevice.sendMessage(testRoomId, "test encrypted from unverified");
+                // And one from a second, not cross-signed, device
+                const bobSecondDevice = await createSecondBotDevice(page, homeserver, bob);
+                await bobSecondDevice.waitForNextSync(); // make sure the client knows the room is encrypted
+                await bobSecondDevice.sendMessage(testRoomId, "test encrypted from unverified");
 
-            // ... and then logs out both devices.
-            await bob.evaluate((cli) => cli.logout(true));
-            await bobSecondDevice.evaluate((cli) => cli.logout(true));
+                // ... and then logs out both devices.
+                await bob.evaluate((cli) => cli.logout(true));
+                await bobSecondDevice.evaluate((cli) => cli.logout(true));
 
-            // Let our app start syncing again
-            await app.client.network.goOnline();
+                // Let our app start syncing again
+                await app.client.network.goOnline();
 
-            // Wait for the messages to arrive. It can take quite a while for the sync to wake up.
-            const last = page.locator(".mx_EventTile_last");
-            await expect(last).toContainText("test encrypted from unverified", { timeout: 20000 });
-            const lastE2eIcon = last.locator(".mx_EventTile_e2eIcon");
-            await expect(lastE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_warning/);
-            await lastE2eIcon.focus();
-            await expect(await app.getTooltipForElement(lastE2eIcon)).toContainText(
-                "Encrypted by a device not verified by its owner.",
-            );
+                // Wait for the messages to arrive. It can take quite a while for the sync to wake up.
+                const last = page.locator(".mx_EventTile_last");
+                await expect(last).toContainText("test encrypted from unverified", { timeout: 20000 });
+                const lastE2eIcon = last.locator(".mx_EventTile_e2eIcon");
+                await expect(lastE2eIcon).toHaveAccessibleName("Encrypted by a device not verified by its owner.");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-not-verified.png");
 
-            const penultimate = page.locator(".mx_EventTile").filter({ hasText: "test encrypted from verified" });
-            await assertNoE2EIcon(penultimate, app);
-        });
+                const penultimate = page.locator(".mx_EventTile").filter({ hasText: "test encrypted from verified" });
+                await assertNoE2EIcon(penultimate, app);
+            },
+        );
 
-        test("should show correct shields on events sent by users with changed identity", async ({
-            page,
-            app,
-            bot: bob,
-            homeserver,
-        }) => {
-            // Verify Bob
-            await verify(app, bob);
+        test(
+            "should show correct shields on events sent by users with changed identity",
+            { tag: "@screenshot" },
+            async ({ page, app, bot: bob, homeserver }) => {
+                // Verify Bob
+                await verify(app, bob);
 
-            // Bob logs in a new device and resets cross-signing
-            const bobSecondDevice = await createSecondBotDevice(page, homeserver, bob);
-            await bootstrapCrossSigningForClient(await bobSecondDevice.prepareClient(), bob.credentials, true);
+                // Bob logs in a new device and resets cross-signing
+                const bobSecondDevice = await createSecondBotDevice(page, homeserver, bob);
+                await bootstrapCrossSigningForClient(await bobSecondDevice.prepareClient(), bob.credentials, true);
 
-            /* should show an error for a message from a previously verified device */
-            await bobSecondDevice.sendMessage(testRoomId, "test encrypted from user that was previously verified");
-            const last = page.locator(".mx_EventTile_last");
-            await expect(last).toContainText("test encrypted from user that was previously verified");
-            const lastE2eIcon = last.locator(".mx_EventTile_e2eIcon");
-            await expect(lastE2eIcon).toHaveClass(/mx_EventTile_e2eIcon_warning/);
-            await lastE2eIcon.focus();
-            await expect(await app.getTooltipForElement(lastE2eIcon)).toContainText(
-                "Sender's verified identity was reset",
-            );
-        });
+                /* should show an error for a message from a previously verified device */
+                await bobSecondDevice.sendMessage(testRoomId, "test encrypted from user that was previously verified");
+                const last = page.locator(".mx_EventTile_last");
+                await expect(last).toContainText("test encrypted from user that was previously verified");
+                const lastE2eIcon = last.locator(".mx_EventTile_e2eIcon");
+                await expect(lastE2eIcon).toHaveAccessibleName("Sender's verified identity was reset");
+                await expect(lastE2eIcon).toMatchScreenshot("event-shield-identity-reset.png");
+            },
+        );
     });
 });
 
@@ -343,8 +321,6 @@ async function assertNoE2EIcon(messageLocator: Locator, app: ElementAppPage) {
     const e2eIcon = messageLocator.locator(".mx_EventTile_e2eIcon");
     if ((await e2eIcon.count()) > 0) {
         // uh-oh, there is an e2e icon. Let's find out what it's about so that we can throw a helpful error.
-        await e2eIcon.focus();
-        const tooltip = await app.getTooltipForElement(e2eIcon);
-        throw new Error(`Found an unexpected e2eIcon with tooltip '${await tooltip.textContent()}'`);
+        await expect(e2eIcon).toHaveAccessibleName("None");
     }
 }
diff --git a/playwright/e2e/crypto/history-sharing.spec.ts b/playwright/e2e/crypto/history-sharing.spec.ts
index ee275da84a..820f5edc63 100644
--- a/playwright/e2e/crypto/history-sharing.spec.ts
+++ b/playwright/e2e/crypto/history-sharing.spec.ts
@@ -50,7 +50,9 @@ test.describe("History sharing", function () {
             // Bob should now be able to decrypt the event
             await expect(bobPage.getByText("A message from Alice")).toBeVisible();
 
-            const mask = [bobPage.locator(".mx_MessageTimestamp")];
+            // Exclude message timestamps and RR avatars from the screenshot. Bob sometimes sees Alice's RR on the
+            // previous event, which is surprising but not what we're testing here.
+            const mask = [bobPage.locator(".mx_MessageTimestamp"), bobPage.locator(".mx_ReadReceiptGroup_container")];
             await expect(bobPage.locator(".mx_RoomView_body")).toMatchScreenshot("shared-history-invite-accepted.png", {
                 mask,
             });
diff --git a/playwright/e2e/crypto/toasts.spec.ts b/playwright/e2e/crypto/toasts.spec.ts
index 5e1dedfdc7..b67a43756f 100644
--- a/playwright/e2e/crypto/toasts.spec.ts
+++ b/playwright/e2e/crypto/toasts.spec.ts
@@ -37,7 +37,15 @@ test.describe("Key storage out of sync toast", () => {
         // playwright only evaluates the 'first()' call initially, not subsequent times it checks, so
         // it would always be checking the same toast, even if another one is now the first.
         await expect(page.getByRole("alert")).toHaveCount(2);
-        await expect(page.getByRole("alert").first()).toMatchScreenshot("key-storage-out-of-sync-toast.png");
+        // Mask the background of the screenshot to avoid failing the test just because some
+        // other component have changed its rendering.
+        await expect(page.getByRole("alert").first()).toMatchScreenshot("key-storage-out-of-sync-toast.png", {
+            css: `
+                    .mx_ToastContainer {
+                        background-color: magenta !important;
+                    }
+                `,
+        });
 
         await page.getByRole("button", { name: "Enter recovery key" }).click();
 
diff --git a/playwright/e2e/crypto/utils.ts b/playwright/e2e/crypto/utils.ts
index 8b677ed4cb..4aab27f51a 100644
--- a/playwright/e2e/crypto/utils.ts
+++ b/playwright/e2e/crypto/utils.ts
@@ -290,7 +290,7 @@ export async function doTwoWaySasVerification(page: Page, verifier: JSHandle<Ver
     // on the bot side, wait for the emojis, confirm they match, and return them
     const emojis = await handleSasVerification(verifier);
 
-    const emojiBlocks = page.locator(".mx_VerificationShowSas_emojiSas_block");
+    const emojiBlocks = page.locator(".mx_VerificationShowSas_emojiSas > div");
     await expect(emojiBlocks).toHaveCount(emojis.length);
 
     // then, check that our application shows an emoji panel with the same emojis.
diff --git a/playwright/e2e/feedback/rageshakes.spec.ts b/playwright/e2e/feedback/rageshakes.spec.ts
new file mode 100644
index 0000000000..58476f04ac
--- /dev/null
+++ b/playwright/e2e/feedback/rageshakes.spec.ts
@@ -0,0 +1,139 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { test, expect } from "../../element-web-test";
+
+function formDataParser(data: string, contentType: string | null): Record<string, string> {
+    const [, boundary] =
+        contentType
+            ?.split(";")
+            .map((v) => v.trim())
+            .find((v) => v.startsWith("boundary="))
+            ?.split("=") ?? [];
+    if (!boundary) {
+        throw Error("No boundary found in form data request");
+    }
+    const dataMap: Record<string, string> = {};
+    for (const dataPart of data.split(boundary).map((p) => p.trim())) {
+        const lines = dataPart.split("\r\n");
+        const fieldName = lines[0].match(/name="([^"]+)"/)?.[1];
+        if (!fieldName) {
+            continue;
+        }
+        const data = lines.slice(1, -1).join("\n").trim();
+        dataMap[fieldName] = data;
+    }
+    return dataMap;
+}
+
+test.describe("Rageshakes", () => {
+    test.describe("visible when enabled", () => {
+        test.use({
+            config: {
+                // Enable this just so the options show up.
+                bug_report_endpoint_url: "https://example.org/bug-report-place",
+            },
+        });
+        test("should be able to open bug report dialog via slash command", async ({ page, app, user }) => {
+            await app.client.createRoom({ name: "Test room" });
+            await app.viewRoomByName("Test room");
+            const composer = app.getComposer().locator("[contenteditable]");
+            await composer.fill("/rageshake");
+            await composer.press("Enter");
+            await expect(page.getByRole("dialog", { name: "Submit debug logs" })).toBeVisible();
+        });
+
+        test("should be able to open bug report dialog via feedback dialog", async ({ page, app, user }) => {
+            const menu = await app.openUserMenu();
+            await menu.getByRole("menuitem", { name: "Feedback" }).click();
+            const feedbackDialog = page.getByRole("dialog", { name: "Feedback" });
+            await feedbackDialog.getByRole("button", { name: "debug logs" }).click();
+            await expect(page.getByRole("dialog", { name: "Submit debug logs" })).toBeVisible();
+        });
+        test("should be able to open bug report dialog via Settings", async ({ page, app, user }) => {
+            const settings = await app.settings.openUserSettings("Help & About");
+            await settings.getByRole("button", { name: "Submit debug logs" }).click();
+            // Playwright can't see the dialog when both the settings and bug report dialogs are open, so key off heading.
+            await expect(page.locator(".mx_BugReportDialog")).toBeVisible();
+        });
+    });
+
+    test.describe("hidden when disabled", () => {
+        test("should NOT be able to open bug report dialog via slash command", async ({ page, app, user }) => {
+            await app.client.createRoom({ name: "Test room" });
+            await app.viewRoomByName("Test room");
+            const composer = app.getComposer().locator("[contenteditable]");
+            await composer.fill("/rageshake");
+            await composer.press("Enter");
+            await expect(page.getByRole("dialog", { name: "Unknown command" })).toBeVisible();
+        });
+
+        test("should NOT be able to open bug report dialog via feedback dialog", async ({ page, app, user }) => {
+            const menu = await app.openUserMenu();
+            await expect(menu.getByRole("menuitem", { name: "Feedback" })).not.toBeVisible();
+        });
+        test("should NOT be able to open bug report dialog via Settings", async ({ page, app, user }) => {
+            const settings = await app.settings.openUserSettings("Help & About");
+            await expect(settings.getByRole("menuitem", { name: "Submit debug logs" })).not.toBeVisible();
+        });
+    });
+
+    test.describe("via bug report endpoint", () => {
+        test.use({
+            config: {
+                bug_report_endpoint_url: "http://example.org/bug-report-server",
+            },
+        });
+
+        test("should be able to rageshake to a URL", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            await page.route("http://example.org/bug-report-server", async (route, request) => {
+                if (request.method() !== "POST") {
+                    throw Error("Expected POST");
+                }
+                const fields = formDataParser(request.postData(), await request.headerValue("Content-Type"));
+                expect(fields.text).toEqual(
+                    "These are some notes\n\nIssue: https://github.com/element-hq/element-web/12345",
+                );
+                expect(fields.app).toEqual("element-web");
+                expect(fields.user_id).toEqual(user.userId);
+                expect(fields.device_id).toEqual(user.deviceId);
+                // We don't check the logs contents, but we'd like for there to be a log.
+                expect(fields["compressed-log"]).toBeDefined();
+                return route.fulfill({ json: {}, status: 200 });
+            });
+
+            const settings = await app.settings.openUserSettings("Help & About");
+            await settings.getByRole("button", { name: "Submit debug logs" }).click();
+            const dialog = page.locator(".mx_BugReportDialog");
+            await dialog
+                .getByRole("textbox", { name: "GitHub issue" })
+                .fill("https://github.com/element-hq/element-web/12345");
+            await dialog.getByRole("textbox", { name: "Notes" }).fill("These are some notes");
+            await expect(dialog).toMatchScreenshot("rageshake_via_url.png");
+            await dialog.getByRole("button", { name: "Send logs" }).click();
+            await expect(page.getByRole("heading", { name: "Logs sent" })).toBeVisible();
+        });
+    });
+    test.describe("via local download", () => {
+        test.use({
+            config: {
+                bug_report_endpoint_url: "local",
+            },
+        });
+
+        test("should be able to rageshake to local download", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const settings = await app.settings.openUserSettings("Help & About");
+            await settings.getByRole("button", { name: "Download logs" }).click();
+            const dialog = page.locator(".mx_BugReportDialog");
+            await expect(dialog).toMatchScreenshot("rageshake_locally.png");
+            const downloadPromise = page.waitForEvent("download");
+            await dialog.getByRole("button", { name: "Download logs" }).click();
+            const download = await downloadPromise;
+            await download.cancel();
+        });
+    });
+});
diff --git a/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts
index 5cc78eca69..5907ad6d97 100644
--- a/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts
+++ b/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts
@@ -8,6 +8,8 @@
 import { type Page } from "@playwright/test";
 
 import { expect, test } from "../../../element-web-test";
+import { type Bot } from "../../../pages/bot";
+import { type ElementAppPage } from "../../../pages/ElementAppPage";
 
 test.describe("Room list", () => {
     test.use({
@@ -35,6 +37,8 @@ test.describe("Room list", () => {
     });
 
     test.describe("Room list", () => {
+        test.slow();
+
         test.beforeEach(async ({ page, app, user }) => {
             for (let i = 0; i < 30; i++) {
                 await app.client.createRoom({ name: `room${i}` });
@@ -119,23 +123,24 @@ test.describe("Room list", () => {
             // It should make the room muted
             await page.getByRole("menuitem", { name: "Mute room" }).click();
 
-            await expect(roomItem.getByTestId("notification-decoration")).not.toBeVisible();
-
             // Put focus on the room list
             await roomListView.getByRole("option", { name: "Open room room28" }).click();
+            await roomItem.scrollIntoViewIfNeeded();
 
-            // Scroll to the end of the room list
-            await app.scrollListToBottom(roomListView);
+            // Not hovered, the room decoration should be the muted icon
+            await expect(roomItem.getByTestId("notification-decoration")).toBeVisible();
 
-            // The room decoration should have the muted icon
+            // During hover the room decoration should still be the muted icon
             await expect(roomItem.getByTestId("notification-decoration")).toBeVisible();
 
             await roomItem.hover();
+
             // On hover, the room should show the muted icon
             await expect(roomItem).toMatchScreenshot("room-list-item-hover-silent.png");
 
             roomItemMenu = roomItem.getByRole("button", { name: "Notification options" });
             await roomItemMenu.click();
+
             // The Mute room option should be selected
             await expect(page.getByRole("menuitem", { name: "Mute room" })).toHaveAttribute("aria-selected", "true");
             await expect(page).toMatchScreenshot("room-list-item-open-notification-options-selection.png");
@@ -392,13 +397,8 @@ test.describe("Room list", () => {
             await expect(room).toMatchScreenshot("room-list-item-mention.png");
         });
 
-        test("should render a message preview", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
-            await app.settings.openUserSettings("Preferences");
-            await page.getByRole("switch", { name: "Show message previews" }).click();
-            await app.closeDialog();
-
+        async function checkMessagePreview(page: Page, app: ElementAppPage, bot: Bot) {
             const roomListView = getRoomList(page);
-
             const roomId = await app.client.createRoom({ name: "activity" });
 
             // focus the user menu to avoid to have hover decoration
@@ -411,7 +411,30 @@ test.describe("Room list", () => {
             const room = roomListView.getByRole("option", { name: "activity" });
             await expect(room.getByText("I am a robot. Beep.")).toBeVisible();
             await expect(room).toMatchScreenshot("room-list-item-message-preview.png");
-        });
+        }
+
+        test(
+            "should render a message preview when enable in settings",
+            { tag: "@screenshot" },
+            async ({ page, app, user, bot }) => {
+                await app.settings.openUserSettings("Preferences");
+                await page.getByRole("switch", { name: "Show message previews" }).click();
+                await app.closeDialog();
+
+                await checkMessagePreview(page, app, bot);
+            },
+        );
+
+        test(
+            "should render a message preview when enabled in header",
+            { tag: "@screenshot" },
+            async ({ page, app, user, bot }) => {
+                await page.getByRole("button", { name: "Room Options" }).click();
+                await page.getByRole("menuitemcheckbox", { name: "Show message previews" }).click();
+
+                await checkMessagePreview(page, app, bot);
+            },
+        );
 
         test("should render an activity decoration", { tag: "@screenshot" }, async ({ page, app, user, bot }) => {
             const roomListView = getRoomList(page);
diff --git a/playwright/e2e/messages/messages.spec.ts b/playwright/e2e/messages/messages.spec.ts
index a5ea38482c..04763e1079 100644
--- a/playwright/e2e/messages/messages.spec.ts
+++ b/playwright/e2e/messages/messages.spec.ts
@@ -12,12 +12,16 @@ import { type Locator, type Page } from "@playwright/test";
 
 import { test, expect } from "../../element-web-test";
 
+async function waitForMessageSentStatus(msgTile: Locator): Promise<void> {
+    await expect(msgTile.getByRole("status")).toHaveAccessibleName("Your message was sent");
+}
+
 async function sendMessage(page: Page, message: string): Promise<Locator> {
     await page.getByRole("textbox", { name: "Send an unencrypted message…" }).fill(message);
     await page.getByRole("button", { name: "Send message" }).click();
 
     const msgTile = page.locator(".mx_EventTile_last");
-    await msgTile.locator(".mx_EventTile_receiptSent").waitFor();
+    await waitForMessageSentStatus(msgTile);
     return msgTile;
 }
 
@@ -31,7 +35,7 @@ async function sendMultilineMessages(page: Page, messages: string[]) {
     await page.getByRole("button", { name: "Send message" }).click();
 
     const msgTile = page.locator(".mx_EventTile_last");
-    await msgTile.locator(".mx_EventTile_receiptSent").waitFor();
+    await waitForMessageSentStatus(msgTile);
     return msgTile;
 }
 
@@ -44,7 +48,7 @@ async function replyMessage(page: Page, message: Locator, replyMessage: string):
     await page.getByRole("button", { name: "Send message" }).click();
 
     const msgTile = page.locator(".mx_EventTile_last");
-    await msgTile.locator(".mx_EventTile_receiptSent").waitFor();
+    await waitForMessageSentStatus(msgTile);
     return msgTile;
 }
 
diff --git a/playwright/e2e/read-receipts/room-list-order.spec.ts b/playwright/e2e/read-receipts/room-list-order.spec.ts
index 405cdf22ed..c13730107c 100644
--- a/playwright/e2e/read-receipts/room-list-order.spec.ts
+++ b/playwright/e2e/read-receipts/room-list-order.spec.ts
@@ -18,19 +18,28 @@ test.describe("Read receipts", { tag: "@mergequeue" }, () => {
             util,
             msg,
             page,
+            app,
+            bot,
         }) => {
+            // Create a third room to navigate to
+            const room3Id = await app.client.createRoom({ name: "Room Gamma", invite: [bot.credentials.userId] });
+            await bot.awaitRoomMembership(room3Id);
+            const room3 = { name: "Room Gamma", roomId: room3Id };
+
             await util.goTo(room2);
 
             // Display the unread first room
+            await util.receiveMessages(room2, ["Msg2"]);
             await util.receiveMessages(room1, ["Msg1"]);
             await page.reload();
 
-            // switch rooms so they can re-order in the list
-            await util.goTo(room1);
+            // Switch to room3 so neither room1 nor room2 is selected/sticky
+            // This allows them to reorder based on activity
+            await util.goTo(room3);
 
             // Room 1 has an unread message and should be displayed first
             // (as the default is to sort by activity)
-            await util.assertRoomListOrder([room1, room2]);
+            await util.assertRoomListOrder([room1, room2, room3]);
         });
 
         test("Rooms with unread threads appear at the top of room list with default 'activity' order", async ({
@@ -38,18 +47,29 @@ test.describe("Read receipts", { tag: "@mergequeue" }, () => {
             roomBeta: room2,
             util,
             msg,
+            app,
+            bot,
         }) => {
+            // Create a third room to navigate to
+            const room3Id = await app.client.createRoom({ name: "Room Gamma", invite: [bot.credentials.userId] });
+            await bot.awaitRoomMembership(room3Id);
+            const room3 = { name: "Room Gamma", roomId: room3Id };
+
             await util.goTo(room2);
             await util.receiveMessages(room1, ["Msg1"]);
+            await util.receiveMessages(room2, ["Msg2"]);
             await util.markAsRead(room1);
             await util.assertRead(room1);
 
-            // Display the unread first room
+            // Display the unread first room (room1 moves above room2 as it has an unread thread)
             await util.receiveMessages(room1, [msg.threadedOff("Msg1", "Resp1")]);
             await util.saveAndReload();
 
+            // Switch to room3 so neither room1 nor room2 is selected/sticky
+            await util.goTo(room3);
+
             // Room 1 has an unread message and should be displayed first
-            await util.assertRoomListOrder([room1, room2]);
+            await util.assertRoomListOrder([room1, room2, room3]);
         });
     });
 });
diff --git a/playwright/e2e/right-panel/file-panel.spec.ts b/playwright/e2e/right-panel/file-panel.spec.ts
index 5549b2d315..69e17eeef1 100644
--- a/playwright/e2e/right-panel/file-panel.spec.ts
+++ b/playwright/e2e/right-panel/file-panel.spec.ts
@@ -23,7 +23,9 @@ async function uploadFile(page: Page, file: string) {
 
     // Wait until the file is sent
     await expect(page.locator(".mx_RoomView_statusArea_expanded")).not.toBeVisible();
-    await expect(page.locator(".mx_EventTile.mx_EventTile_last .mx_EventTile_receiptSent")).toBeVisible();
+    await expect(page.locator(".mx_EventTile.mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+        "Your message was sent",
+    );
 }
 
 test.describe("FilePanel", () => {
diff --git a/playwright/e2e/room/create-room.spec.ts b/playwright/e2e/room/create-room.spec.ts
index dd0ea63776..554f972c7d 100644
--- a/playwright/e2e/room/create-room.spec.ts
+++ b/playwright/e2e/room/create-room.spec.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import { type Page } from "playwright-core";
+import { type Page } from "@playwright/test";
 
 import { SettingLevel } from "../../../src/settings/SettingLevel";
 import { UIFeature } from "../../../src/settings/UIFeature";
diff --git a/playwright/e2e/room/room-status-bar.spec.ts b/playwright/e2e/room/room-status-bar.spec.ts
index 249aa6e9d5..78d5c49a30 100644
--- a/playwright/e2e/room/room-status-bar.spec.ts
+++ b/playwright/e2e/room/room-status-bar.spec.ts
@@ -83,6 +83,13 @@ test.describe("Room Status Bar", () => {
             const banner = page.getByRole("region", { name: "Room status bar" });
             await expect(banner).toBeVisible({ timeout: 15000 });
             await expect(banner).toMatchScreenshot("consent.png");
+
+            // Click consent
+            await banner.getByRole("link", { name: "View Terms and Conditions" }).click();
+            await page.unroute("**/_matrix/client/**/send**");
+            // Should now be allowed to retry.
+            await banner.getByRole("button", { name: "Retry all" }).click();
+            await expect(banner).not.toBeVisible();
         },
     );
     test.describe("Message fails to send", () => {
@@ -161,7 +168,7 @@ test.describe("Room Status Bar", () => {
                 await composer.fill("Hello");
                 await composer.press("Enter");
 
-                const banner = page.getByText("!Some of your messages have");
+                const banner = page.getByRole("status", { name: "Could not start a chat with this user" });
                 await expect(banner).toBeVisible();
                 await expect(banner).toMatchScreenshot("local_room_create_failed.png");
 
diff --git a/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts b/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts
index df41ef4b70..c6af256a5d 100644
--- a/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts
+++ b/playwright/e2e/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts
@@ -56,4 +56,35 @@ test.describe("Appearance user settings tab", () => {
         // Assert that the font-family value was removed
         await expect(page.locator("body")).toHaveCSS("font-family", '""');
     });
+
+    test(
+        "should keep same font and emoji when switching theme",
+        { tag: "@screenshot" },
+        async ({ page, app, user, util }) => {
+            const roomId = await util.createAndDisplayRoom();
+            await app.client.sendMessage(roomId, { body: "Message with 🦡", msgtype: "m.text" });
+
+            await app.settings.openUserSettings("Appearance");
+            const tab = page.getByTestId("mx_AppearanceUserSettingsTab");
+            await tab.getByRole("button", { name: "Show advanced" }).click();
+            await tab.getByRole("switch", { name: "Use bundled emoji font" }).click();
+            await tab.getByRole("switch", { name: "Use a system font" }).click();
+
+            await app.closeDialog();
+            await expect(page).toMatchScreenshot("window-before-switch.png", {
+                mask: [page.locator(".mx_MessageTimestamp")],
+            });
+
+            // Switch to dark theme
+            await app.settings.openUserSettings("Appearance");
+            await util.getMatchSystemThemeSwitch().click();
+            await util.getDarkTheme().click();
+
+            await app.closeDialog();
+            // Font and emoji should remain the same after theme switch
+            await expect(page).toMatchScreenshot("window-after-switch.png", {
+                mask: [page.locator(".mx_MessageTimestamp")],
+            });
+        },
+    );
 });
diff --git a/playwright/e2e/settings/appearance-user-settings-tab/index.ts b/playwright/e2e/settings/appearance-user-settings-tab/index.ts
index 15f2f47888..d27b472017 100644
--- a/playwright/e2e/settings/appearance-user-settings-tab/index.ts
+++ b/playwright/e2e/settings/appearance-user-settings-tab/index.ts
@@ -150,9 +150,10 @@ class Helpers {
     /**
      * Create and display a room named Test Room
      */
-    async createAndDisplayRoom() {
-        await this.app.client.createRoom({ name: "Test Room" });
+    async createAndDisplayRoom(): Promise<string> {
+        const roomId = await this.app.client.createRoom({ name: "Test Room" });
         await this.app.viewRoomByName("Test Room");
+        return roomId;
     }
 
     /**
diff --git a/playwright/e2e/settings/room-settings/room-security-tab.spec.ts b/playwright/e2e/settings/room-settings/room-security-tab.spec.ts
index 605d38abc2..6944067326 100644
--- a/playwright/e2e/settings/room-settings/room-security-tab.spec.ts
+++ b/playwright/e2e/settings/room-settings/room-security-tab.spec.ts
@@ -74,9 +74,7 @@ test.describe("Roles & Permissions room settings tab", () => {
 
             await settingsGroupAccess.getByText("Private (invite only)").click();
             // Element should have automatically set the room to "sharing" history visibility
-            await expect(
-                settingsGroupHistory.getByText("Members only (since the point in time of selecting this option)"),
-            ).toBeChecked();
+            await expect(settingsGroupHistory.getByText("Members (full history)")).toBeChecked();
         },
     );
 
diff --git a/playwright/e2e/sliding-sync/sliding-sync.spec.ts b/playwright/e2e/sliding-sync/sliding-sync.spec.ts
index b31deadace..38aff5928d 100644
--- a/playwright/e2e/sliding-sync/sliding-sync.spec.ts
+++ b/playwright/e2e/sliding-sync/sliding-sync.spec.ts
@@ -38,7 +38,7 @@ const test = base.extend<{
 
 test.describe("Sliding Sync", () => {
     const checkOrder = async (wantOrder: string[], page: Page) => {
-        await expect(page.getByTestId("room-list").locator(".mx_RoomListItemView_text")).toHaveText(wantOrder);
+        await expect(page.getByTestId("room-list").getByTestId("room-name")).toHaveText(wantOrder);
     };
 
     const bumpRoom = async (roomId: string, app: ElementAppPage) => {
diff --git a/playwright/e2e/spaces/threads-activity-centre/index.ts b/playwright/e2e/spaces/threads-activity-centre/index.ts
index cf889f64cc..c4781c1c27 100644
--- a/playwright/e2e/spaces/threads-activity-centre/index.ts
+++ b/playwright/e2e/spaces/threads-activity-centre/index.ts
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { type JSHandle, type Locator, type Page } from "@playwright/test";
 
-import type { MatrixEvent, IContent, Room } from "matrix-js-sdk/src/matrix";
+import type { MatrixEvent, IContent, Room, Preset } from "matrix-js-sdk/src/matrix";
 import { test as base, expect } from "../../../element-web-test";
 import { type Bot } from "../../../pages/bot";
 import { type Client } from "../../../pages/client";
@@ -37,7 +37,11 @@ export const test = base.extend<{
 
     room1Name: "Room 1",
     room1: async ({ room1Name: name, app, user, bot }, use) => {
-        const roomId = await app.client.createRoom({ name, invite: [bot.credentials.userId] });
+        const roomId = await app.client.createRoom({
+            name,
+            invite: [bot.credentials.userId],
+            preset: "public_chat" as Preset,
+        });
         await bot.awaitRoomMembership(roomId);
         await use({ name, roomId });
     },
diff --git a/playwright/e2e/spotlight/spotlight.spec.ts b/playwright/e2e/spotlight/spotlight.spec.ts
index e07643c193..c1eb2b5923 100644
--- a/playwright/e2e/spotlight/spotlight.spec.ts
+++ b/playwright/e2e/spotlight/spotlight.spec.ts
@@ -345,10 +345,10 @@ test.describe("Spotlight", () => {
         await expect(resultLocator).toHaveCount(1);
         await expect(resultLocator.first()).toContainText(bot2.credentials.displayName);
 
-        await expect(spotlight.dialog.locator(".mx_SpotlightDialog_startGroupChat")).toContainText(
+        await expect(spotlight.dialog.locator("#mx_SpotlightDialog_button_startGroupChat")).toContainText(
             "Start a group chat",
         );
-        await spotlight.dialog.locator(".mx_SpotlightDialog_startGroupChat").click();
+        await spotlight.dialog.locator("#mx_SpotlightDialog_button_startGroupChat").click();
         await expect(page.getByRole("dialog")).toContainText("Direct Messages");
     });
 
diff --git a/playwright/e2e/threads/threads.spec.ts b/playwright/e2e/threads/threads.spec.ts
index 5ffc2003b8..e9e40dc4b4 100644
--- a/playwright/e2e/threads/threads.spec.ts
+++ b/playwright/e2e/threads/threads.spec.ts
@@ -410,7 +410,9 @@ test.describe("Threads", () => {
             await textbox.fill("Please come here");
             await textbox.press("Enter");
             // Wait until the reply is sent
-            await expect(locator.locator(".mx_EventTile_last .mx_EventTile_receiptSent")).toBeVisible();
+            await expect(locator.locator(".mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+                "Your message was sent",
+            );
 
             // Take a snapshot of reply to the shared location
             await page.addStyleTag({ content: css });
diff --git a/playwright/e2e/timeline/timeline.spec.ts b/playwright/e2e/timeline/timeline.spec.ts
index 806e7e9038..b4e927cdac 100644
--- a/playwright/e2e/timeline/timeline.spec.ts
+++ b/playwright/e2e/timeline/timeline.spec.ts
@@ -385,8 +385,8 @@ test.describe("Timeline", () => {
 
                 // Make sure the second message was sent
                 await expect(
-                    page.locator(".mx_RoomView_MessageList > .mx_EventTile_last .mx_EventTile_receiptSent"),
-                ).toBeVisible();
+                    page.locator(".mx_RoomView_MessageList > .mx_EventTile_last").getByRole("status"),
+                ).toHaveAccessibleName("Your message was sent");
 
                 // 1. Alignment of collapsed GELS (generic event list summary) and messages
                 // Check inline start spacing of collapsed GELS
@@ -468,8 +468,8 @@ test.describe("Timeline", () => {
                     page.locator(".mx_GenericEventListSummary .mx_EventTile_last .mx_RedactedBody"),
                 ).toBeVisible();
                 await expect(
-                    page.locator(".mx_GenericEventListSummary .mx_EventTile_last .mx_EventTile_receiptSent"),
-                ).toBeVisible();
+                    page.locator(".mx_GenericEventListSummary .mx_EventTile_last").getByRole("status"),
+                ).toHaveAccessibleName("Your message was sent");
                 // Record alignment of expanded GELS and placeholder of deleted message on messagePanel
                 await expect(page.locator(".mx_MainSplit")).toMatchScreenshot(
                     "expanded-gels-redaction-placeholder.png",
@@ -502,8 +502,8 @@ test.describe("Timeline", () => {
                 await expect(page.locator(".mx_EventTile_emote .mx_EventTile_avatar")).toHaveCSS("margin-left", "99px");
                 // Make sure emote was sent
                 await expect(
-                    page.locator(".mx_EventTile_last.mx_EventTile_emote .mx_EventTile_receiptSent"),
-                ).toBeVisible();
+                    page.locator(".mx_EventTile_last.mx_EventTile_emote").getByRole("status"),
+                ).toHaveAccessibleName("Your message was sent");
                 // Record alignment of expanded GELS, placeholder of deleted message, and emote
                 await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-emote-irc-layout.png", {
                     // Exclude timestamp from snapshot of mx_MainSplit
@@ -772,7 +772,9 @@ test.describe("Timeline", () => {
 
             // Wait until the file is sent
             await expect(page.locator(".mx_RoomView_statusArea_expanded")).not.toBeVisible();
-            await expect(page.locator(".mx_EventTile.mx_EventTile_last .mx_EventTile_receiptSent")).toBeVisible();
+            await expect(page.locator(".mx_EventTile.mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+                "Your message was sent",
+            );
 
             // Assert that the file size is displayed in kibibytes (1024 bytes), not kilobytes (1000 bytes)
             // See: https://github.com/vector-im/element-web/issues/24866
@@ -947,6 +949,10 @@ test.describe("Timeline", () => {
             await page.getByRole("textbox", { name: "Edit message" }).press("Enter");
 
             const newTile = page.locator(".mx_EventTile");
+            const codeBlock = newTile.locator(".mx_EventTile_pre_container");
+            await expect(codeBlock).toBeVisible();
+            await codeBlock.hover();
+            await expect(newTile.locator(".mx_EventTile_copyButton")).toBeVisible();
             await expect(newTile).toMatchScreenshot("edited-code-block.png", {
                 css: `
                     .mx_MessageTimestamp {
@@ -1151,7 +1157,9 @@ test.describe("Timeline", () => {
             // Assert that 'reply2' was sent
             await expect(page.locator(".mx_RoomView_body .mx_EventTile_last").getByText(reply2)).toBeVisible();
 
-            await expect(page.locator(".mx_EventTile_last .mx_EventTile_receiptSent")).toBeVisible();
+            await expect(page.locator(".mx_EventTile_last").getByRole("status")).toHaveAccessibleName(
+                "Your message was sent",
+            );
 
             // Exclude timestamp and read marker from snapshot
             const screenshotOptions = {
@@ -1301,7 +1309,7 @@ test.describe("Timeline", () => {
                 await expect(page.locator(".mx_NewRoomIntro .mx_BaseAvatar")).toBeVisible();
                 const lastEventTileIrc = page.locator(".mx_EventTile_last[data-layout='irc']");
                 await expect(lastEventTileIrc.locator(".mx_MTextBody").first()).toBeVisible();
-                await expect(lastEventTileIrc.locator(".mx_EventTile_receiptSent")).toBeVisible(); // rendered at the bottom of EventTile
+                await expect(lastEventTileIrc.getByRole("status")).toHaveAccessibleName("Your message was sent"); // rendered at the bottom of EventTile
                 // Take a snapshot in IRC layout
                 await expect(page.locator(".mx_ScrollPanel")).toMatchScreenshot(
                     "long-strings-with-reply-irc-layout.png",
@@ -1314,7 +1322,7 @@ test.describe("Timeline", () => {
                 await expect(page.locator(".mx_NewRoomIntro .mx_BaseAvatar")).toBeVisible();
                 const lastEventTileGroup = page.locator(".mx_EventTile_last[data-layout='group']");
                 await expect(lastEventTileGroup.locator(".mx_MTextBody").first()).toBeVisible();
-                await expect(lastEventTileGroup.locator(".mx_EventTile_receiptSent")).toBeVisible();
+                await expect(lastEventTileGroup.getByRole("status")).toHaveAccessibleName("Your message was sent");
                 await expect(page.locator(".mx_ScrollPanel")).toMatchScreenshot(
                     "long-strings-with-reply-modern-layout.png",
                     screenshotOptions,
@@ -1326,7 +1334,7 @@ test.describe("Timeline", () => {
                 await expect(page.locator(".mx_NewRoomIntro .mx_BaseAvatar")).toBeVisible();
                 const lastEventTileBubble = page.locator(".mx_EventTile_last[data-layout='bubble']");
                 await expect(lastEventTileBubble.locator(".mx_MTextBody").first()).toBeVisible();
-                await expect(lastEventTileBubble.locator(".mx_EventTile_receiptSent")).toBeVisible();
+                await expect(lastEventTileBubble.getByRole("status")).toHaveAccessibleName("Your message was sent");
                 await expect(page.locator(".mx_ScrollPanel")).toMatchScreenshot(
                     "long-strings-with-reply-bubble-layout.png",
                     screenshotOptions,
diff --git a/playwright/e2e/voip/element-call.spec.ts b/playwright/e2e/voip/element-call.spec.ts
index 7c2494d2ae..b481f241cc 100644
--- a/playwright/e2e/voip/element-call.spec.ts
+++ b/playwright/e2e/voip/element-call.spec.ts
@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { readFile } from "node:fs/promises";
-import { type Page } from "playwright-core";
+import { type Page } from "@playwright/test";
 
 import type { EventType, Preset } from "matrix-js-sdk/src/matrix";
 import { SettingLevel } from "../../../src/settings/SettingLevel";
@@ -74,7 +74,7 @@ async function sendRTCState(bot: Bot, roomId: string, notification?: "ring" | "n
         },
         "m.relates_to": {
             event_id: resp.event_id,
-            rel_type: "org.matrix.msc4075.rtc.notification.parent",
+            rel_type: "m.reference",
         },
         "m.call.intent": intent,
         "notification_type": notification,
@@ -82,6 +82,22 @@ async function sendRTCState(bot: Bot, roomId: string, notification?: "ring" | "n
     });
 }
 
+test.use({
+    synapseConfig: {
+        experimental_features: {
+            msc4143_enabled: true,
+        },
+        matrix_rtc: {
+            transports: [
+                {
+                    type: "livekit",
+                    livekit_service_url: "https://example.org/can-be-anything",
+                },
+            ],
+        },
+    },
+});
+
 test.describe("Element Call", () => {
     test.use({
         config: {
@@ -647,6 +663,10 @@ test.describe("Element Call", () => {
 
             // For this test we want to display the chat area alongside the widget
             await page.getByRole("button", { name: "Chat" }).click();
+            // Wait for the right panel to show the timeline.
+            await expect(
+                page.locator(".mx_RightPanel .mx_TimelineCard").getByText("Alice created and configured the room."),
+            ).toBeVisible();
 
             await page
                 .locator('iframe[title="Element Call"]')
@@ -654,7 +674,12 @@ test.describe("Element Call", () => {
                 .getByRole("button", { name: "Send Room Message" })
                 .click();
 
-            const messageSent = await page.getByText("I sent this once!!").count();
+            const timelineLocator = page.locator(".mx_RightPanel .mx_TimelineCard");
+            // First wait for the message to appear in the timeline then
+            // check the count. This improves test stability as we know the message has been sent.
+            await expect(timelineLocator.getByText("I sent this once!!")).toBeVisible();
+
+            const messageSent = await timelineLocator.getByText("I sent this once!!").count();
 
             expect(messageSent).toBe(1);
         });
diff --git a/playwright/pages/ElementAppPage.ts b/playwright/pages/ElementAppPage.ts
index e51ed7b5d4..e5a1aab31c 100644
--- a/playwright/pages/ElementAppPage.ts
+++ b/playwright/pages/ElementAppPage.ts
@@ -244,24 +244,6 @@ export class ElementAppPage {
         await this.page.getByRole("dialog").getByRole("button", { name: "Invite" }).click();
     }
 
-    /**
-     * Get a locator for the tooltip associated with an element
-     * @param e The element with the tooltip
-     * @returns Locator to the tooltip
-     */
-    public async getTooltipForElement(e: Locator): Promise<Locator> {
-        const [labelledById, describedById] = await Promise.all([
-            e.getAttribute("aria-labelledby"),
-            e.getAttribute("aria-describedby"),
-        ]);
-        if (!labelledById && !describedById) {
-            throw new Error(
-                "Element has no aria-labelledby or aria-describedy attributes! The tooltip should have added either one of these.",
-            );
-        }
-        return this.page.locator(`id=${labelledById ?? describedById}`);
-    }
-
     /**
      * Close the notification toast
      */
diff --git a/playwright/pages/bot.ts b/playwright/pages/bot.ts
index c3168a89ac..300721d0ec 100644
--- a/playwright/pages/bot.ts
+++ b/playwright/pages/bot.ts
@@ -13,7 +13,7 @@ import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import type { Logger } from "matrix-js-sdk/src/logger";
 import type { SecretStorageKeyDescription } from "matrix-js-sdk/src/secret-storage";
 import type { Credentials, HomeserverInstance } from "../plugins/homeserver";
-import type { GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
+import type { CryptoCallbacks, GeneratedSecretStorageKey } from "matrix-js-sdk/src/crypto-api";
 import { bootstrapCrossSigningForClient, Client } from "./client";
 
 export interface CredentialsOptionalAccessToken extends Omit<Credentials, "accessToken"> {
@@ -141,22 +141,12 @@ export class Bot extends Client {
 
                 const logger = getLogger(`bot ${credentials.userId}`);
 
-                const keys = {};
-
-                const getCrossSigningKey = (type: string) => {
-                    return keys[type];
-                };
-
-                const saveCrossSigningKeys = (k: Record<string, Uint8Array>) => {
-                    Object.assign(keys, k);
-                };
-
                 // Store the cached secret storage key and return it when `getSecretStorageKey` is called
-                let cachedKey: { keyId: string; key: Uint8Array };
+                let cachedKey: { keyId: string; key: Uint8Array<ArrayBuffer> };
                 const cacheSecretStorageKey = (
                     keyId: string,
                     keyInfo: SecretStorageKeyDescription,
-                    key: Uint8Array,
+                    key: Uint8Array<ArrayBuffer>,
                 ) => {
                     cachedKey = {
                         keyId,
@@ -165,11 +155,9 @@ export class Bot extends Client {
                 };
 
                 const getSecretStorageKey = () =>
-                    Promise.resolve<[string, Uint8Array]>([cachedKey.keyId, cachedKey.key]);
+                    Promise.resolve<[string, Uint8Array<ArrayBuffer>]>([cachedKey.keyId, cachedKey.key]);
 
-                const cryptoCallbacks = {
-                    getCrossSigningKey,
-                    saveCrossSigningKeys,
+                const cryptoCallbacks: CryptoCallbacks = {
                     cacheSecretStorageKey,
                     getSecretStorageKey,
                 };
diff --git a/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png b/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png
index b0bb64273e..b55e83b09a 100644
Binary files a/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png and b/playwright/snapshots/app-loading/feature-detection.spec.ts/unsupported-browser-CompatibilityView-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png
index ad46ca44d5..a0aa6bebde 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--bubble-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png
index d4c123d787..7866accb70 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--group-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png
index 97097a3f28..26e8bf6449 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--dark-theme--irc-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png
index 5d240ebd76..ba5d27771e 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--bubble-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png
index 2620b9cd20..b60332c1a1 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--group-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png
index 6c09f076f9..29e61d6968 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--high-contrast--irc-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png
index 06f850704d..17d3ccbd10 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--bubble-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png
index 5f4e409c3a..16d212bfe0 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--group-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png
index 74060e2f42..76d9745d47 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--irc-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--bubble-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--bubble-layout-linux.png
index 706ed77713..a15bd80ccf 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--bubble-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--bubble-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--group-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--group-layout-linux.png
index ac0c53994d..e136a01f3b 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--group-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--group-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--irc-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--irc-layout-linux.png
index 07534229d8..e0dfb3601a 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--irc-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player--light-theme--monospace-font--irc-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png
index a3a1894eac..bcab07b3f5 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-bubble-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-bubble-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-bubble-layout-linux.png
index aa9956a50d..d55718a5ae 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-bubble-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-bubble-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-group-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-group-layout-linux.png
index 45a80c8ed5..1d0d8f6118 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-group-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-group-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-irc-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-irc-layout-linux.png
index b12365c9ac..226fc99f00 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-irc-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-chain-irc-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png
index 724bcb482f..06d5b6bde8 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-group-layout-linux.png differ
diff --git a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png
index 340015a06b..c843ff8d48 100644
Binary files a/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png and b/playwright/snapshots/audio-player/audio-player.spec.ts/Selected-EventTile-of-audio-player-with-a-reply-irc-layout-linux.png differ
diff --git a/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png b/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png
index 8c0daa555c..93889d05e3 100644
Binary files a/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png and b/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-linux.png differ
diff --git a/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png b/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png
index e3911831de..ffbbf10025 100644
Binary files a/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png and b/playwright/snapshots/composer/CIDER.spec.ts/emoji-picker-small-linux.png differ
diff --git a/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png b/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png
index 14cb5ce372..433d80278d 100644
Binary files a/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png and b/playwright/snapshots/crypto/crypto.spec.ts/RoomSummaryCard-with-verified-e2ee-linux.png differ
diff --git a/playwright/snapshots/crypto/decryption-failure-messages.spec.ts/history-not-available-linux.png b/playwright/snapshots/crypto/decryption-failure-messages.spec.ts/history-not-available-linux.png
new file mode 100644
index 0000000000..351e2c5d02
Binary files /dev/null and b/playwright/snapshots/crypto/decryption-failure-messages.spec.ts/history-not-available-linux.png differ
diff --git a/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-authenticity-linux.png b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-authenticity-linux.png
new file mode 100644
index 0000000000..5980ff3ca0
Binary files /dev/null and b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-authenticity-linux.png differ
diff --git a/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-identity-reset-linux.png b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-identity-reset-linux.png
new file mode 100644
index 0000000000..3499e8f704
Binary files /dev/null and b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-identity-reset-linux.png differ
diff --git a/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-not-verified-linux.png b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-not-verified-linux.png
new file mode 100644
index 0000000000..3499e8f704
Binary files /dev/null and b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-not-verified-linux.png differ
diff --git a/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-utd-linux.png b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-utd-linux.png
new file mode 100644
index 0000000000..3d80c319c8
Binary files /dev/null and b/playwright/snapshots/crypto/event-shields.spec.ts/event-shield-utd-linux.png differ
diff --git a/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png b/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png
index c33dbaadf9..8aa140d0d2 100644
Binary files a/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png and b/playwright/snapshots/crypto/history-sharing.spec.ts/shared-history-invite-accepted-linux.png differ
diff --git a/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png b/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png
index c5ca8fdc02..5439a4cd5a 100644
Binary files a/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png and b/playwright/snapshots/crypto/toasts.spec.ts/key-storage-out-of-sync-toast-linux.png differ
diff --git a/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png b/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png
new file mode 100644
index 0000000000..c6a06a5035
Binary files /dev/null and b/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-locally-linux.png differ
diff --git a/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png b/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png
new file mode 100644
index 0000000000..01a70ee5c4
Binary files /dev/null and b/playwright/snapshots/feedback/rageshakes.spec.ts/rageshake-via-url-linux.png differ
diff --git a/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png b/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png
index ab42c30cd2..b39a8c82cb 100644
Binary files a/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png and b/playwright/snapshots/invite/invite-dialog.spec.ts/send-your-first-message-view-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png
index ac3f26e529..64d49f10bc 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list-filter-sort.spec.ts/room-panel-empty-room-list-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png
index 5e6ddff442..8256ddbe61 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png
index 43d8781239..583b9f36f9 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-header-space-menu-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png
index c42c449281..008c9076b3 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list-header.spec.ts/room-list-space-header-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png
index 3795176be2..269c64d00c 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png
index f21e92a373..3fa9fd4b0b 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list-panel.spec.ts/room-list-panel-smallscreen-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png
index b44e61b3eb..3e68b09ad6 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-more-options-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png
index c182c853b9..68762d038d 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-linux.png differ
diff --git a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png
index 950bc3a0eb..cdebb2131d 100644
Binary files a/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png and b/playwright/snapshots/left-panel/room-list-panel/room-list.spec.ts/room-list-item-open-notification-options-selection-linux.png differ
diff --git a/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png b/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png
index 92839f2ad9..9ce739c75f 100644
Binary files a/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png and b/playwright/snapshots/register/register.spec.ts/terms-prompt-linux.png differ
diff --git a/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png b/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png
index febb73c235..775857a5f7 100644
Binary files a/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png and b/playwright/snapshots/right-panel/right-panel.spec.ts/with-leave-room-linux.png differ
diff --git a/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png b/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png
index 0645b780b8..abe08d0433 100644
Binary files a/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png and b/playwright/snapshots/right-panel/right-panel.spec.ts/with-name-and-address-linux.png differ
diff --git a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png
index e02a1a24cf..102d66419a 100644
Binary files a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png and b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-no-results-linux.png differ
diff --git a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png
index 213cdb1d87..41d21f856a 100644
Binary files a/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png and b/playwright/snapshots/room-directory/room-directory.spec.ts/filtered-one-result-linux.png differ
diff --git a/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png b/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png
index 4ba22a5220..d30c0fe32d 100644
Binary files a/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png and b/playwright/snapshots/room/room-header.spec.ts/room-header-linux.png differ
diff --git a/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png b/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png
index ef6112da1d..8f33116981 100644
Binary files a/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png and b/playwright/snapshots/room/room-header.spec.ts/room-header-long-name-linux.png differ
diff --git a/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png b/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png
index c872720f66..f7c2e3c950 100644
Binary files a/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png and b/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png differ
diff --git a/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png b/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png
index 106f16403c..0568892b39 100644
Binary files a/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png and b/playwright/snapshots/room/room-status-bar.spec.ts/connectivity-lost-linux.png differ
diff --git a/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png b/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png
index 13aa6a4833..c528eb619a 100644
Binary files a/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png and b/playwright/snapshots/room/room-status-bar.spec.ts/consent-linux.png differ
diff --git a/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png b/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png
index a8fe32646e..304a425466 100644
Binary files a/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png and b/playwright/snapshots/room/room-status-bar.spec.ts/local-room-create-failed-linux.png differ
diff --git a/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png b/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png
index cccc5fb675..fe23d40790 100644
Binary files a/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png and b/playwright/snapshots/room/room-status-bar.spec.ts/message-failed-linux.png differ
diff --git a/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png b/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png
index 5a9190aa6b..dc019d4fd5 100644
Binary files a/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png and b/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/appearance-tab-linux.png differ
diff --git a/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-after-switch-linux.png b/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-after-switch-linux.png
new file mode 100644
index 0000000000..cdb4586302
Binary files /dev/null and b/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-after-switch-linux.png differ
diff --git a/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-before-switch-linux.png b/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-before-switch-linux.png
new file mode 100644
index 0000000000..bc78959225
Binary files /dev/null and b/playwright/snapshots/settings/appearance-user-settings-tab/appearance-user-settings-tab.spec.ts/window-before-switch-linux.png differ
diff --git a/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png b/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png
index c2d1cc52a0..4f5ed98c6e 100644
Binary files a/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png and b/playwright/snapshots/settings/general-room-settings-tab.spec.ts/General-room-settings-tab-should-be-rendered-properly-1-linux.png differ
diff --git a/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png b/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png
index 6149e4fe55..f3bd63e1d2 100644
Binary files a/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png and b/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-linux.png differ
diff --git a/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png b/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png
index fb48a55879..48f81bd7f9 100644
Binary files a/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png and b/playwright/snapshots/settings/room-settings/room-security-tab.spec.ts/room-security-settings-world-readable-linux.png differ
diff --git a/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png b/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png
index 37303257b7..aca5393f02 100644
Binary files a/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png and b/playwright/snapshots/settings/room-settings/room-video-tab.spec.ts/room-video-settings-linux.png differ
diff --git a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png
index 0785ecbe97..8aecb37019 100644
Binary files a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png and b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-mix-unread-linux.png differ
diff --git a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png
index 8b6af97d6e..4a0ac14609 100644
Binary files a/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png and b/playwright/snapshots/spaces/threads-activity-centre/threadsActivityCentre.spec.ts/tac-panel-notification-unread-linux.png differ
diff --git a/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png b/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png
index f0871c7625..c42007680d 100644
Binary files a/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png and b/playwright/snapshots/threads/threads.spec.ts/thread-panel-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png
index 1a0a852cd1..4b5c6ff7e9 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-and-messages-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png
index cf5e66851c..0ad4a0f191 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/collapsed-gels-bubble-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png
index d9359dab70..10896ff87d 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png
index 7c660888e6..2e02360ce9 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/event-line-inline-start-margin-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png
index 63eb2da98f..e8c495e8e9 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-compact-modern-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png
index f943108d73..f5dfef5714 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/event-tiles-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png
index 912fa679b8..376f2d2d94 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-and-messages-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png
index 9fbe9c79e1..383a43bcae 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-bubble-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png
index 39fffefc70..d05b9938d5 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-emote-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png
index 7c660888e6..2e02360ce9 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png
index 3684f57b11..4196fedfbf 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png
index 39c40e0b13..d0ec667834 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-redaction-placeholder-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png
index 74a2028787..8ab5bc91b7 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-padding-modern-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png
index f6785d89c9..6b864dc8c0 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/hidden-event-line-zero-padding-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png
index fdcbb28133..766a6fffa1 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-bubble-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png
index 78196d2632..fa2d11b810 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-irc-layout-linux.png differ
diff --git a/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png b/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png
index df6aca3083..a2dc6d35bb 100644
Binary files a/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png and b/playwright/snapshots/timeline/timeline.spec.ts/long-strings-with-reply-modern-layout-linux.png differ
diff --git a/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png b/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png
index 79335b66ae..a911341579 100644
Binary files a/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png and b/playwright/snapshots/user-menu/user-menu.spec.ts/user-menu-linux.png differ
diff --git a/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png b/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png
index d25b9467d0..f3abb3442d 100644
Binary files a/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png and b/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-checked-linux.png differ
diff --git a/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png b/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png
index 78a31d1662..069ef66fe1 100644
Binary files a/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png and b/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-video-toast-unchecked-linux.png differ
diff --git a/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png b/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png
index 29cf843d7b..6703827c6d 100644
Binary files a/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png and b/playwright/snapshots/voip/element-call.spec.ts/incoming-call-group-voice-toast-linux.png differ
diff --git a/playwright/testcontainers/mas.ts b/playwright/testcontainers/mas.ts
index 61cc53bbc9..5b2aea667c 100644
--- a/playwright/testcontainers/mas.ts
+++ b/playwright/testcontainers/mas.ts
@@ -10,7 +10,7 @@ import {
     type StartedPostgreSqlContainer,
 } from "@element-hq/element-web-playwright-common/lib/testcontainers";
 
-const TAG = "main@sha256:2c5966c2ff06458ac5cbae959f12e19d30e3ebb63c641d31ec1ae08abccb9c6d";
+const TAG = "main@sha256:2eec80f8348ed1f78414cc9258399b9329b53e6e9e2e634da484568996c1da8f";
 
 /**
  * MatrixAuthenticationServiceContainer which freezes the docker digest to
diff --git a/playwright/testcontainers/synapse.ts b/playwright/testcontainers/synapse.ts
index 1359cd0f69..c68668761a 100644
--- a/playwright/testcontainers/synapse.ts
+++ b/playwright/testcontainers/synapse.ts
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { SynapseContainer as BaseSynapseContainer } from "@element-hq/element-web-playwright-common/lib/testcontainers";
 
-const TAG = "develop@sha256:7c3dce1d2b44fdc4b1494c5b8f4792018733ad323f823b88aac30c883d09fb35";
+const TAG = "develop@sha256:f0de453dbb284112c4bc91be01345f189f218bf51ee09ed565dab295c0a72b44";
 
 /**
  * SynapseContainer which freezes the docker digest to stabilise tests,
diff --git a/res/css/_common.pcss b/res/css/_common.pcss
index ec83fef901..736c535d65 100644
--- a/res/css/_common.pcss
+++ b/res/css/_common.pcss
@@ -22,6 +22,7 @@ Please see LICENSE files in the repository root for full details.
     --buttons-dialog-gap-row: $spacing-8;
     --buttons-dialog-gap-column: $spacing-8;
     --MBody-border-radius: 8px;
+    --EventTileBubble_margin-block: 10px;
 
     /* Expected z-indexes for dialogs:
         4000 - Default wrapper index
@@ -496,10 +497,9 @@ legend {
 }
 
 @define-mixin customisedCancelButton {
-    cursor: pointer;
-    position: relative;
-    width: 28px;
-    height: 28px;
+    width: 20px;
+    height: 20px;
+    padding: var(--cpd-space-1x);
     border-radius: 14px;
     background-color: var(--cpd-color-bg-subtle-secondary);
 
@@ -507,18 +507,10 @@ legend {
         background-color: var(--cpd-color-bg-subtle-primary);
     }
 
-    &::before {
-        content: "";
-        width: 28px;
-        height: 28px;
-        left: 0;
-        top: 0;
-        position: absolute;
-        mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-size: 20px;
-        background-color: var(--cpd-color-icon-secondary);
+    svg {
+        width: inherit;
+        height: inherit;
+        color: var(--cpd-color-icon-secondary);
     }
 }
 
@@ -858,18 +850,16 @@ legend {
     line-height: $font-24px;
     margin-right: 0;
 
-    span {
-        display: flex;
-        align-items: center;
+    display: flex;
+    align-items: center;
 
-        &::before {
-            content: "";
-            display: inline-block;
-            background-color: $button-fg-color;
-            mask-position: center;
-            mask-repeat: no-repeat;
-            margin-right: 8px;
-        }
+    svg {
+        width: 16px;
+        height: 16px;
+        display: inline-block;
+        color: $button-fg-color;
+        margin-right: 8px;
+        vertical-align: middle;
     }
 }
 
@@ -882,15 +872,11 @@ legend {
 }
 
 @define-mixin ThreadSummaryIcon {
-    content: "";
     display: inline-block;
-    mask-image: url("@vector-im/compound-design-tokens/icons/threads.svg");
-    mask-position: center;
-    mask-repeat: no-repeat;
-    mask-size: contain;
     height: 18px;
-    min-width: 18px;
-    background-color: $icon-button-color !important;
+    width: 18px;
+    flex-shrink: 0;
+    color: $icon-button-color;
 }
 
 @define-mixin composerButtonHighLight {
diff --git a/res/css/_components.pcss b/res/css/_components.pcss
index 9711c1b064..53f99f8a35 100644
--- a/res/css/_components.pcss
+++ b/res/css/_components.pcss
@@ -74,7 +74,6 @@
 @import "./structures/_QuickSettingsButton.pcss";
 @import "./structures/_RightPanel.pcss";
 @import "./structures/_RoomSearch.pcss";
-@import "./structures/_RoomStatusBar.pcss";
 @import "./structures/_RoomView.pcss";
 @import "./structures/_SearchBox.pcss";
 @import "./structures/_SpaceHierarchy.pcss";
@@ -221,9 +220,7 @@
 @import "./views/messages/_CallEvent.pcss";
 @import "./views/messages/_CreateEvent.pcss";
 @import "./views/messages/_DateSeparator.pcss";
-@import "./views/messages/_DecryptionFailureBody.pcss";
 @import "./views/messages/_DisambiguatedProfile.pcss";
-@import "./views/messages/_EventTileBubble.pcss";
 @import "./views/messages/_HiddenBody.pcss";
 @import "./views/messages/_HiddenMediaPlaceholder.pcss";
 @import "./views/messages/_JumpToDatePicker.pcss";
@@ -249,7 +246,6 @@
 @import "./views/messages/_RedactedBody.pcss";
 @import "./views/messages/_RoomAvatarEvent.pcss";
 @import "./views/messages/_TextualEvent.pcss";
-@import "./views/messages/_TimelineSeparator.pcss";
 @import "./views/messages/_UnknownBody.pcss";
 @import "./views/messages/_ViewSourceEvent.pcss";
 @import "./views/messages/_common_CryptoEvent.pcss";
@@ -267,15 +263,7 @@
 @import "./views/right_panel/_VerificationPanel.pcss";
 @import "./views/right_panel/_WidgetCard.pcss";
 @import "./views/room_settings/_AliasSettings.pcss";
-@import "./views/rooms/RoomListPanel/_EmptyRoomList.pcss";
-@import "./views/rooms/RoomListPanel/_RoomList.pcss";
-@import "./views/rooms/RoomListPanel/_RoomListHeaderView.pcss";
-@import "./views/rooms/RoomListPanel/_RoomListItemMenuView.pcss";
-@import "./views/rooms/RoomListPanel/_RoomListItemView.pcss";
 @import "./views/rooms/RoomListPanel/_RoomListPanel.pcss";
-@import "./views/rooms/RoomListPanel/_RoomListPrimaryFilters.pcss";
-@import "./views/rooms/RoomListPanel/_RoomListSecondaryFilters.pcss";
-@import "./views/rooms/RoomListPanel/_RoomListSkeleton.pcss";
 @import "./views/rooms/_AppsDrawer.pcss";
 @import "./views/rooms/_Autocomplete.pcss";
 @import "./views/rooms/_AuxPanel.pcss";
diff --git a/res/css/components/views/polls/_PollOption.pcss b/res/css/components/views/polls/_PollOption.pcss
index 4fecce4752..2691cd90cb 100644
--- a/res/css/components/views/polls/_PollOption.pcss
+++ b/res/css/components/views/polls/_PollOption.pcss
@@ -59,28 +59,19 @@ Please see LICENSE files in the repository root for full details.
     /* override checked radio button styling to show checkmark instead */
     .mx_StyledRadioButton_checked {
         input[type="radio"]:checked + div {
-            position: relative;
-            border-width: 2px;
             border-color: var(--cpd-color-icon-primary);
             background-color: var(--cpd-color-icon-primary);
 
-            &::before {
-                content: "";
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-                mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
-                mask-size: 12px 12px;
-                mask-repeat: no-repeat;
-                mask-position: center;
-                background-color: var(--cpd-color-icon-on-solid-primary);
-                width: 12px;
-                height: 12px;
-            }
-
             div {
-                visibility: hidden;
+                background: none;
+
+                svg {
+                    color: var(--cpd-color-icon-on-solid-primary);
+                    width: 12px;
+                    height: 12px;
+                    margin: -2px;
+                    display: block;
+                }
             }
         }
     }
diff --git a/res/css/structures/_HomePage.pcss b/res/css/structures/_HomePage.pcss
index 505fc4bad6..df374df4b5 100644
--- a/res/css/structures/_HomePage.pcss
+++ b/res/css/structures/_HomePage.pcss
@@ -70,29 +70,13 @@ Please see LICENSE files in the repository root for full details.
             color: #fff; /* on all themes */
             background-color: $accent;
 
-            &::before {
+            svg {
                 top: 20px;
                 left: 60px; /* (160px-40px)/2 */
                 width: 40px;
                 height: 40px;
-
-                content: "";
                 position: absolute;
-                background-color: #fff; /* on all themes */
-                mask-repeat: no-repeat;
-                mask-size: contain;
-            }
-
-            &.mx_HomePage_button_sendDm::before {
-                mask-image: url("$(res)/img/element-icons/feedback.svg");
-            }
-
-            &.mx_HomePage_button_explore::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/explore.svg");
-            }
-
-            &.mx_HomePage_button_createGroup::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
+                color: #fff; /* on all themes */
             }
         }
     }
diff --git a/res/css/structures/_LeftPanel.pcss b/res/css/structures/_LeftPanel.pcss
index f290772e20..45fc6b0a6a 100644
--- a/res/css/structures/_LeftPanel.pcss
+++ b/res/css/structures/_LeftPanel.pcss
@@ -36,6 +36,8 @@ Please see LICENSE files in the repository root for full details.
         display: flex;
         overflow: hidden;
         position: relative;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
 
         &[data-collapsed] {
             max-width: var(--collapsedWidth);
@@ -122,6 +124,8 @@ Please see LICENSE files in the repository root for full details.
                 border-radius: 8px;
                 background-color: $panel-actions;
                 margin-left: 8px;
+                /* For enhanced visibility under contrast control */
+                outline: 1px solid transparent;
 
                 svg {
                     width: inherit;
diff --git a/res/css/structures/_RoomStatusBar.pcss b/res/css/structures/_RoomStatusBar.pcss
deleted file mode 100644
index f3b1737812..0000000000
--- a/res/css/structures/_RoomStatusBar.pcss
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2015, 2016 OpenMarket Ltd
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-.mx_RoomStatusBar:not(.mx_RoomStatusBar_unsentMessages) {
-    margin-left: 65px;
-    min-height: 50px;
-}
-
-.mx_RoomStatusBar_typingIndicatorAvatars {
-    width: 52px;
-    margin-top: -1px;
-    text-align: left;
-}
-
-.mx_RoomStatusBar_typingIndicatorRemaining {
-    display: inline-block;
-    color: #acacac;
-    background-color: #ddd;
-    border: 1px solid $background;
-    border-radius: 40px;
-    width: 24px;
-    height: 24px;
-    line-height: $font-24px;
-    font-size: 0.8em;
-    vertical-align: top;
-    text-align: center;
-    position: absolute;
-}
-
-.mx_RoomStatusBar_scrollDownIndicator {
-    cursor: pointer;
-    padding-left: 1px;
-}
-
-.mx_RoomStatusBar_unreadMessagesBar {
-    padding-top: 10px;
-    color: $alert;
-    cursor: pointer;
-}
-
-.mx_RoomStatusBar_connectionLostBar {
-    display: flex;
-
-    margin-top: 19px;
-    min-height: 58px;
-}
-
-.mx_RoomStatusBar_unsentMessages {
-    > div[role="alert"] {
-        /* cheat some basic alignment */
-        display: flex;
-        align-items: center;
-        min-height: 70px;
-        margin: 12px;
-        padding-left: 16px;
-        background-color: $header-panel-bg-color;
-        border-radius: 4px;
-    }
-
-    .mx_RoomStatusBar_unsentBadge {
-        margin-right: 12px;
-
-        .mx_NotificationBadge {
-            /* Override sizing from the default badge */
-            width: 24px !important;
-            height: 24px !important;
-            border-radius: 24px !important;
-
-            .mx_NotificationBadge_count {
-                font-size: $font-16px !important; /* override default */
-            }
-        }
-    }
-
-    .mx_RoomStatusBar_unsentTitle {
-        color: $alert;
-        font-size: $font-15px;
-    }
-
-    .mx_RoomStatusBar_unsentDescription {
-        font-size: $font-12px;
-    }
-
-    .mx_RoomStatusBar_unsentButtonBar {
-        flex-grow: 1;
-        text-align: right;
-        margin-right: 22px;
-        color: $muted-fg-color;
-
-        .mx_AccessibleButton {
-            padding: 5px 10px;
-            padding-left: 30px; /* 18px for the icon, 2px margin to text, 10px regular padding */
-            display: inline-block;
-            position: relative;
-            user-select: none;
-
-            & + .mx_AccessibleButton {
-                border-left: 1px solid $resend-button-divider-color;
-            }
-
-            svg {
-                left: 10px; /* inset for regular button padding */
-
-                width: 18px;
-                height: 18px;
-                vertical-align: middle;
-                color: $muted-fg-color;
-            }
-        }
-
-        .mx_InlineSpinner {
-            vertical-align: middle;
-            margin-right: 5px;
-            top: 1px; /* just to help the vertical alignment be slightly better */
-
-            & + span {
-                margin-right: 10px; /* same margin/padding as the rightmost button */
-            }
-        }
-    }
-}
-
-.mx_RoomStatusBar_connectionLostBar svg {
-    padding-left: 10px;
-    padding-right: 10px;
-    vertical-align: middle;
-    float: left;
-}
-
-.mx_RoomStatusBar_connectionLostBar_title {
-    color: $alert;
-}
-
-.mx_RoomStatusBar_connectionLostBar_desc {
-    color: $primary-content;
-    font-size: $font-13px;
-    opacity: 0.5;
-    padding-bottom: 20px;
-}
-
-.mx_RoomStatusBar_resend_link {
-    color: $primary-content !important;
-    text-decoration: underline !important;
-    cursor: pointer;
-}
-
-.mx_RoomStatusBar_typingBar {
-    height: 50px;
-    line-height: 50px;
-
-    color: $primary-content;
-    opacity: 0.5;
-    overflow-y: hidden;
-    display: block;
-}
-
-.mx_MatrixChat_useCompactLayout {
-    .mx_RoomStatusBar:not(.mx_RoomStatusBar_unsentMessages) {
-        min-height: 40px;
-    }
-
-    .mx_RoomStatusBar_indicator {
-        margin-top: 10px;
-    }
-
-    .mx_RoomStatusBar_typingBar {
-        height: 40px;
-        line-height: 40px;
-    }
-}
diff --git a/res/css/structures/_RoomView.pcss b/res/css/structures/_RoomView.pcss
index 03f95020da..6a5ceb641b 100644
--- a/res/css/structures/_RoomView.pcss
+++ b/res/css/structures/_RoomView.pcss
@@ -55,7 +55,7 @@ Please see LICENSE files in the repository root for full details.
 
 .mx_RoomView_messagePanelSearchSpinner {
     flex: 1;
-    background-image: url("$(res)/img/typing-indicator-2x.gif");
+    background-image: url("/res/img/typing-indicator-2x.gif");
     background-position: center 367px;
     background-size: 25px;
     background-repeat: no-repeat;
diff --git a/res/css/structures/_SpacePanel.pcss b/res/css/structures/_SpacePanel.pcss
index a20e26403d..f541aba051 100644
--- a/res/css/structures/_SpacePanel.pcss
+++ b/res/css/structures/_SpacePanel.pcss
@@ -22,6 +22,9 @@ Please see LICENSE files in the repository root for full details.
     /* Fix for the blurred avatar-background */
     z-index: 1;
 
+    /* For enhanced visibility under contrast control */
+    outline: 1px solid transparent;
+
     /* Create another flexbox so the Panel fills the container */
     display: flex;
     flex-direction: column;
@@ -66,6 +69,8 @@ Please see LICENSE files in the repository root for full details.
 
     &:hover .mx_SpacePanel_toggleCollapse {
         opacity: 1;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
     }
 
     ul {
diff --git a/res/css/structures/_SpaceRoomView.pcss b/res/css/structures/_SpaceRoomView.pcss
index 25989fd937..60b7583443 100644
--- a/res/css/structures/_SpaceRoomView.pcss
+++ b/res/css/structures/_SpaceRoomView.pcss
@@ -138,17 +138,16 @@ Please see LICENSE files in the repository root for full details.
                 .mx_FacePile {
                     display: inline-block;
                     cursor: pointer;
+                    /* For enhanced visibility under contrast control */
+                    outline: 1px solid transparent;
                 }
 
                 .mx_SpaceRoomView_landing_inviteButton,
                 .mx_SpaceRoomView_landing_settingsButton {
                     position: relative;
 
-                    &::before {
+                    svg {
                         position: absolute;
-                        content: "";
-                        mask-position: center;
-                        mask-repeat: no-repeat;
                     }
                 }
 
@@ -156,13 +155,11 @@ Please see LICENSE files in the repository root for full details.
                     padding: 4px 18px 4px 40px;
                     height: min-content;
 
-                    &::before {
+                    svg {
                         left: 8px;
                         height: 16px;
                         width: 16px;
-                        background: var(--cpd-color-icon-on-solid-primary);
-                        mask-size: 16px;
-                        mask-image: url("@vector-im/compound-design-tokens/icons/user-add.svg");
+                        color: var(--cpd-color-icon-on-solid-primary);
                     }
                 }
 
@@ -170,14 +167,12 @@ Please see LICENSE files in the repository root for full details.
                     width: 24px;
                     height: 24px;
 
-                    &::before {
+                    svg {
                         left: 0;
                         top: 0;
                         height: 24px;
                         width: 24px;
-                        background: $tertiary-content;
-                        mask-size: contain;
-                        mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
+                        color: $tertiary-content;
                     }
                 }
             }
@@ -207,35 +202,23 @@ Please see LICENSE files in the repository root for full details.
                 display: inline-block;
                 padding-left: 32px;
                 line-height: 24px; /* to center icons */
+                color: var(--cpd-color-text-primary);
+                font-weight: var(--cpd-font-weight-semibold);
+                text-decoration: underline;
 
-                &::before {
-                    content: "";
+                svg {
                     position: absolute;
                     height: 24px;
                     width: 24px;
                     top: 0;
                     left: 0;
-                    background-color: $secondary-content;
-                    mask-repeat: no-repeat;
-                    mask-position: center;
-                    mask-size: contain;
+                    color: var(--cpd-color-icon-primary);
                 }
 
                 & + .mx_AccessibleButton {
                     margin-left: 32px;
                 }
             }
-
-            .mx_SpaceRoomView_inviteTeammates_inviteDialogButton {
-                color: var(--cpd-color-text-primary);
-                font-weight: var(--cpd-font-weight-semibold);
-                text-decoration: underline;
-
-                &::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/user-add.svg");
-                    background-color: var(--cpd-color-icon-primary);
-                }
-            }
         }
     }
 }
diff --git a/res/css/structures/_SplashPage.pcss b/res/css/structures/_SplashPage.pcss
index 8f06541179..6eb01478c9 100644
--- a/res/css/structures/_SplashPage.pcss
+++ b/res/css/structures/_SplashPage.pcss
@@ -30,7 +30,7 @@ Please see LICENSE files in the repository root for full details.
         inset: -9px;
         mask:
             /* mask to dither resulting combined gradient */
-            url("$(res)/img/noise.png"),
+            url("/res/img/noise.png"),
             /* gradient to apply different amounts of dithering to different parts of the gradient */
             linear-gradient(
                     to bottom,
diff --git a/res/css/structures/_TabbedView.pcss b/res/css/structures/_TabbedView.pcss
index 60fe2f7211..e02d42b199 100644
--- a/res/css/structures/_TabbedView.pcss
+++ b/res/css/structures/_TabbedView.pcss
@@ -37,27 +37,12 @@ Please see LICENSE files in the repository root for full details.
     .mx_TabbedView_tabLabel:hover,
     .mx_TabbedView_tabLabel_active {
         color: $tab-label-active-fg-color;
-
-        .mx_TabbedView_maskedIcon::before {
-            background-color: var(--cpd-color-icon-primary);
-        }
     }
 
     .mx_TabbedView_tabLabel_active {
         background-color: var(--cpd-color-bg-subtle-secondary);
-    }
-
-    .mx_TabbedView_maskedIcon {
-        width: 20px;
-        height: 20px;
-        margin-right: var(--cpd-space-3x);
-    }
-
-    .mx_TabbedView_maskedIcon::before {
-        mask-size: 20px;
-        width: 20px;
-        height: 20px;
-        transition: background-color 0.1s;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
     }
 }
 
@@ -89,23 +74,6 @@ Please see LICENSE files in the repository root for full details.
             color: $accent;
         }
     }
-
-    .mx_TabbedView_tabLabel_active .mx_TabbedView_maskedIcon::before {
-        background-color: $accent;
-    }
-
-    .mx_TabbedView_maskedIcon {
-        width: 22px;
-        height: 22px;
-        margin-left: 0px;
-        margin-right: 8px;
-    }
-
-    .mx_TabbedView_maskedIcon::before {
-        mask-size: 22px;
-        width: inherit;
-        height: inherit;
-    }
 }
 
 .mx_TabbedView_tabLabels {
@@ -136,18 +104,6 @@ Please see LICENSE files in the repository root for full details.
     }
 }
 
-.mx_TabbedView_maskedIcon {
-    display: inline-block;
-}
-
-.mx_TabbedView_maskedIcon::before {
-    display: inline-block;
-    background-color: var(--cpd-color-icon-secondary);
-    mask-repeat: no-repeat;
-    mask-position: center;
-    content: "";
-}
-
 .mx_TabbedView_tabLabel_text {
     vertical-align: middle;
 }
@@ -173,10 +129,6 @@ Please see LICENSE files in the repository root for full details.
         .mx_TabbedView_tabPanel {
             margin-left: 72px; /* 40px sidebar + 32px padding */
         }
-        .mx_TabbedView_maskedIcon {
-            margin-right: auto;
-            margin-left: auto;
-        }
         .mx_TabbedView_tabLabels {
             width: auto;
         }
diff --git a/res/css/structures/_ToastContainer.pcss b/res/css/structures/_ToastContainer.pcss
index 68b39cae61..6f21e495d6 100644
--- a/res/css/structures/_ToastContainer.pcss
+++ b/res/css/structures/_ToastContainer.pcss
@@ -38,6 +38,7 @@ Please see LICENSE files in the repository root for full details.
         grid-template-columns: 22px 1fr;
         column-gap: 8px;
         row-gap: 4px;
+        align-items: center;
         padding: var(--cpd-space-3x);
 
         &.mx_Toast_hasIcon {
@@ -47,10 +48,17 @@ Please see LICENSE files in the repository root for full details.
                 grid-column: 1;
             }
 
-            .mx_Toast_title,
-            .mx_Toast_body {
+            .mx_Toast_title {
                 grid-column: 2;
             }
+
+            .mx_Toast_body {
+                grid-column: 2 / 4;
+            }
+
+            .mx_Toast_closebutton {
+                grid-column: 3;
+            }
         }
         &:not(.mx_Toast_hasIcon) {
             padding-left: 12px;
@@ -78,13 +86,6 @@ Please see LICENSE files in the repository root for full details.
                 display: inline;
                 width: auto;
             }
-
-            .mx_Toast_title_countIndicator {
-                font-size: $font-12px;
-                line-height: $font-22px;
-                color: $secondary-content;
-                margin-inline-start: auto; /* on the end side of the div */
-            }
         }
 
         .mx_Toast_body {
diff --git a/res/css/structures/_UserMenu.pcss b/res/css/structures/_UserMenu.pcss
index ddefc84d8f..89b15e68b2 100644
--- a/res/css/structures/_UserMenu.pcss
+++ b/res/css/structures/_UserMenu.pcss
@@ -99,6 +99,9 @@ Please see LICENSE files in the repository root for full details.
             display: flex;
             align-items: center;
             justify-content: center;
+
+            /* For enhanced visibility under contrast control */
+            outline: 1px solid transparent;
         }
 
         &.mx_UserMenu_contextMenu_guestPrompts {
diff --git a/res/css/views/avatars/_DecoratedRoomAvatar.pcss b/res/css/views/avatars/_DecoratedRoomAvatar.pcss
index 6ac5d68496..2ad1b174af 100644
--- a/res/css/views/avatars/_DecoratedRoomAvatar.pcss
+++ b/res/css/views/avatars/_DecoratedRoomAvatar.pcss
@@ -13,7 +13,7 @@ Please see LICENSE files in the repository root for full details.
     line-height: 0;
 
     &.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
-        mask-image: url("$(res)/img/element-icons/roomlist/decorated-avatar-mask.svg");
+        mask-image: url("/res/img/element-icons/roomlist/decorated-avatar-mask.svg");
         mask-position: center;
         mask-size: contain;
         mask-repeat: no-repeat;
@@ -27,38 +27,42 @@ Please see LICENSE files in the repository root for full details.
         width: 25%; /* 8px for a 32x32 avatar */
         height: 25%;
         border-radius: 50%;
+
+        &::before,
+        svg {
+            width: 100%;
+            height: 100%;
+            right: 0;
+            position: absolute;
+            border-radius: 8px;
+        }
     }
 
-    .mx_DecoratedRoomAvatar_icon::before {
-        content: "";
-        width: 100%;
-        height: 100%;
-        right: 0;
-        position: absolute;
-        border-radius: 8px;
-    }
-
-    .mx_DecoratedRoomAvatar_icon_globe::before {
-        mask-position: center;
-        mask-size: contain;
-        mask-repeat: no-repeat;
-        background: $secondary-content;
-        mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
+    .mx_DecoratedRoomAvatar_icon_globe svg {
+        /* Oversize the icon to account for the dead space around the icon within the canvas */
+        width: 120%;
+        height: 120%;
+        margin: -10%;
+        color: $secondary-content;
     }
 
     .mx_DecoratedRoomAvatar_icon_offline::before {
+        content: "";
         background-color: $presence-offline;
     }
 
     .mx_DecoratedRoomAvatar_icon_online::before {
+        content: "";
         background-color: $accent;
     }
 
     .mx_DecoratedRoomAvatar_icon_away::before {
+        content: "";
         background-color: $presence-away;
     }
 
     .mx_DecoratedRoomAvatar_icon_busy::before {
+        content: "";
         background-color: $presence-busy;
     }
 
diff --git a/res/css/views/avatars/_RoomAvatarView.pcss b/res/css/views/avatars/_RoomAvatarView.pcss
index 0d5523a9f1..509b51c3e8 100644
--- a/res/css/views/avatars/_RoomAvatarView.pcss
+++ b/res/css/views/avatars/_RoomAvatarView.pcss
@@ -21,11 +21,11 @@
     }
 
     .mx_RoomAvatarView_RoomAvatar_icon {
-        mask-image: url("$(res)/img/element-icons/roomlist/room-avatar-view-icon-mask.svg");
+        mask-image: url("/res/img/element-icons/roomlist/room-avatar-view-icon-mask.svg");
     }
 
     .mx_RoomAvatarView_RoomAvatar_presence {
-        mask-image: url("$(res)/img/element-icons/roomlist/room-avatar-view-presence-mask.svg");
+        mask-image: url("/res/img/element-icons/roomlist/room-avatar-view-presence-mask.svg");
     }
 
     .mx_RoomAvatarView_icon {
diff --git a/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss b/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
index cd5cff94a0..72c0ef9cff 100644
--- a/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
+++ b/res/css/views/dialogs/_AddExistingToSpaceDialog.pcss
@@ -118,23 +118,11 @@ Please see LICENSE files in the repository root for full details.
             padding: 8px 36px;
         }
 
-        .mx_AddExistingToSpace_retryButton {
-            margin-left: 12px;
-            padding-left: 24px;
-            position: relative;
-
-            &::before {
-                content: "";
-                position: absolute;
-                background-color: $primary-content;
-                mask-repeat: no-repeat;
-                mask-position: center;
-                mask-size: contain;
-                mask-image: url("@vector-im/compound-design-tokens/icons/restart.svg");
-                width: 18px;
-                height: 18px;
-                left: 0;
-            }
+        .mx_AddExistingToSpaceDialog_retryButton svg {
+            color: $primary-content;
+            width: 18px;
+            height: 18px;
+            margin-right: var(--cpd-space-2x);
         }
     }
 }
@@ -185,25 +173,17 @@ Please see LICENSE files in the repository root for full details.
             }
         }
 
-        .mx_Dropdown_menu {
-            .mx_SubspaceSelector_dropdownOptionActive {
-                color: $accent;
-                padding-right: 32px;
-                position: relative;
+        .mx_SubspaceSelector_dropdownOptionActive {
+            color: $accent;
+            padding-right: 24px;
+            position: relative;
 
-                &::before {
-                    content: "";
-                    width: 20px;
-                    height: 20px;
-                    top: 8px;
-                    right: 0;
-                    position: absolute;
-                    mask-position: center;
-                    mask-size: contain;
-                    mask-repeat: no-repeat;
-                    background-color: $accent;
-                    mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
-                }
+            svg {
+                width: 20px;
+                height: 20px;
+                right: 0;
+                position: absolute;
+                color: $accent;
             }
         }
     }
@@ -225,7 +205,8 @@ Please see LICENSE files in the repository root for full details.
         margin-bottom: auto;
     }
 
-    .mx_DecoratedRoomAvatar, /* we can't target .mx_BaseAvatar here as it'll break the decorated avatar styling */ {
+    /* we can't target .mx_BaseAvatar here as it'll break the decorated avatar styling */
+    .mx_DecoratedRoomAvatar {
         margin-right: 12px;
     }
 
diff --git a/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss b/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
index ace0060343..5bafec7c0f 100644
--- a/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
+++ b/res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 .mx_AnalyticsLearnMoreDialog {
     max-width: 500px;
     .mx_AnalyticsLearnMore_image_holder {
-        background-image: url("$(res)/img/element-shiny.svg");
+        background-image: url("/res/img/element-shiny.svg");
         background-repeat: no-repeat;
         background-position: center top;
         height: 112px;
@@ -42,18 +42,13 @@ Please see LICENSE files in the repository root for full details.
         vertical-align: middle;
         position: relative;
 
-        &::before {
-            content: "";
+        svg {
             position: absolute;
             width: 26px;
             height: 26px;
             left: 0;
             top: 0;
-            background-color: #0dbd8b;
-            mask-image: url("@vector-im/compound-design-tokens/icons/check-circle.svg");
-            mask-repeat: no-repeat;
-            mask-position: center;
-            mask-size: contain;
+            color: #0dbd8b;
         }
     }
 }
diff --git a/res/css/views/dialogs/_ForwardDialog.pcss b/res/css/views/dialogs/_ForwardDialog.pcss
index 68132f0bbb..b155bd1f4a 100644
--- a/res/css/views/dialogs/_ForwardDialog.pcss
+++ b/res/css/views/dialogs/_ForwardDialog.pcss
@@ -40,8 +40,7 @@ Please see LICENSE files in the repository root for full details.
         /* that our preview is unencrypted, which doesn't actually matter */
         /* We also hide download links to not encourage users to try interacting */
         .mx_EventTile_msgOption,
-        .mx_EventTile_e2eIcon_unencrypted,
-        .mx_EventTile_e2eIcon_warning,
+        .mx_EventTile_e2eIcon,
         .mx_MFileBody_download {
             display: none;
         }
@@ -135,35 +134,17 @@ Please see LICENSE files in the repository root for full details.
                         visibility: hidden;
                     }
 
-                    .mx_ForwardList_sendIcon,
-                    .mx_NotificationBadge {
+                    & > svg {
                         position: absolute;
+                        width: 14px;
+                        height: 14px;
+                        color: $accent;
                     }
 
                     .mx_NotificationBadge {
                         /* Match the failed to send indicator's color with the disabled button */
                         background-color: $button-danger-disabled-fg-color;
                     }
-
-                    &.mx_ForwardList_sending .mx_ForwardList_sendIcon {
-                        background-color: $accent;
-                        mask-image: url("@vector-im/compound-design-tokens/icons/circle.svg");
-                        mask-position: center;
-                        mask-repeat: no-repeat;
-                        mask-size: 14px;
-                        width: 14px;
-                        height: 14px;
-                    }
-
-                    &.mx_ForwardList_sent .mx_ForwardList_sendIcon {
-                        background-color: $accent;
-                        mask-image: url("@vector-im/compound-design-tokens/icons/check-circle.svg");
-                        mask-position: center;
-                        mask-repeat: no-repeat;
-                        mask-size: 14px;
-                        width: 14px;
-                        height: 14px;
-                    }
                 }
             }
         }
diff --git a/res/css/views/dialogs/_PollCreateDialog.pcss b/res/css/views/dialogs/_PollCreateDialog.pcss
index 0689938a24..ba7d9c644d 100644
--- a/res/css/views/dialogs/_PollCreateDialog.pcss
+++ b/res/css/views/dialogs/_PollCreateDialog.pcss
@@ -43,23 +43,17 @@ Please see LICENSE files in the repository root for full details.
 
         .mx_PollCreateDialog_removeOption {
             margin-left: 12px;
-            width: 20px;
-            height: 20px;
+            width: 16px;
+            height: 16px;
+            padding: var(--cpd-space-0-5x);
             border-radius: 50%;
             background-color: $quinary-content;
             cursor: pointer;
-            position: relative;
 
-            &::before {
-                content: "";
-                mask: url("@vector-im/compound-design-tokens/icons/close.svg");
-                mask-repeat: no-repeat;
-                mask-position: center;
-                mask-size: 16px;
+            svg {
                 width: inherit;
                 height: inherit;
-                position: absolute;
-                background-color: $secondary-content;
+                color: $secondary-content;
             }
         }
     }
diff --git a/res/css/views/dialogs/_RoomSettingsDialog.pcss b/res/css/views/dialogs/_RoomSettingsDialog.pcss
index bc64e9543b..9967adca50 100644
--- a/res/css/views/dialogs/_RoomSettingsDialog.pcss
+++ b/res/css/views/dialogs/_RoomSettingsDialog.pcss
@@ -13,11 +13,3 @@ Please see LICENSE files in the repository root for full details.
     margin: 0 auto;
     padding-right: 80px;
 }
-
-/* show a different AvatarSetting placeholder for RoomProfileSettings which is basically a clone of ProfileSettings */
-.mx_RoomSettingsDialog .mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder::before {
-    mask: url("@vector-im/compound-design-tokens/icons/image.svg");
-    mask-repeat: no-repeat;
-    mask-size: 36px;
-    mask-position: center;
-}
diff --git a/res/css/views/dialogs/_SpotlightDialog.pcss b/res/css/views/dialogs/_SpotlightDialog.pcss
index 67d2ebcc39..dcb2247688 100644
--- a/res/css/views/dialogs/_SpotlightDialog.pcss
+++ b/res/css/views/dialogs/_SpotlightDialog.pcss
@@ -79,12 +79,8 @@ Please see LICENSE files in the repository root for full details.
             position: relative;
             padding: $spacing-4 $spacing-8 $spacing-4 37px;
 
-            &::before {
-                background-color: $secondary-content;
-                content: "";
-                mask-repeat: no-repeat;
-                mask-position: center;
-                mask-size: contain;
+            > svg {
+                color: $secondary-content;
                 width: 18px;
                 height: 18px;
                 position: absolute;
@@ -93,23 +89,11 @@ Please see LICENSE files in the repository root for full details.
                 transform: translateY(-50%);
             }
 
-            &.mx_SpotlightDialog_filterPeople::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
-            }
-
-            &.mx_SpotlightDialog_filterPublicRooms::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
-            }
-
-            &.mx_SpotlightDialog_filterPublicSpaces::before {
-                mask-image: url("$(res)/img/element-icons/spaces.svg");
-            }
-
             .mx_SpotlightDialog_filter--close {
-                position: relative;
                 display: inline-block;
-                width: 16px;
-                height: 16px;
+                width: 14px;
+                height: 14px;
+                padding: 1px;
                 background: $system;
                 border-radius: 8px;
                 margin-left: $spacing-8;
@@ -117,17 +101,10 @@ Please see LICENSE files in the repository root for full details.
                 line-height: 16px;
                 color: $secondary-content;
 
-                &::before {
-                    background-color: $secondary-content;
-                    content: "";
-                    mask-repeat: no-repeat;
-                    mask-position: center;
-                    mask-size: 14px;
+                svg {
+                    color: $secondary-content;
                     width: inherit;
                     height: inherit;
-                    position: absolute;
-                    left: 0;
-                    mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
                 }
             }
         }
@@ -386,45 +363,24 @@ Please see LICENSE files in the repository root for full details.
                 margin: 0;
                 padding: 3px $spacing-8 3px $spacing-28;
 
-                &::before {
-                    content: "";
+                svg {
                     display: block;
                     position: absolute;
-                    mask-repeat: no-repeat;
-                    mask-position: center;
-                    mask-size: contain;
                     left: $spacing-8;
                     width: 16px;
                     height: 16px;
-                    background: var(--cpd-color-icon-primary);
+                    color: var(--cpd-color-icon-primary);
                 }
             }
         }
 
-        .mx_SpotlightDialog_inviteLink .mx_AccessibleButton::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/link.svg");
-        }
-
-        .mx_SpotlightDialog_createRoom .mx_AccessibleButton::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
-        }
-
         .mx_SpotlightDialog_otherSearches {
-            .mx_SpotlightDialog_startChat,
-            .mx_SpotlightDialog_joinRoomAlias,
-            .mx_SpotlightDialog_explorePublicRooms,
-            .mx_SpotlightDialog_explorePublicSpaces,
-            .mx_SpotlightDialog_startGroupChat,
-            .mx_SpotlightDialog_searchMessages {
+            .mx_SpotlightDialog_option {
                 padding-left: $spacing-32;
                 position: relative;
 
-                &::before {
-                    background-color: $secondary-content;
-                    content: "";
-                    mask-repeat: no-repeat;
-                    mask-position: center;
-                    mask-size: contain;
+                svg {
+                    color: $secondary-content;
                     width: 24px;
                     height: 24px;
                     position: absolute;
@@ -434,30 +390,6 @@ Please see LICENSE files in the repository root for full details.
                 }
             }
 
-            .mx_SpotlightDialog_startChat::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
-            }
-
-            .mx_SpotlightDialog_joinRoomAlias::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
-            }
-
-            .mx_SpotlightDialog_explorePublicRooms::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
-            }
-
-            .mx_SpotlightDialog_explorePublicSpaces::before {
-                mask-image: url("$(res)/img/element-icons/spaces.svg");
-            }
-
-            .mx_SpotlightDialog_startGroupChat::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
-            }
-
-            .mx_SpotlightDialog_searchMessages::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/chat.svg");
-            }
-
             .mx_SpotlightDialog_otherSearches_messageSearchText {
                 font-size: $font-15px;
                 line-height: $font-24px;
@@ -496,27 +428,10 @@ Please see LICENSE files in the repository root for full details.
             display: none;
         }
 
-        .mx_SpotlightDialog_metaspaceResult {
-            background-color: $secondary-content;
-            mask-position: center;
-            mask-repeat: no-repeat;
-            mask-size: contain;
-
-            &.mx_SpotlightDialog_metaspaceResult_home-space {
-                mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
-            }
-
-            &.mx_SpotlightDialog_metaspaceResult_favourites-space {
-                mask-image: url("@vector-im/compound-design-tokens/icons/favourite-solid.svg");
-            }
-
-            &.mx_SpotlightDialog_metaspaceResult_people-space {
-                mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
-            }
-
-            &.mx_SpotlightDialog_metaspaceResult_orphans-space {
-                mask-image: url("@vector-im/compound-design-tokens/icons/room.svg");
-            }
+        .mx_SpotlightDialog_metaspaceResult svg {
+            color: $secondary-content;
+            width: inherit;
+            height: inherit;
         }
     }
 }
diff --git a/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss b/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
index 2c78a62f8d..ec4d58edaf 100644
--- a/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
+++ b/res/css/views/dialogs/security/_AccessSecretStorageDialog.pcss
@@ -33,14 +33,11 @@ Please see LICENSE files in the repository root for full details.
         }
 
         .mx_AccessSecretStorageDialog_recoveryKeyFeedback {
-            &::before {
-                content: "";
+            svg {
                 display: inline-block;
                 vertical-align: bottom;
                 width: 20px;
                 height: 20px;
-                mask-repeat: no-repeat;
-                mask-position: center;
                 mask-size: 20px;
                 margin-inline-end: 5px;
             }
@@ -48,9 +45,8 @@ Please see LICENSE files in the repository root for full details.
             &.mx_AccessSecretStorageDialog_recoveryKeyFeedback--invalid {
                 color: $alert;
 
-                &::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/error-solid.svg");
-                    background-color: $alert;
+                svg {
+                    color: $alert;
                 }
             }
         }
diff --git a/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss b/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
index e40458f48f..b056e959b8 100644
--- a/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
+++ b/res/css/views/dialogs/security/_CreateSecretStorageDialog.pcss
@@ -48,25 +48,6 @@ Please see LICENSE files in the repository root for full details.
     margin-bottom: 1em;
 }
 
-.mx_CreateSecretStorageDialog_titleWithIcon::before {
-    content: "";
-    display: inline-block;
-    width: 24px;
-    height: 24px;
-    margin-right: 8px;
-    position: relative;
-    top: 5px;
-    background-color: $primary-content;
-}
-
-.mx_CreateSecretStorageDialog_secureBackupTitle::before {
-    mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
-}
-
-.mx_CreateSecretStorageDialog_securePhraseTitle::before {
-    mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
-}
-
 .mx_CreateSecretStorageDialog_centeredTitle,
 .mx_CreateSecretStorageDialog_centeredBody {
     text-align: center;
@@ -100,24 +81,6 @@ Please see LICENSE files in the repository root for full details.
     padding-bottom: 10px;
 }
 
-.mx_CreateSecretStorageDialog_optionIcon {
-    display: inline-block;
-    width: 24px;
-    height: 24px;
-    margin-right: 8px;
-    position: relative;
-    top: 5px;
-    background-color: $primary-content;
-}
-
-.mx_CreateSecretStorageDialog_optionIcon_securePhrase {
-    mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
-}
-
-.mx_CreateSecretStorageDialog_optionIcon_secureBackup {
-    mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
-}
-
 .mx_CreateSecretStorageDialog_passPhraseContainer {
     display: flex;
     align-items: flex-start;
diff --git a/res/css/views/elements/_AccessibleButton.pcss b/res/css/views/elements/_AccessibleButton.pcss
index d9d78912f0..fafe75c642 100644
--- a/res/css/views/elements/_AccessibleButton.pcss
+++ b/res/css/views/elements/_AccessibleButton.pcss
@@ -63,22 +63,6 @@ Please see LICENSE files in the repository root for full details.
             font-weight: var(--cpd-font-weight-semibold);
         }
 
-        &.mx_AccessibleButton_kind_confirm_sm {
-            background-color: var(--cpd-color-bg-action-primary-rest);
-
-            &::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/check.svg");
-            }
-        }
-
-        &.mx_AccessibleButton_kind_cancel_sm {
-            background-color: var(--cpd-color-bg-critical-primary);
-
-            &::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
-            }
-        }
-
         &.mx_AccessibleButton_kind_icon,
         &.mx_AccessibleButton_kind_icon_primary,
         &.mx_AccessibleButton_kind_icon_primary_outline {
@@ -114,13 +98,10 @@ Please see LICENSE files in the repository root for full details.
         text-decoration: underline;
     }
 
-    &.mx_AccessibleButton_kind_secondary_content {
-        color: $secondary-content;
-    }
-
     &.mx_AccessibleButton_kind_danger {
         color: var(--cpd-color-text-on-solid-primary);
         background-color: var(--cpd-color-bg-critical-primary);
+        border: 1px solid var(--cpd-color-bg-critical-primary);
 
         &.mx_AccessibleButton_disabled {
             color: var(--cpd-color-text-on-solid-primary);
@@ -175,25 +156,4 @@ Please see LICENSE files in the repository root for full details.
     &.mx_AccessibleButton_kind_content_inline {
         display: inline;
     }
-
-    &.mx_AccessibleButton_kind_confirm_sm,
-    &.mx_AccessibleButton_kind_cancel_sm {
-        padding: 0px;
-        width: 16px;
-        height: 16px;
-        border-radius: 100%;
-        position: relative;
-        display: block;
-
-        &::before {
-            content: "";
-            display: block;
-            position: absolute;
-            inset: 0;
-            background-color: #ffffff;
-            mask-repeat: no-repeat;
-            mask-position: center;
-            mask-size: 80%;
-        }
-    }
 }
diff --git a/res/css/views/elements/_DialPadBackspaceButton.pcss b/res/css/views/elements/_DialPadBackspaceButton.pcss
index 4e305999ff..6325276901 100644
--- a/res/css/views/elements/_DialPadBackspaceButton.pcss
+++ b/res/css/views/elements/_DialPadBackspaceButton.pcss
@@ -7,26 +7,14 @@ Please see LICENSE files in the repository root for full details.
 */
 
 .mx_DialPadBackspaceButton {
-    position: relative;
-    height: 28px;
-    width: 28px;
+    height: 20px;
+    width: 20px;
+    padding: var(--cpd-space-1x);
 
-    &::before {
-        /* force this element to appear on the DOM */
-        content: "";
-
-        background-color: #8d97a5;
+    svg {
+        color: #8d97a5;
         width: inherit;
         height: inherit;
-        top: 0px;
-        left: 0px;
-        position: absolute;
         display: inline-block;
-        vertical-align: middle;
-
-        mask-image: url("$(res)/img/element-icons/call/delete.svg");
-        mask-position: 8px;
-        mask-size: 20px;
-        mask-repeat: no-repeat;
     }
 }
diff --git a/res/css/views/elements/_FacePile.pcss b/res/css/views/elements/_FacePile.pcss
index de37d5ba6d..791386cd4a 100644
--- a/res/css/views/elements/_FacePile.pcss
+++ b/res/css/views/elements/_FacePile.pcss
@@ -19,6 +19,8 @@ Please see LICENSE files in the repository root for full details.
     color: $tertiary-content;
     display: inline-block;
     z-index: 1;
+    /* For enhanced visibility under contrast control */
+    outline: 1px solid transparent;
 }
 
 .mx_FacePile_summary {
diff --git a/res/css/views/elements/_Field.pcss b/res/css/views/elements/_Field.pcss
index 90cb176251..dc9f287398 100644
--- a/res/css/views/elements/_Field.pcss
+++ b/res/css/views/elements/_Field.pcss
@@ -47,20 +47,14 @@ Please see LICENSE files in the repository root for full details.
     text-overflow: ellipsis;
 }
 
-/* Can't add pseudo-elements to a select directly, so we use its parent. */
-.mx_Field_select::before {
-    content: "";
+.mx_Field_select_chevron {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 4px;
     width: 18px;
     height: 18px;
-    mask: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
-    mask-repeat: no-repeat;
-    mask-position: center;
-    mask-size: contain;
-    background-color: $primary-content;
+    color: $primary-content;
     z-index: 1;
     pointer-events: none;
 }
diff --git a/res/css/views/elements/_ImageView.pcss b/res/css/views/elements/_ImageView.pcss
index d6649d15da..c025456157 100644
--- a/res/css/views/elements/_ImageView.pcss
+++ b/res/css/views/elements/_ImageView.pcss
@@ -7,8 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 $button-size: 32px;
-$icon-size: 22px;
-$button-gap: 24px;
+$button-gap: var(--cpd-space-3x);
 
 :root {
     --image-view-panel-height: 68px;
@@ -82,6 +81,8 @@ $button-gap: 24px;
 }
 
 .mx_ImageView_toolbar {
+    --icon-size: 24px;
+
     padding-right: 16px;
     pointer-events: initial;
     display: flex;
@@ -89,60 +90,30 @@ $button-gap: 24px;
     flex-grow: 1;
     flex-basis: 0;
     justify-content: flex-end;
-    gap: calc($button-gap - ($button-size - $icon-size));
+    gap: $button-gap;
 }
 
 .mx_ImageView_button {
-    padding: calc(($button-size - $icon-size) / 2);
+    padding: calc(($button-size - var(--icon-size)) / 2);
+    width: var(--icon-size);
+    height: var(--icon-size);
     display: block;
 
-    &::before {
-        content: "";
-        height: $icon-size;
-        width: $icon-size;
-        mask-repeat: no-repeat;
-        mask-size: contain;
-        mask-position: center;
+    svg {
+        height: inherit;
+        width: inherit;
         display: block;
-        background-color: $icon-button-color;
+        color: $icon-button-color;
     }
 }
 
-.mx_ImageView_button_rotateCW::before {
-    mask-image: url("$(res)/img/image-view/rotate-cw.svg");
-}
-
-.mx_ImageView_button_rotateCCW::before {
-    mask-image: url("$(res)/img/image-view/rotate-ccw.svg");
-}
-
-.mx_ImageView_button_zoomOut::before {
-    mask-image: url("$(res)/img/image-view/zoom-out.svg");
-}
-
-.mx_ImageView_button_zoomIn::before {
-    mask-image: url("$(res)/img/image-view/zoom-in.svg");
-}
-
-.mx_ImageView_button_download::before {
-    mask-image: url("@vector-im/compound-design-tokens/icons/download.svg");
-}
-
-.mx_ImageView_button_more::before {
-    mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
-    mask-size: 28px;
+.mx_ImageView_button_more {
+    --icon-size: 28px;
 }
 
 .mx_ImageView_button_close {
-    padding: calc($button-size - $button-size);
     border-radius: 100%;
     background: #21262c; /* same on all themes */
-    &::before {
-        width: $button-size;
-        height: $button-size;
-        mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
-        mask-size: 24px;
-    }
 }
 
 @media (prefers-reduced-motion) {
diff --git a/res/css/views/elements/_Pill.pcss b/res/css/views/elements/_Pill.pcss
index c466c4d6a3..446f4694b5 100644
--- a/res/css/views/elements/_Pill.pcss
+++ b/res/css/views/elements/_Pill.pcss
@@ -19,6 +19,8 @@ Please see LICENSE files in the repository root for full details.
 
     color: var(--cpd-color-text-on-solid-primary) !important; /* To override .markdown-body */
     background-color: $pill-bg-color !important; /* To override .markdown-body */
+    /* For enhanced visibility under contrast control */
+    outline: 1px solid transparent;
 
     > * {
         pointer-events: none;
diff --git a/res/css/views/elements/_ServerPicker.pcss b/res/css/views/elements/_ServerPicker.pcss
index 5d04482334..0244673a35 100644
--- a/res/css/views/elements/_ServerPicker.pcss
+++ b/res/css/views/elements/_ServerPicker.pcss
@@ -23,28 +23,19 @@ Please see LICENSE files in the repository root for full details.
     }
 
     .mx_ServerPicker_help {
-        width: 20px;
-        height: 20px;
+        width: 24px;
+        height: 24px;
         border-radius: 10px;
         grid-column: 2;
         grid-row: 1;
         margin-left: auto;
-        text-align: center;
-        font-size: 16px;
-        position: relative;
+        margin-top: -2px;
+        margin-right: -2px;
 
-        &::before {
-            content: "";
-            width: 24px;
-            height: 24px;
-            position: absolute;
-            top: -2px;
-            left: -2px;
-            mask-position: center;
-            mask-size: contain;
-            mask-repeat: no-repeat;
-            mask-image: url("@vector-im/compound-design-tokens/icons/info.svg");
-            background: $icon-button-color;
+        svg {
+            width: inherit;
+            height: inherit;
+            color: $icon-button-color;
         }
     }
 
diff --git a/res/css/views/elements/_StyledRadioButton.pcss b/res/css/views/elements/_StyledRadioButton.pcss
index 13bcf309e7..90095ed21a 100644
--- a/res/css/views/elements/_StyledRadioButton.pcss
+++ b/res/css/views/elements/_StyledRadioButton.pcss
@@ -82,6 +82,8 @@ Please see LICENSE files in the repository root for full details.
 
                 & > div {
                     background: $active-radio-circle-color;
+                    /* For enhanced visibility under contrast control */
+                    outline: 1px solid transparent;
                 }
             }
         }
diff --git a/res/css/views/emojipicker/_EmojiPicker.pcss b/res/css/views/emojipicker/_EmojiPicker.pcss
index bc14c2e958..60a364a6e3 100644
--- a/res/css/views/emojipicker/_EmojiPicker.pcss
+++ b/res/css/views/emojipicker/_EmojiPicker.pcss
@@ -31,17 +31,27 @@ Please see LICENSE files in the repository root for full details.
 
 .mx_EmojiPicker_anchor {
     border: none;
-    padding: 8px 8px 6px;
+    padding: var(--cpd-space-1x) 0;
+    /* We have to explicitly inherit the font as button browser styles are implicitly ignorant */
+    font: inherit;
+    font-size: $font-20px;
+    line-height: 1;
     border-bottom: 2px solid transparent;
     background-color: transparent;
     border-radius: 4px 4px 0 0;
 
     width: 36px;
-    height: 38px;
+    height: 36px;
+
+    color: $primary-content;
+    display: inline-block;
 
     &:not(:disabled) {
         cursor: pointer;
     }
+    &:disabled {
+        filter: opacity(0.3);
+    }
 
     &:not(:disabled):hover {
         background-color: $focus-bg-color;
@@ -49,51 +59,6 @@ Please see LICENSE files in the repository root for full details.
     }
 }
 
-.mx_EmojiPicker_anchor::before {
-    background-color: $primary-content;
-    content: "";
-    display: inline-block;
-    mask-size: 100%;
-    mask-repeat: no-repeat;
-    width: 100%;
-    height: 100%;
-}
-
-.mx_EmojiPicker_anchor:disabled::before {
-    background-color: $focus-bg-color;
-}
-
-.mx_EmojiPicker_anchor_activity::before {
-    mask-image: url("$(res)/img/emojipicker/activity.svg");
-}
-.mx_EmojiPicker_anchor_custom::before {
-    mask-image: url("$(res)/img/emojipicker/custom.svg");
-}
-.mx_EmojiPicker_anchor_flags::before {
-    mask-image: url("$(res)/img/emojipicker/flags.svg");
-}
-.mx_EmojiPicker_anchor_foods::before {
-    mask-image: url("$(res)/img/emojipicker/foods.svg");
-}
-.mx_EmojiPicker_anchor_nature::before {
-    mask-image: url("$(res)/img/emojipicker/nature.svg");
-}
-.mx_EmojiPicker_anchor_objects::before {
-    mask-image: url("$(res)/img/emojipicker/objects.svg");
-}
-.mx_EmojiPicker_anchor_people::before {
-    mask-image: url("$(res)/img/emojipicker/people.svg");
-}
-.mx_EmojiPicker_anchor_places::before {
-    mask-image: url("$(res)/img/emojipicker/places.svg");
-}
-.mx_EmojiPicker_anchor_recent::before {
-    mask-image: url("$(res)/img/emojipicker/recent.svg");
-}
-.mx_EmojiPicker_anchor_symbols::before {
-    mask-image: url("$(res)/img/emojipicker/symbols.svg");
-}
-
 .mx_EmojiPicker_anchor_visible {
     border-bottom: 2px solid $accent;
 }
@@ -124,34 +89,24 @@ Please see LICENSE files in the repository root for full details.
         align-self: center;
         width: 32px;
         height: 32px;
+        cursor: pointer;
+
+        svg {
+            width: 100%;
+            height: 100%;
+        }
     }
 }
 
-.mx_EmojiPicker_search_clear {
-    cursor: pointer;
-}
-
 .mx_EmojiPicker_search_icon {
-    width: 16px;
+    width: 18px;
     margin: 8px;
-}
 
-.mx_EmojiPicker_search_icon:not(.mx_EmojiPicker_search_clear) {
-    pointer-events: none;
-}
-
-.mx_EmojiPicker_search_icon::after {
-    mask: url("$(res)/img/emojipicker/search.svg") no-repeat;
-    mask-size: 100%;
-    background-color: $primary-content;
-    content: "";
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-}
-
-.mx_EmojiPicker_search_clear::after {
-    mask-image: url("$(res)/img/emojipicker/delete.svg");
+    svg {
+        width: 100%;
+        height: 100%;
+        color: $primary-content;
+    }
 }
 
 .mx_EmojiPicker_category {
diff --git a/res/css/views/messages/_CallEvent.pcss b/res/css/views/messages/_CallEvent.pcss
index dd260189d8..1733fd8638 100644
--- a/res/css/views/messages/_CallEvent.pcss
+++ b/res/css/views/messages/_CallEvent.pcss
@@ -46,13 +46,10 @@ Please see LICENSE files in the repository root for full details.
     line-height: 24px; /* in px to match the avatar */
 }
 
-.mx_CallEvent_inactive .mx_CallEvent_title::before {
+.mx_CallEvent_inactive .mx_CallEvent_title svg {
     display: inline-block;
     vertical-align: middle;
-    content: "";
-    background-color: $secondary-content;
-    mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
-    mask-size: 16px;
+    color: $secondary-content;
     width: 16px;
     height: 16px;
     margin-right: $spacing-8;
diff --git a/res/css/views/messages/_CreateEvent.pcss b/res/css/views/messages/_CreateEvent.pcss
index 2f4d753436..710ca01be1 100644
--- a/res/css/views/messages/_CreateEvent.pcss
+++ b/res/css/views/messages/_CreateEvent.pcss
@@ -9,8 +9,7 @@ Please see LICENSE files in the repository root for full details.
 .mx_EventTileBubble.mx_CreateEvent {
     margin: var(--EventTileBubble_margin-block) auto;
 
-    &::before {
-        background-color: $header-panel-text-primary-color;
-        mask-image: url("@vector-im/compound-design-tokens/icons/chat-solid.svg");
+    svg {
+        color: $header-panel-text-primary-color;
     }
 }
diff --git a/res/css/views/messages/_DecryptionFailureBody.pcss b/res/css/views/messages/_DecryptionFailureBody.pcss
deleted file mode 100644
index 4a4940abe3..0000000000
--- a/res/css/views/messages/_DecryptionFailureBody.pcss
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2022 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-.mx_DecryptionFailureBody {
-    color: $secondary-content;
-    font-style: italic;
-}
-
-/* Formatting for errors due to sender trust requirement failures */
-.mx_DecryptionFailureSenderTrustRequirement > span {
-    /* some space between the (/) icon and text */
-    display: inline-flex;
-    gap: var(--cpd-space-1x);
-
-    /* Center vertically */
-    align-items: center;
-}
diff --git a/res/css/views/messages/_EventTileBubble.pcss b/res/css/views/messages/_EventTileBubble.pcss
deleted file mode 100644
index 4b47c8b78e..0000000000
--- a/res/css/views/messages/_EventTileBubble.pcss
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-.mx_EventTileBubble {
-    --EventTileBubble_margin-block: 10px;
-
-    background-color: $dark-panel-bg-color;
-    padding: 10px;
-    border-radius: 8px;
-    /* Reserve space for external timestamps, but also cap the width */
-    max-width: min(calc(100% - 2 * var(--MessageTimestamp-width)), 600px);
-    box-sizing: border-box;
-    display: grid;
-    grid-template-columns: 24px minmax(0, 1fr) min-content min-content;
-
-    &::before,
-    &::after {
-        position: relative;
-        grid-column: 1;
-        grid-row: 1 / 3;
-        width: 16px;
-        height: 16px;
-        content: "";
-        inset: 0;
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-size: contain;
-        margin-top: $spacing-4;
-    }
-
-    .mx_EventTileBubble_title,
-    .mx_EventTileBubble_subtitle {
-        grid-column: 2;
-        overflow-wrap: break-word;
-        min-inline-size: 50px;
-    }
-
-    .mx_EventTileBubble_title {
-        font-weight: var(--cpd-font-weight-semibold);
-        font-size: $font-15px;
-        grid-row: 1;
-    }
-
-    .mx_EventTileBubble_subtitle {
-        font-size: $font-12px;
-        grid-row: 2;
-    }
-
-    .mx_MessageTimestamp {
-        grid-column: 4;
-        grid-row: 1 / 3;
-        align-self: center;
-        margin-left: $spacing-16;
-    }
-}
diff --git a/res/css/views/messages/_HiddenBody.pcss b/res/css/views/messages/_HiddenBody.pcss
index 30e3100dbb..3644db16e6 100644
--- a/res/css/views/messages/_HiddenBody.pcss
+++ b/res/css/views/messages/_HiddenBody.pcss
@@ -11,21 +11,12 @@ Please see LICENSE files in the repository root for full details.
     color: $muted-fg-color;
     vertical-align: middle;
 
-    padding-left: 20px;
-    position: relative;
-
-    &::before {
+    svg {
         height: 14px;
         width: 14px;
-        background-color: $muted-fg-color;
-        mask-image: url("@vector-im/compound-design-tokens/icons/visibility-off.svg");
-
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-size: contain;
-        content: "";
-        position: absolute;
-        top: 1px;
-        left: 0;
+        display: inline-block;
+        margin-right: var(--cpd-space-1-5x);
+        color: $muted-fg-color;
+        vertical-align: -2px;
     }
 }
diff --git a/res/css/views/messages/_LegacyCallEvent.pcss b/res/css/views/messages/_LegacyCallEvent.pcss
index 449268c678..16905485b6 100644
--- a/res/css/views/messages/_LegacyCallEvent.pcss
+++ b/res/css/views/messages/_LegacyCallEvent.pcss
@@ -30,67 +30,10 @@ Please see LICENSE files in the repository root for full details.
         .mx_LegacyCallEvent_iconButton {
             display: inline-flex;
 
-            &::before {
-                content: "";
-
+            svg {
                 height: 16px;
                 width: 16px;
-                background-color: $secondary-content;
-                mask-repeat: no-repeat;
-                mask-size: contain;
-                mask-position: center;
-            }
-        }
-
-        .mx_LegacyCallEvent_silence::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/volume-on-solid.svg");
-        }
-
-        .mx_LegacyCallEvent_unSilence::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/volume-off-solid.svg");
-        }
-
-        &.mx_LegacyCallEvent_voice {
-            .mx_LegacyCallEvent_type_icon::before,
-            .mx_LegacyCallEvent_content_button_callBack span::before,
-            .mx_LegacyCallEvent_content_button_answer span::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-solid.svg");
-            }
-
-            &.mx_LegacyCallEvent_rejected,
-            &.mx_LegacyCallEvent_noAnswer {
-                .mx_LegacyCallEvent_type_icon::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/end-call.svg");
-                }
-            }
-        }
-
-        &.mx_LegacyCallEvent_video {
-            .mx_LegacyCallEvent_type_icon::before,
-            .mx_LegacyCallEvent_content_button_callBack span::before,
-            .mx_LegacyCallEvent_content_button_answer span::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
-            }
-
-            &.mx_LegacyCallEvent_rejected,
-            &.mx_LegacyCallEvent_noAnswer {
-                .mx_LegacyCallEvent_type_icon::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/video-call-declined-solid.svg");
-                }
-            }
-        }
-
-        &.mx_LegacyCallEvent_missed {
-            &.mx_LegacyCallEvent_voice {
-                .mx_LegacyCallEvent_type_icon::before {
-                    mask-image: url("$(res)/img/voip/missed-voice.svg");
-                }
-            }
-
-            &.mx_LegacyCallEvent_video {
-                .mx_LegacyCallEvent_type_icon::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/video-call-missed-solid.svg");
-                }
+                color: $secondary-content;
             }
         }
 
@@ -119,26 +62,8 @@ Please see LICENSE files in the repository root for full details.
                 }
 
                 .mx_LegacyCallEvent_type {
-                    display: flex;
-                    align-items: center;
                     font-weight: 400;
                     color: $secondary-content;
-
-                    .mx_LegacyCallEvent_type_icon {
-                        height: 13px;
-                        width: 13px;
-                        margin-right: 5px;
-
-                        &::before {
-                            content: "";
-                            position: absolute;
-                            height: 13px;
-                            width: 13px;
-                            background-color: $secondary-content;
-                            mask-repeat: no-repeat;
-                            mask-size: contain;
-                        }
-                    }
                 }
             }
         }
@@ -158,19 +83,6 @@ Please see LICENSE files in the repository root for full details.
                 @mixin LegacyCallButton;
                 padding: 0 $spacing-12;
                 font-size: inherit;
-
-                span::before {
-                    mask-size: 16px;
-                    width: 16px;
-                    height: 16px;
-                    flex-shrink: 0;
-                }
-            }
-
-            .mx_LegacyCallEvent_content_button_reject {
-                span::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/end-call.svg");
-                }
             }
 
             .mx_LegacyCallEvent_content_tooltip {
@@ -202,6 +114,21 @@ Please see LICENSE files in the repository root for full details.
     }
 }
 
+.mx_LegacyCallEvent_type_icon {
+    height: 16px;
+    width: 16px;
+    margin-right: 6px;
+    display: inline-block;
+    vertical-align: -2px;
+
+    svg {
+        position: absolute;
+        height: inherit;
+        width: inherit;
+        color: $tertiary-content;
+    }
+}
+
 .mx_EventTile[data-layout="bubble"] {
     .mx_EventTile_e2eIcon + .mx_LegacyCallEvent_wrapper {
         .mx_LegacyCallEvent {
diff --git a/res/css/views/messages/_MFileBody.pcss b/res/css/views/messages/_MFileBody.pcss
index 51ba681140..6293270c68 100644
--- a/res/css/views/messages/_MFileBody.pcss
+++ b/res/css/views/messages/_MFileBody.pcss
@@ -34,25 +34,17 @@ Please see LICENSE files in the repository root for full details.
         background-color: $system;
         border-radius: 20px;
         display: inline-block;
-        width: 32px;
-        height: 32px;
-        position: relative;
+        width: 16px;
+        height: 16px;
+        padding: var(--cpd-space-2x);
         vertical-align: middle;
         margin-right: 12px;
 
-        &::before {
-            content: "";
-            mask-repeat: no-repeat;
-            mask-position: center;
-            mask-size: cover;
-            mask-image: url("@vector-im/compound-design-tokens/icons/attachment.svg");
-            background-color: $secondary-content;
-            width: 16px;
-            height: 16px;
-
-            position: absolute;
-            top: 8px;
-            left: 8px;
+        svg {
+            color: $secondary-content;
+            width: inherit;
+            height: inherit;
+            display: block;
         }
     }
 
diff --git a/res/css/views/messages/_MJitsiWidgetEvent.pcss b/res/css/views/messages/_MJitsiWidgetEvent.pcss
index 9884d8951f..7813354366 100644
--- a/res/css/views/messages/_MJitsiWidgetEvent.pcss
+++ b/res/css/views/messages/_MJitsiWidgetEvent.pcss
@@ -7,8 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 .mx_EventTileBubble.mx_MJitsiWidgetEvent {
-    &::before {
-        background-color: $header-panel-text-primary-color; /* XXX: Variable abuse */
-        mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
+    svg {
+        color: $header-panel-text-primary-color; /* XXX: Variable abuse */
     }
 }
diff --git a/res/css/views/messages/_ReactionsRow.pcss b/res/css/views/messages/_ReactionsRow.pcss
index 833dee9a35..0c16480bd5 100644
--- a/res/css/views/messages/_ReactionsRow.pcss
+++ b/res/css/views/messages/_ReactionsRow.pcss
@@ -9,25 +9,19 @@ Please see LICENSE files in the repository root for full details.
     color: var(--cpd-color-text-primary);
 
     .mx_ReactionsRow_addReactionButton {
-        position: relative;
         display: inline-block;
         visibility: hidden; /* show on hover of the .mx_EventTile */
-        width: 24px;
-        height: 24px;
+        width: 16px;
+        height: 16px;
+        padding: var(--cpd-space-1x);
         vertical-align: middle;
         margin-left: 4px;
         margin-right: 4px;
 
-        &::before {
-            content: "";
-            position: absolute;
-            height: 100%;
-            width: 100%;
-            mask-size: 16px;
-            mask-repeat: no-repeat;
-            mask-position: center;
-            background-color: $tertiary-content;
-            mask-image: url("@vector-im/compound-design-tokens/icons/reaction-add.svg");
+        svg {
+            height: inherit;
+            width: inherit;
+            color: $tertiary-content;
         }
 
         &.mx_ReactionsRow_addReactionButton_active {
@@ -36,8 +30,8 @@ Please see LICENSE files in the repository root for full details.
 
         &:hover,
         &.mx_ReactionsRow_addReactionButton_active {
-            &::before {
-                background-color: $primary-content;
+            svg {
+                color: $primary-content;
             }
         }
     }
diff --git a/res/css/views/messages/_RedactedBody.pcss b/res/css/views/messages/_RedactedBody.pcss
index 7b114b1866..417048c7f5 100644
--- a/res/css/views/messages/_RedactedBody.pcss
+++ b/res/css/views/messages/_RedactedBody.pcss
@@ -11,20 +11,11 @@ Please see LICENSE files in the repository root for full details.
     color: $secondary-content;
     vertical-align: middle;
 
-    padding-left: 20px;
-    position: relative;
-
-    &::before {
+    svg {
+        margin-right: 6px;
         height: 14px;
         width: 14px;
-        background-color: $icon-button-color;
-        mask-image: url("@vector-im/compound-design-tokens/icons/delete.svg");
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-size: contain;
-        content: "";
-        position: absolute;
-        top: 1px;
-        left: 0;
+        color: $icon-button-color;
+        vertical-align: -2px;
     }
 }
diff --git a/res/css/views/messages/_TimelineSeparator.pcss b/res/css/views/messages/_TimelineSeparator.pcss
deleted file mode 100644
index aab77d4e03..0000000000
--- a/res/css/views/messages/_TimelineSeparator.pcss
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2017 Vector Creations Ltd
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-.mx_TimelineSeparator {
-    clear: both;
-    margin: 4px 0;
-    display: flex;
-    align-items: center;
-    font: var(--cpd-font-body-md-regular);
-    color: var(--cpd-color-text-primary);
-}
-
-.mx_TimelineSeparator > hr {
-    flex: 1 1 0;
-    height: 0;
-    border: none;
-    border-bottom: 1px solid var(--cpd-color-gray-400);
-}
diff --git a/res/css/views/messages/_common_CryptoEvent.pcss b/res/css/views/messages/_common_CryptoEvent.pcss
index 5f2e26fd1c..affbd26d64 100644
--- a/res/css/views/messages/_common_CryptoEvent.pcss
+++ b/res/css/views/messages/_common_CryptoEvent.pcss
@@ -9,28 +9,8 @@ Please see LICENSE files in the repository root for full details.
 .mx_EventTileBubble.mx_cryptoEvent {
     margin: var(--EventTileBubble_margin-block) auto;
 
-    /* white infill for the transparency */
-    &.mx_cryptoEvent_icon::before {
-        background-color: #ffffff;
-        mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-size: 80%;
-    }
-
-    &.mx_cryptoEvent_icon::after {
-        mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
-        background-color: $header-panel-text-primary-color;
-    }
-
-    &.mx_cryptoEvent_icon_verified::after {
-        mask-image: url("@vector-im/compound-design-tokens/icons/shield.svg");
-        background-color: $accent;
-    }
-
-    &.mx_cryptoEvent_icon_warning::after {
-        mask-image: url("@vector-im/compound-design-tokens/icons/error-solid.svg");
-        background-color: $e2e-warning-color;
+    &.mx_cryptoEvent_icon svg {
+        color: $header-panel-text-primary-color;
     }
 
     .mx_cryptoEvent_state,
diff --git a/res/css/views/right_panel/_BaseCard.pcss b/res/css/views/right_panel/_BaseCard.pcss
index 035485428a..a5864c4e2a 100644
--- a/res/css/views/right_panel/_BaseCard.pcss
+++ b/res/css/views/right_panel/_BaseCard.pcss
@@ -61,24 +61,19 @@ Please see LICENSE files in the repository root for full details.
 
             .mx_BaseCard_header_title_button--option {
                 position: relative;
-                width: var(--BaseCard_header-button-size);
-                height: var(--BaseCard_header-button-size);
+                width: calc(var(--BaseCard_header-button-size) - 4px);
+                height: calc(var(--BaseCard_header-button-size) - 4px);
+                padding: 2px;
 
-                &::after {
-                    content: "";
-                    position: absolute;
-                    inset-block-start: 0;
-                    inset-inline-start: 0;
-                    height: 100%;
-                    width: 100%;
-                    mask-repeat: no-repeat;
-                    mask-position: center;
-                    mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
-                    background-color: $secondary-content;
+                svg {
+                    width: inherit;
+                    height: inherit;
+                    display: block;
+                    color: $secondary-content;
                 }
 
-                &:hover::after {
-                    background-color: $primary-content;
+                &:hover svg {
+                    color: $primary-content;
                 }
             }
         }
diff --git a/res/css/views/right_panel/_ExtensionsCard.pcss b/res/css/views/right_panel/_ExtensionsCard.pcss
index 10a9cb2d56..cda7541bf4 100644
--- a/res/css/views/right_panel/_ExtensionsCard.pcss
+++ b/res/css/views/right_panel/_ExtensionsCard.pcss
@@ -58,7 +58,13 @@ Please see LICENSE files in the repository root for full details.
             width: 24px;
             padding: var(--cpd-space-3x) var(--cpd-space-1x);
             box-sizing: border-box;
-            min-width: 24px; /* prevent flexbox crushing */
+            flex-shrink: 0;
+
+            svg {
+                width: 16px;
+                height: 16px;
+                color: $icon-button-color;
+            }
 
             &:hover {
                 &::after {
@@ -72,32 +78,14 @@ Please see LICENSE files in the repository root for full details.
                     background-color: rgb(141, 151, 165, 0.1);
                 }
             }
-
-            &::before {
-                content: "";
-                position: absolute;
-                height: 16px;
-                width: 16px;
-                mask-repeat: no-repeat;
-                mask-position: center;
-                mask-size: 16px;
-                background-color: $icon-button-color;
-            }
         }
 
         .mx_ExtensionsCard_app_pinToggle {
             right: 8px;
-
-            &::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/pin-solid.svg");
-            }
         }
 
         .mx_ExtensionsCard_app_options {
             right: 32px; /* 24 + 8 */
-            &::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
-            }
         }
 
         &.mx_ExtensionsCard_Button_pinned {
@@ -105,8 +93,8 @@ Please see LICENSE files in the repository root for full details.
                 opacity: 0.2;
             }
 
-            .mx_ExtensionsCard_app_pinToggle::before {
-                background-color: $accent;
+            .mx_ExtensionsCard_app_pinToggle svg {
+                color: $accent;
             }
         }
 
diff --git a/res/css/views/right_panel/_ThreadPanel.pcss b/res/css/views/right_panel/_ThreadPanel.pcss
index a5a6540dda..66536a7372 100644
--- a/res/css/views/right_panel/_ThreadPanel.pcss
+++ b/res/css/views/right_panel/_ThreadPanel.pcss
@@ -10,11 +10,6 @@ Please see LICENSE files in the repository root for full details.
     height: 100px;
     overflow: visible;
 
-    /* Unset flex on the thread list, but not the thread view */
-    &:not(.mx_ThreadView) .mx_BaseCard_header .mx_BaseCard_header_title {
-        flex: unset;
-    }
-
     .mx_ThreadPanelHeader {
         height: 60px;
         display: flex;
diff --git a/res/css/views/right_panel/_TimelineCard.pcss b/res/css/views/right_panel/_TimelineCard.pcss
index cbd373c7f5..14d33d4f99 100644
--- a/res/css/views/right_panel/_TimelineCard.pcss
+++ b/res/css/views/right_panel/_TimelineCard.pcss
@@ -43,6 +43,7 @@ Please see LICENSE files in the repository root for full details.
         &[data-layout="irc"],
         &[data-layout="group"] {
             --TimelineCard_ReadReceiptGroup-inset-block-start: -6px;
+            --EventTile_group_line-spacing-inline-start: var(--BaseCard_EventTile-spacing-inline);
 
             &.mx_EventTile_info .mx_EventTile_line,
             .mx_EventTile_line {
@@ -77,7 +78,6 @@ Please see LICENSE files in the repository root for full details.
             }
 
             .mx_DisambiguatedProfile,
-            .mx_ReactionsRow,
             .mx_ThreadSummary {
                 margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
             }
diff --git a/res/css/views/right_panel/_VerificationPanel.pcss b/res/css/views/right_panel/_VerificationPanel.pcss
index 40b6de3266..37da9af79f 100644
--- a/res/css/views/right_panel/_VerificationPanel.pcss
+++ b/res/css/views/right_panel/_VerificationPanel.pcss
@@ -39,14 +39,6 @@ Please see LICENSE files in the repository root for full details.
         }
     }
 
-    .mx_EncryptionPanel_cancel {
-        @mixin customisedCancelButton;
-        position: absolute;
-        z-index: 100;
-        top: 14px;
-        right: 14px;
-    }
-
     .mx_VerificationPanel_qrCode {
         padding: 4px 4px 0 4px;
         background: white;
diff --git a/res/css/views/rooms/RoomListPanel/_EmptyRoomList.pcss b/res/css/views/rooms/RoomListPanel/_EmptyRoomList.pcss
deleted file mode 100644
index a0fbfdaea7..0000000000
--- a/res/css/views/rooms/RoomListPanel/_EmptyRoomList.pcss
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-.mx_EmptyRoomList_GenericPlaceholder {
-    align-self: center;
-    /** It should take 2/3 of the width **/
-    width: 66%;
-    /** It should be positioned at 1/3 of the height **/
-    padding-top: 33%;
-
-    .mx_EmptyRoomList_GenericPlaceholder_title {
-        font: var(--cpd-font-body-lg-semibold);
-        text-align: center;
-    }
-
-    .mx_EmptyRoomList_GenericPlaceholder_description {
-        font: var(--cpd-font-body-sm-regular);
-        color: var(--cpd-color-text-secondary);
-        text-align: center;
-    }
-
-    .mx_EmptyRoomList_DefaultPlaceholder {
-        margin-top: var(--cpd-space-4x);
-    }
-
-    button {
-        width: 100%;
-    }
-}
diff --git a/res/css/views/rooms/RoomListPanel/_RoomListHeaderView.pcss b/res/css/views/rooms/RoomListPanel/_RoomListHeaderView.pcss
deleted file mode 100644
index 5427e1f133..0000000000
--- a/res/css/views/rooms/RoomListPanel/_RoomListHeaderView.pcss
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-.mx_RoomListHeaderView {
-    flex: 0 0 60px;
-    padding: 0 var(--cpd-space-3x);
-
-    .mx_RoomListHeaderView_title {
-        min-width: 0;
-
-        h1 {
-            all: unset;
-            font: var(--cpd-font-heading-sm-semibold);
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-    }
-
-    .mx_SpaceMenu_button {
-        svg {
-            transition: transform 0.1s linear;
-        }
-    }
-
-    .mx_SpaceMenu_button[aria-expanded="true"] {
-        svg {
-            transform: rotate(180deg);
-        }
-    }
-
-    .mx_RoomListHeaderView_ReleaseAnnouncementAnchor {
-        display: inline-flex;
-    }
-}
diff --git a/res/css/views/rooms/RoomListPanel/_RoomListItemView.pcss b/res/css/views/rooms/RoomListPanel/_RoomListItemView.pcss
deleted file mode 100644
index 7ce6280331..0000000000
--- a/res/css/views/rooms/RoomListPanel/_RoomListItemView.pcss
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-/**
- * The RoomListItemView has the following structure:
- * button--------------------------------------------------|
- * | <-12px-> container------------------------------------|
- * |          | room avatar <-8px-> content----------------|
- * |          |                      | room_name <- 20px ->|
- * |          |                      | --------------------| <-- border
- * |-------------------------------------------------------|
- */
-.mx_RoomListItemView {
-    /* Remove button default style */
-    background: unset;
-    border: none;
-    padding: 0;
-    text-align: unset;
-
-    cursor: pointer;
-    height: 48px;
-    width: 100%;
-
-    padding-left: var(--cpd-space-3x);
-    font: var(--cpd-font-body-md-regular);
-
-    /*  Hide the menu by default  */
-    .mx_RoomListItemView_menu {
-        display: none;
-    }
-
-    &:hover,
-    &:focus-visible,
-    /* When the context menu is opened  */
-    &[data-state="open"],
-    /*  When the options and notifications menu are opened */
-    &:has(.mx_RoomListItemMenuView > button[data-state="open"]) {
-        background-color: var(--cpd-color-bg-action-secondary-hovered);
-
-        .mx_RoomListItemView_menu {
-            display: flex;
-        }
-
-        &.mx_RoomListItemView_has_menu {
-            /**
-             * The figma uses 16px padding (--cpd-space-4x) but due to https://github.com/element-hq/compound-web/issues/331
-             * the icon size of the menu is 18px instead of 20px with a different internal padding
-             * We need to use 18px to align the icon with the others icons
-             * 18px is not available in compound spacing
-             */
-            .mx_RoomListItemView_content {
-                padding-right: 18px;
-            }
-
-            /*  When the menu is visible, hide the notification decoration to avoid clutter */
-            .mx_RoomListItemView_notificationDecoration {
-                display: none;
-            }
-        }
-    }
-
-    .mx_RoomListItemView_content {
-        height: 100%;
-        flex: 1;
-        /* The border is only under the room name and the future hover menu  */
-        border-bottom: var(--cpd-border-width-0-5) solid var(--cpd-color-bg-subtle-secondary);
-        box-sizing: border-box;
-        min-width: 0;
-        padding-right: var(--cpd-space-5x);
-
-        .mx_RoomListItemView_text {
-            min-width: 0;
-        }
-
-        .mx_RoomListItemView_roomName {
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
-        .mx_RoomListItemView_messagePreview {
-            font: var(--cpd-font-body-sm-regular);
-            color: var(--cpd-color-text-secondary);
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-    }
-}
-
-.mx_RoomListItemView_selected {
-    background-color: var(--cpd-color-bg-action-secondary-pressed);
-}
-
-.mx_RoomListItemView_bold .mx_RoomListItemView_roomName {
-    font: var(--cpd-font-body-md-semibold);
-}
diff --git a/res/css/views/rooms/RoomListPanel/_RoomListPrimaryFilters.pcss b/res/css/views/rooms/RoomListPanel/_RoomListPrimaryFilters.pcss
deleted file mode 100644
index 378f2e75da..0000000000
--- a/res/css/views/rooms/RoomListPanel/_RoomListPrimaryFilters.pcss
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-.mx_RoomListPrimaryFilters {
-    padding: var(--cpd-space-2x) var(--cpd-space-4x) var(--cpd-space-2x) var(--cpd-space-3x);
-
-    .mx_RoomListPrimaryFilters_wrapping {
-        display: none;
-    }
-
-    .mx_RoomListPrimaryFilters_list {
-        /**
-         * The InteractionObserver needs the height to be set to work properly.
-         */
-        height: 100%;
-        flex: 1;
-    }
-
-    .mx_RoomListPrimaryFilters_IconButton {
-        svg {
-            transition: transform 0.1s linear;
-        }
-    }
-
-    .mx_RoomListPrimaryFilters_IconButton[aria-expanded="true"] {
-        svg {
-            transform: rotate(180deg);
-        }
-    }
-}
diff --git a/res/css/views/rooms/RoomListPanel/_RoomListSkeleton.pcss b/res/css/views/rooms/RoomListPanel/_RoomListSkeleton.pcss
deleted file mode 100644
index 2e644cbba1..0000000000
--- a/res/css/views/rooms/RoomListPanel/_RoomListSkeleton.pcss
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-.mx_RoomListSkeleton {
-    position: relative;
-    margin-left: 4px;
-    height: 100%;
-
-    &::before {
-        background-color: var(--cpd-color-bg-subtle-secondary);
-        width: 100%;
-        height: 100%;
-
-        content: "";
-        position: absolute;
-        mask-repeat: repeat-y;
-        mask-size: auto 96px;
-        mask-image: url("$(res)/img/element-icons/roomlist/room-list-item-skeleton.svg");
-    }
-}
diff --git a/res/css/views/rooms/_E2EIcon.pcss b/res/css/views/rooms/_E2EIcon.pcss
index efa8b1faff..55e3e02748 100644
--- a/res/css/views/rooms/_E2EIcon.pcss
+++ b/res/css/views/rooms/_E2EIcon.pcss
@@ -21,22 +21,3 @@ Please see LICENSE files in the repository root for full details.
 .mx_E2EIcon.mx_E2EIcon_inline {
     display: inline-block;
 }
-
-.mx_E2EIcon_warning {
-    color: $e2e-warning-color;
-}
-
-.mx_E2EIcon_normal {
-    color: var(--cpd-color-icon-tertiary);
-}
-
-.mx_E2EIcon_verified,
-.mx_E2EIcon_warning {
-    .mx_E2EIcon_normal::after {
-        background-color: white;
-    }
-}
-
-.mx_E2EIcon_verified {
-    color: $e2e-verified-color;
-}
diff --git a/res/css/views/rooms/_EventTile.pcss b/res/css/views/rooms/_EventTile.pcss
index 8b9a8f46e1..cc532079b6 100644
--- a/res/css/views/rooms/_EventTile.pcss
+++ b/res/css/views/rooms/_EventTile.pcss
@@ -38,34 +38,11 @@ $left-gutter: 64px;
         text-align: start;
     }
 
-    .mx_EventTile_receiptSent,
-    .mx_EventTile_receiptSending {
-        position: relative;
+    .mx_ReadReceiptGroup_container svg {
         display: inline-block;
         width: 16px;
         height: 16px;
-
-        &::before {
-            background-color: var(--cpd-color-icon-tertiary);
-            mask-repeat: no-repeat;
-            mask-position: center;
-            mask-size: 16px;
-            width: 16px;
-            height: 16px;
-            content: "";
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-        }
-    }
-
-    .mx_EventTile_receiptSent::before {
-        mask-image: url("@vector-im/compound-design-tokens/icons/check-circle.svg");
-    }
-
-    .mx_EventTile_receiptSending::before {
-        mask-image: url("@vector-im/compound-design-tokens/icons/circle.svg");
+        color: var(--cpd-color-icon-tertiary);
     }
 
     .mx_EventTile_content {
@@ -498,7 +475,7 @@ $left-gutter: 64px;
         }
 
         .mx_EventTile_footer {
-            margin: var(--cpd-space-1x) var(--cpd-space-16x);
+            margin: var(--cpd-space-1x) var(--EventTile_group_line-spacing-inline-start);
         }
 
         > .mx_DisambiguatedProfile {
@@ -759,6 +736,12 @@ $left-gutter: 64px;
         }
         */
 
+        /* Support arbitrarily large marker numbers */
+        ol {
+            list-style-position: inside;
+            padding-inline-start: 0.5em;
+        }
+
         /* Override nested lists being lower-roman */
         ol ol,
         ul ol {
@@ -830,32 +813,11 @@ $left-gutter: 64px;
     width: 14px;
     height: 14px;
     display: block;
-    background-repeat: no-repeat;
-    background-size: contain;
 
-    &::after {
-        content: "";
+    svg {
+        height: inherit;
+        width: inherit;
         display: block;
-        position: absolute;
-        inset: 0;
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-size: contain;
-    }
-
-    &.mx_EventTile_e2eIcon_warning::after {
-        mask-image: url("@vector-im/compound-design-tokens/icons/error-solid.svg");
-        background-color: $e2e-warning-color; /* red */
-    }
-
-    &.mx_EventTile_e2eIcon_normal::after {
-        mask-image: url("@vector-im/compound-design-tokens/icons/info.svg");
-        background-color: var(--cpd-color-icon-tertiary); /* grey */
-    }
-
-    &.mx_EventTile_e2eIcon_decryption_failure::after {
-        mask-image: url("@vector-im/compound-design-tokens/icons/error-solid.svg");
-        background-color: var(--cpd-color-icon-tertiary);
     }
 }
 
@@ -1103,7 +1065,7 @@ $left-gutter: 64px;
         position: relative;
         font: var(--cpd-font-body-sm-regular);
 
-        &::before {
+        > svg {
             @mixin ThreadSummaryIcon;
         }
 
diff --git a/res/css/views/rooms/_HistoryTile.pcss b/res/css/views/rooms/_HistoryTile.pcss
index 53b1ca2765..adfa20a43a 100644
--- a/res/css/views/rooms/_HistoryTile.pcss
+++ b/res/css/views/rooms/_HistoryTile.pcss
@@ -9,8 +9,7 @@ Please see LICENSE files in the repository root for full details.
 .mx_EventTileBubble.mx_HistoryTile {
     margin: var(--EventTileBubble_margin-block) auto;
 
-    &::before {
-        background-color: $header-panel-text-primary-color;
-        mask-image: url("@vector-im/compound-design-tokens/icons/visibility-off.svg");
+    svg {
+        color: $header-panel-text-primary-color;
     }
 }
diff --git a/res/css/views/rooms/_LegacyRoomListHeader.pcss b/res/css/views/rooms/_LegacyRoomListHeader.pcss
index fd6d7b3b29..ec93c4e746 100644
--- a/res/css/views/rooms/_LegacyRoomListHeader.pcss
+++ b/res/css/views/rooms/_LegacyRoomListHeader.pcss
@@ -31,26 +31,17 @@ Please see LICENSE files in the repository root for full details.
             background-color: $quinary-content;
         }
 
-        &::before {
-            content: "";
+        svg {
             width: 20px;
             height: 20px;
             top: 3px;
             right: 0;
             position: absolute;
-            mask-position: center;
-            mask-size: contain;
-            mask-repeat: no-repeat;
-            background-color: $tertiary-content;
-            mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
+            color: $tertiary-content;
         }
 
         &[aria-expanded="true"] {
             background-color: $quinary-content;
-
-            &::before {
-                transform: rotate(180deg);
-            }
         }
     }
 
@@ -66,23 +57,18 @@ Please see LICENSE files in the repository root for full details.
         box-sizing: border-box;
         flex-shrink: 0;
 
-        &::before {
-            content: "";
+        svg {
             width: 16px;
             height: 16px;
             position: absolute;
-            mask-position: center;
-            mask-size: contain;
-            mask-repeat: no-repeat;
-            background-color: $secondary-content;
-            mask-image: url("@vector-im/compound-design-tokens/icons/plus.svg");
+            color: $secondary-content;
         }
 
         &:hover {
             background-color: $tertiary-content;
 
-            &::before {
-                background-color: $background;
+            svg {
+                color: $background;
             }
         }
     }
diff --git a/res/css/views/rooms/_LiveContentSummary.pcss b/res/css/views/rooms/_LiveContentSummary.pcss
index 04704c6a1a..be0c9d14fe 100644
--- a/res/css/views/rooms/_LiveContentSummary.pcss
+++ b/res/css/views/rooms/_LiveContentSummary.pcss
@@ -10,41 +10,28 @@ Please see LICENSE files in the repository root for full details.
     color: $secondary-content;
 
     .mx_LiveContentSummary_text {
-        &::before {
+        svg {
             display: inline-block;
             vertical-align: text-bottom;
-            content: "";
-            background-color: $secondary-content;
-            mask-size: 16px;
+            color: $secondary-content;
             width: 16px;
             height: 16px;
             margin-right: 4px;
         }
 
-        &.mx_LiveContentSummary_text_video::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
-        }
-
-        &.mx_LiveContentSummary_text_voice::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-solid.svg");
-        }
-
         &.mx_LiveContentSummary_text_active {
             color: $accent;
 
-            &::before {
-                background-color: $accent;
+            svg {
+                color: $accent;
             }
         }
     }
 
-    .mx_LiveContentSummary_participants::before {
+    .mx_LiveContentSummary_participants svg {
         display: inline-block;
-        vertical-align: text-bottom;
-        content: "";
-        background-color: $secondary-content;
-        mask-image: url("@vector-im/compound-design-tokens/icons/group.svg");
-        mask-size: 16px;
+        vertical-align: middle;
+        color: $secondary-content;
         width: 16px;
         height: 16px;
         margin-right: 2px;
diff --git a/res/css/views/rooms/_NewRoomIntro.pcss b/res/css/views/rooms/_NewRoomIntro.pcss
index 9f18e790fd..bdd6244f42 100644
--- a/res/css/views/rooms/_NewRoomIntro.pcss
+++ b/res/css/views/rooms/_NewRoomIntro.pcss
@@ -25,23 +25,15 @@ Please see LICENSE files in the repository root for full details.
             line-height: $font-24px;
             display: inline-block;
 
-            &:not(.mx_AccessibleButton_kind_primary_outline)::before {
-                content: "";
+            svg {
                 display: inline-block;
-                background-color: $button-fg-color;
-                mask-position: center;
-                mask-repeat: no-repeat;
-                mask-size: 20px;
+                color: $button-fg-color;
                 width: 20px;
                 height: 20px;
                 margin-right: 5px;
                 vertical-align: text-bottom;
             }
         }
-
-        .mx_NewRoomIntro_inviteButton::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/user-add.svg");
-        }
     }
 
     > h2 {
diff --git a/res/css/views/rooms/_NotificationBadge.pcss b/res/css/views/rooms/_NotificationBadge.pcss
index 5f76d82bfa..d867f6f501 100644
--- a/res/css/views/rooms/_NotificationBadge.pcss
+++ b/res/css/views/rooms/_NotificationBadge.pcss
@@ -19,6 +19,8 @@ Please see LICENSE files in the repository root for full details.
 
     &.mx_NotificationBadge_visible {
         background-color: $roomtile-default-badge-bg-color;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
 
         /* Create a flexbox to order the count a bit easier */
         display: flex;
@@ -55,8 +57,7 @@ Please see LICENSE files in the repository root for full details.
             background-color: var(--cpd-color-icon-critical-primary);
         }
 
-        &.mx_NotificationBadge_knocked {
-            mask-image: url("@vector-im/compound-design-tokens/icons/ask-to-join.svg");
+        & > svg {
             width: 16px;
             height: 16px;
         }
diff --git a/res/css/views/rooms/_PinnedMessageBanner.pcss b/res/css/views/rooms/_PinnedMessageBanner.pcss
index d7f3ddd1fb..2b36559020 100644
--- a/res/css/views/rooms/_PinnedMessageBanner.pcss
+++ b/res/css/views/rooms/_PinnedMessageBanner.pcss
@@ -22,6 +22,7 @@
     box-shadow: 0 var(--cpd-space-2x) var(--cpd-space-6x) calc(var(--cpd-space-2x) * -1) rgb(27, 29, 34, 0.1);
 
     .mx_PinnedMessageBanner_main {
+        color: inherit;
         background: transparent;
         border: none;
         text-align: start;
diff --git a/res/css/views/rooms/_ReplyTile.pcss b/res/css/views/rooms/_ReplyTile.pcss
index 05665887d3..64492762ad 100644
--- a/res/css/views/rooms/_ReplyTile.pcss
+++ b/res/css/views/rooms/_ReplyTile.pcss
@@ -11,14 +11,6 @@ Please see LICENSE files in the repository root for full details.
     padding: 2px 0;
     font: var(--cpd-font-body-md-regular);
 
-    &.mx_ReplyTile_audio .mx_MFileBody_info_icon::before {
-        mask-image: url("@vector-im/compound-design-tokens/icons/volume-on-solid.svg");
-    }
-
-    &.mx_ReplyTile_video .mx_MFileBody_info_icon::before {
-        mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
-    }
-
     > a {
         display: grid;
         grid-template:
diff --git a/res/css/views/rooms/_RoomCallBanner.pcss b/res/css/views/rooms/_RoomCallBanner.pcss
index f4fd14c2fa..8e49f6c126 100644
--- a/res/css/views/rooms/_RoomCallBanner.pcss
+++ b/res/css/views/rooms/_RoomCallBanner.pcss
@@ -31,16 +31,12 @@ Please see LICENSE files in the repository root for full details.
     font-weight: var(--cpd-font-weight-semibold);
     padding-right: $spacing-8;
 
-    &::before {
+    svg {
         display: inline-block;
         vertical-align: middle;
-        content: "";
-        background-color: $secondary-content;
-        mask-size: 16px;
-        mask-position: center;
+        color: $secondary-content;
         width: 16px;
-        height: 1.2em; /* to match line height */
+        height: 16px;
         margin-right: 8px;
-        mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
     }
 }
diff --git a/res/css/views/rooms/_RoomHeader.pcss b/res/css/views/rooms/_RoomHeader.pcss
index 0e2b40e0bd..a42811fae2 100644
--- a/res/css/views/rooms/_RoomHeader.pcss
+++ b/res/css/views/rooms/_RoomHeader.pcss
@@ -13,6 +13,11 @@ Please see LICENSE files in the repository root for full details.
     border-bottom: 1px solid $separator;
     background-color: $background;
     transition: all 0.2s ease;
+
+    button:has(svg.mx_RoomHeader_toggled) {
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+    }
 }
 
 .mx_RoomHeader:hover {
@@ -21,6 +26,7 @@ Please see LICENSE files in the repository root for full details.
 
 .mx_RoomHeader_infoWrapper {
     /* unset button styles */
+    color: inherit;
     background: unset;
     border: unset;
     flex: 1;
@@ -90,6 +96,8 @@ Please see LICENSE files in the repository root for full details.
         background: var(--cpd-color-bg-success-subtle);
         color: var(--cpd-color-text-action-accent);
         font: var(--cpd-font-body-sm-semibold);
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
     }
 }
 
diff --git a/res/css/views/rooms/_RoomPreviewCard.pcss b/res/css/views/rooms/_RoomPreviewCard.pcss
index b31e0a33cc..9fbcd835f7 100644
--- a/res/css/views/rooms/_RoomPreviewCard.pcss
+++ b/res/css/views/rooms/_RoomPreviewCard.pcss
@@ -95,6 +95,8 @@ Please see LICENSE files in the repository root for full details.
         display: flex;
         align-items: center;
         margin-top: $spacing-16;
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
 
         :first-child {
             flex-shrink: 0;
diff --git a/res/css/views/rooms/_RoomSublist.pcss b/res/css/views/rooms/_RoomSublist.pcss
index 3361bce4bb..f1118ebed6 100644
--- a/res/css/views/rooms/_RoomSublist.pcss
+++ b/res/css/views/rooms/_RoomSublist.pcss
@@ -100,23 +100,19 @@ Please see LICENSE files in the repository root for full details.
             height: 24px;
             border-radius: 8px;
 
-            &::before {
-                content: "";
+            svg {
                 width: 16px;
                 height: 16px;
                 position: absolute;
                 top: 4px;
                 left: 4px;
-                mask-position: center;
-                mask-size: contain;
-                mask-repeat: no-repeat;
-                background: var(--cpd-color-icon-secondary);
+                color: var(--cpd-color-icon-secondary);
             }
         }
 
-        .mx_RoomSublist_auxButton:hover,
-        .mx_RoomSublist_menuButton:hover {
-            background: $panel-actions;
+        .mx_RoomSublist_auxButton:hover svg,
+        .mx_RoomSublist_menuButton:hover svg {
+            color: $panel-actions;
         }
 
         /* Hide the menu button by default */
@@ -126,14 +122,6 @@ Please see LICENSE files in the repository root for full details.
             margin: 0;
         }
 
-        .mx_RoomSublist_auxButton::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/plus.svg");
-        }
-
-        .mx_RoomSublist_menuButton::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
-        }
-
         .mx_RoomSublist_headerText {
             flex: 1;
             max-width: calc(100% - 16px); /* 16px is the badge width */
@@ -151,20 +139,11 @@ Please see LICENSE files in the repository root for full details.
                 height: 14px;
                 margin-right: 6px;
 
-                &::before {
-                    content: "";
+                svg {
                     width: 18px;
                     height: 18px;
                     position: absolute;
-                    mask-position: center;
-                    mask-size: contain;
-                    mask-repeat: no-repeat;
-                    background-color: var(--cpd-color-icon-secondary);
-                    mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
-                }
-
-                &.mx_RoomSublist_collapseBtn_collapsed::before {
-                    transform: rotate(-90deg);
+                    color: var(--cpd-color-icon-secondary);
                 }
             }
         }
@@ -267,21 +246,9 @@ Please see LICENSE files in the repository root for full details.
             height: 18px;
             margin-left: 12px;
             margin-right: 16px;
-            mask-position: center;
-            mask-size: contain;
-            mask-repeat: no-repeat;
-            background: $tertiary-content;
+            color: $tertiary-content;
             left: -1px; /* adjust for image position */
         }
-
-        .mx_RoomSublist_showMoreButtonChevron,
-        .mx_RoomSublist_showLessButtonChevron {
-            mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
-        }
-
-        .mx_RoomSublist_showLessButtonChevron {
-            transform: rotate(180deg);
-        }
     }
 
     &.mx_RoomSublist_hasMenuOpen,
@@ -320,7 +287,7 @@ Please see LICENSE files in the repository root for full details.
                 background-color: $panel-actions;
                 margin-top: 8px;
 
-                &::before {
+                svg {
                     top: 8px;
                     left: 8px;
                 }
@@ -359,7 +326,7 @@ Please see LICENSE files in the repository root for full details.
                 /* to occlude the sublist title */
                 background-color: $roomlist-bg-color;
 
-                &::before {
+                svg {
                     top: 0;
                     left: 0;
                 }
@@ -412,7 +379,7 @@ Please see LICENSE files in the repository root for full details.
         position: absolute;
         mask-repeat: repeat-y;
         mask-size: auto 48px;
-        mask-image: url("$(res)/img/element-icons/roomlist/skeleton-ui.svg");
+        mask-image: url("/res/img/element-icons/roomlist/skeleton-ui.svg");
     }
 }
 
diff --git a/res/css/views/rooms/_ThreadSummary.pcss b/res/css/views/rooms/_ThreadSummary.pcss
index 0d88d4f8c6..a030918f24 100644
--- a/res/css/views/rooms/_ThreadSummary.pcss
+++ b/res/css/views/rooms/_ThreadSummary.pcss
@@ -112,7 +112,7 @@ Please see LICENSE files in the repository root for full details.
     display: inline-block;
     margin-bottom: $spacing-8;
 
-    &::before {
+    > svg {
         @mixin ThreadSummaryIcon;
         vertical-align: middle;
         margin-inline-end: $spacing-8;
diff --git a/res/css/views/rooms/_VoiceRecordComposerTile.pcss b/res/css/views/rooms/_VoiceRecordComposerTile.pcss
index 1715a8efe5..9c54538673 100644
--- a/res/css/views/rooms/_VoiceRecordComposerTile.pcss
+++ b/res/css/views/rooms/_VoiceRecordComposerTile.pcss
@@ -7,23 +7,18 @@ Please see LICENSE files in the repository root for full details.
 */
 
 .mx_VoiceRecordComposerTile_stop {
-    /* 28px plus a 2px border makes this a 32px square (as intended) */
-    width: 28px;
-    height: 28px;
+    /* 20px + 4px padding + 2px border makes this a 32px square (as intended) */
+    width: 20px;
+    height: 20px;
+    padding: var(--cpd-space-1x);
     border: 2px solid $voice-record-stop-border-color;
     border-radius: 32px;
     margin-right: 2px; /* between us and the waveform component */
-    position: relative;
 
-    &::after {
-        content: "";
-        width: 14px;
-        height: 14px;
-        position: absolute;
-        top: 7px;
-        left: 7px;
-        border-radius: 2px;
-        background-color: $voice-record-stop-symbol-color;
+    svg {
+        width: inherit;
+        height: inherit;
+        color: $voice-record-stop-symbol-color;
     }
 }
 
diff --git a/res/css/views/rooms/_WhoIsTypingTile.pcss b/res/css/views/rooms/_WhoIsTypingTile.pcss
index eb604155c5..08f519eaa6 100644
--- a/res/css/views/rooms/_WhoIsTypingTile.pcss
+++ b/res/css/views/rooms/_WhoIsTypingTile.pcss
@@ -49,7 +49,7 @@ Please see LICENSE files in the repository root for full details.
 }
 
 .mx_WhoIsTypingTile_label > span {
-    background-image: url("$(res)/img/typing-indicator-2x.gif");
+    background-image: url("/res/img/typing-indicator-2x.gif");
     background-size: 25px;
     background-position: left bottom;
     background-repeat: no-repeat;
diff --git a/res/css/views/settings/_ImageSizePanel.pcss b/res/css/views/settings/_ImageSizePanel.pcss
index 174f5a262a..9112c5cdfe 100644
--- a/res/css/views/settings/_ImageSizePanel.pcss
+++ b/res/css/views/settings/_ImageSizePanel.pcss
@@ -17,20 +17,10 @@ Please see LICENSE files in the repository root for full details.
     }
 
     .mx_ImageSizePanel_size {
-        background-color: $quinary-content;
-        mask-repeat: no-repeat;
-        mask-size: 221px;
-        mask-position: center;
+        display: block;
+        color: $quinary-content;
         width: 221px;
         height: 148px;
         margin-bottom: 14px; /* move radio button away from bottom edge a bit */
-
-        &.mx_ImageSizePanel_sizeDefault {
-            mask: url("$(res)/img/element-icons/settings/img-size-normal.svg");
-        }
-
-        &.mx_ImageSizePanel_sizeLarge {
-            mask: url("$(res)/img/element-icons/settings/img-size-large.svg");
-        }
     }
 }
diff --git a/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss b/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss
index 38609c7fd4..36c852c8df 100644
--- a/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss
+++ b/res/css/views/settings/tabs/room/_NotificationSettingsTab.pcss
@@ -17,21 +17,8 @@ Please see LICENSE files in the repository root for full details.
         font-weight: var(--cpd-font-weight-semibold);
         margin-top: 16px;
         position: relative;
-        padding-left: 8px;
         align-items: center;
 
-        &::before {
-            content: "";
-            position: absolute;
-            height: 24px;
-            width: 24px;
-            left: 0;
-            mask-repeat: no-repeat;
-            mask-position: center;
-            mask-size: contain;
-            background-color: $secondary-content;
-        }
-
         input + div {
             margin-top: 8px;
         }
@@ -44,22 +31,6 @@ Please see LICENSE files in the repository root for full details.
             margin-right: 32px;
         }
     }
-
-    .mx_NotificationSettingsTab_defaultEntry::before {
-        mask-image: url("$(res)/img/element-icons/notifications.svg");
-    }
-
-    .mx_NotificationSettingsTab_allMessagesEntry::before {
-        mask-image: url("$(res)/img/element-icons/roomlist/notifications-default.svg");
-    }
-
-    .mx_NotificationSettingsTab_mentionsKeywordsEntry::before {
-        mask-image: url("$(res)/img/element-icons/roomlist/notifications-dm.svg");
-    }
-
-    .mx_NotificationSettingsTab_noneEntry::before {
-        mask-image: url("$(res)/img/element-icons/roomlist/notifications-off.svg");
-    }
 }
 
 input[type="file"].mx_NotificationSound_soundUpload {
diff --git a/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss b/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss
index 5ae0d5854c..f21b83b0fe 100644
--- a/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss
+++ b/res/css/views/settings/tabs/room/_SecurityRoomSettingsTab.pcss
@@ -13,4 +13,8 @@ Please see LICENSE files in the repository root for full details.
     display: flex;
     align-items: center;
     column-gap: $spacing-4;
+
+    svg {
+        color: #ff0064; /* Match legacy icon colour until redesign */
+    }
 }
diff --git a/res/css/views/spaces/_SpaceCreateMenu.pcss b/res/css/views/spaces/_SpaceCreateMenu.pcss
index 8bc7f6e3ad..9b85b30d91 100644
--- a/res/css/views/spaces/_SpaceCreateMenu.pcss
+++ b/res/css/views/spaces/_SpaceCreateMenu.pcss
@@ -35,26 +35,15 @@ Please see LICENSE files in the repository root for full details.
         }
 
         .mx_SpaceCreateMenu_back {
-            width: 28px;
-            height: 28px;
-            position: relative;
+            width: 24px;
+            height: 24px;
+            padding: var(--cpd-space-0-5x);
             background-color: $panel-actions;
             border-radius: 14px;
             margin-bottom: 12px;
 
-            &::before {
-                content: "";
-                position: absolute;
-                height: 28px;
-                width: 28px;
-                top: 0;
-                left: 0;
-                background-color: $tertiary-content;
-                transform: rotate(90deg);
-                mask-repeat: no-repeat;
-                mask-position: 2px 3px;
-                mask-size: 24px;
-                mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
+            svg {
+                color: $tertiary-content;
             }
         }
 
diff --git a/res/css/views/terms/_InlineTermsAgreement.pcss b/res/css/views/terms/_InlineTermsAgreement.pcss
index 3a783cfd32..3b1184ec9d 100644
--- a/res/css/views/terms/_InlineTermsAgreement.pcss
+++ b/res/css/views/terms/_InlineTermsAgreement.pcss
@@ -24,15 +24,3 @@ Please see LICENSE files in the repository root for full details.
         }
     }
 }
-
-.mx_InlineTermsAgreement_link {
-    display: inline-block;
-    mask-image: url("@vector-im/compound-design-tokens/icons/pop-out.svg");
-    background-color: $accent;
-    mask-repeat: no-repeat;
-    mask-size: contain;
-    width: 12px;
-    height: 12px;
-    margin-left: 3px;
-    vertical-align: middle;
-}
diff --git a/res/css/views/toasts/_IncomingCallToast.pcss b/res/css/views/toasts/_IncomingCallToast.pcss
index d13a4eb61a..95359a5fad 100644
--- a/res/css/views/toasts/_IncomingCallToast.pcss
+++ b/res/css/views/toasts/_IncomingCallToast.pcss
@@ -29,11 +29,6 @@ Please see LICENSE files in the repository root for full details.
             font-weight: var(--cpd-font-weight-semibold);
         }
 
-        .mx_LiveContentSummary_participants::before {
-            width: 15px;
-            height: 15px;
-        }
-
         .mx_IncomingCallToast_buttons {
             display: flex;
             gap: var(--cpd-space-2x);
diff --git a/res/css/views/toasts/_IncomingLegacyCallToast.pcss b/res/css/views/toasts/_IncomingLegacyCallToast.pcss
index 667dd110d1..a1ec8867c4 100644
--- a/res/css/views/toasts/_IncomingLegacyCallToast.pcss
+++ b/res/css/views/toasts/_IncomingLegacyCallToast.pcss
@@ -44,36 +44,6 @@ Please see LICENSE files in the repository root for full details.
             display: flex;
             flex-direction: row;
             align-items: center;
-
-            .mx_LegacyCallEvent_type_icon {
-                height: 16px;
-                width: 16px;
-                margin-right: 6px;
-
-                &::before {
-                    content: "";
-                    position: absolute;
-                    height: inherit;
-                    width: inherit;
-                    background-color: $tertiary-content;
-                    mask-repeat: no-repeat;
-                    mask-size: contain;
-                }
-            }
-        }
-
-        &.mx_IncomingLegacyCallToast_content_voice {
-            .mx_LegacyCallEvent_type .mx_LegacyCallEvent_type_icon::before,
-            .mx_IncomingLegacyCallToast_buttons .mx_IncomingLegacyCallToast_button_accept span::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-solid.svg");
-            }
-        }
-
-        &.mx_IncomingLegacyCallToast_content_video {
-            .mx_LegacyCallEvent_type .mx_LegacyCallEvent_type_icon::before,
-            .mx_IncomingLegacyCallToast_buttons .mx_IncomingLegacyCallToast_button_accept span::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
-            }
         }
 
         .mx_IncomingLegacyCallToast_buttons {
@@ -84,27 +54,10 @@ Please see LICENSE files in the repository root for full details.
 
             .mx_IncomingLegacyCallToast_button {
                 @mixin LegacyCallButton;
-                padding: 0px 8px;
+                padding: 8px;
                 flex-shrink: 0;
                 flex-grow: 1;
                 font-size: $font-15px;
-
-                span {
-                    padding: 8px 0;
-                }
-
-                &.mx_IncomingLegacyCallToast_button_accept span::before {
-                    mask-size: 13px;
-                    width: 13px;
-                    height: 13px;
-                }
-
-                &.mx_IncomingLegacyCallToast_button_decline span::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/end-call.svg");
-                    mask-size: 16px;
-                    width: 16px;
-                    height: 16px;
-                }
             }
         }
     }
@@ -114,23 +67,10 @@ Please see LICENSE files in the repository root for full details.
         height: 20px;
         width: 20px;
 
-        &::before {
-            content: "";
-
+        svg {
             height: inherit;
             width: inherit;
-            background-color: $tertiary-content;
-            mask-repeat: no-repeat;
-            mask-size: contain;
-            mask-position: center;
+            color: $tertiary-content;
         }
     }
-
-    .mx_IncomingLegacyCallToast_silence::before {
-        mask-image: url("@vector-im/compound-design-tokens/icons/volume-on-solid.svg");
-    }
-
-    .mx_IncomingLegacyCallToast_unSilence::before {
-        mask-image: url("@vector-im/compound-design-tokens/icons/volume-off-solid.svg");
-    }
 }
diff --git a/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss b/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss
index 9a4afb98ab..af4637750a 100644
--- a/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss
+++ b/res/css/views/toasts/_NonUrgentEchoFailureToast.pcss
@@ -7,15 +7,11 @@ Please see LICENSE files in the repository root for full details.
 */
 
 .mx_NonUrgentEchoFailureToast {
-    .mx_NonUrgentEchoFailureToast_icon {
+    svg {
         display: inline-block;
         width: $font-18px;
         height: $font-18px;
-        mask-position: center;
-        mask-size: contain;
-        mask-repeat: no-repeat;
-        background-color: #fff; /* we know that non-urgent toasts are always styled the same */
-        mask-image: url("@vector-im/compound-design-tokens/icons/offline.svg");
+        color: #fff; /* we know that non-urgent toasts are always styled the same */
         margin-right: 8px;
     }
 
diff --git a/res/css/views/verification/_VerificationShowSas.pcss b/res/css/views/verification/_VerificationShowSas.pcss
index 9e4d1f138b..57fae76788 100644
--- a/res/css/views/verification/_VerificationShowSas.pcss
+++ b/res/css/views/verification/_VerificationShowSas.pcss
@@ -20,40 +20,9 @@ Please see LICENSE files in the repository root for full details.
 }
 
 .mx_VerificationShowSas_emojiSas {
-    text-align: center;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
     margin: 25px 0;
 }
 
-.mx_VerificationShowSas_emojiSas_block {
-    display: inline-block;
-    margin-bottom: 16px;
-    position: relative;
-    width: 52px;
-}
-
-.mx_Dialog .mx_VerificationShowSas_emojiSas_block,
-.mx_AuthPage_modal .mx_VerificationShowSas_emojiSas_block {
-    width: 60px;
-}
-
-.mx_VerificationShowSas_emojiSas_emoji {
-    font-size: $font-32px;
-    /* Use the Twemoji font for consistency with other clients */
-    font-family: Twemoji, var(--cpd-font-family-sans);
-}
-
-.mx_VerificationShowSas_emojiSas_label {
-    font-size: $font-12px;
-    word-break: break-word;
-}
-
-.mx_VerificationShowSas_emojiSas_break {
-    flex-basis: 100%;
-}
-
 .mx_VerificationShowSas_buttonRow {
     text-align: center;
     display: flex;
diff --git a/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss b/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
index ab0146fadc..c4ad182fea 100644
--- a/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
+++ b/res/css/views/voip/LegacyCallView/_LegacyCallViewButtons.pcss
@@ -44,15 +44,10 @@ Please see LICENSE files in the repository root for full details.
 
         box-shadow: 0px 4px 4px 0px #00000026; /* Same on both themes */
 
-        &::before {
-            content: "";
+        svg {
             display: inline-block;
 
-            mask-repeat: no-repeat;
-            mask-size: contain;
-            mask-position: center;
-
-            background-color: $call-view-button-on-foreground;
+            color: $call-view-button-on-foreground;
 
             height: 24px;
             width: 24px;
@@ -66,103 +61,60 @@ Please see LICENSE files in the repository root for full details.
             right: 0;
             bottom: 0;
 
-            &::before {
+            svg {
                 width: 16px;
                 height: 16px;
-                mask-image: url("@vector-im/compound-design-tokens/icons/chevron-up.svg");
             }
+        }
 
-            &.mx_LegacyCallViewButtons_dropdownButton_collapsed::before {
-                transform: rotate(180deg);
-            }
+        &.mx_LegacyCallViewButtons_button_mic svg {
+            height: 20px;
+            width: 20px;
         }
 
         /* State buttons */
         &.mx_LegacyCallViewButtons_button_on {
             background-color: $call-view-button-on-background;
 
-            &::before {
-                background-color: $call-view-button-on-foreground;
-            }
-
-            &.mx_LegacyCallViewButtons_button_mic::before {
-                height: 20px;
-                mask-image: url("@vector-im/compound-design-tokens/icons/mic-on-solid.svg");
-                width: 20px;
-            }
-
-            &.mx_LegacyCallViewButtons_button_vid::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
+            svg {
+                color: $call-view-button-on-foreground;
             }
 
             &.mx_LegacyCallViewButtons_button_screensharing {
                 background-color: $accent;
 
-                &::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/share-screen-solid.svg");
-                    background-color: white; /* Same on both themes */
+                svg {
+                    color: white; /* Same on both themes */
                 }
             }
-
-            &.mx_LegacyCallViewButtons_button_sidebar::before {
-                mask-image: url("$(res)/img/voip/call-view/sidebar-on.svg");
-            }
         }
 
         &.mx_LegacyCallViewButtons_button_off {
             background-color: $call-view-button-off-background;
 
-            &::before {
-                background-color: $call-view-button-off-foreground;
-            }
-
-            &.mx_LegacyCallViewButtons_button_mic::before {
-                height: 20px;
-                mask-image: url("@vector-im/compound-design-tokens/icons/mic-off-solid.svg");
-                width: 20px;
-            }
-
-            &.mx_LegacyCallViewButtons_button_vid::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/video-call-off-solid.svg");
-            }
-
-            &.mx_LegacyCallViewButtons_button_screensharing {
-                background-color: $call-view-button-on-background;
-
-                &::before {
-                    mask-image: url("@vector-im/compound-design-tokens/icons/share-screen-solid.svg");
-                    background-color: $call-view-button-on-foreground;
-                }
+            svg {
+                color: $call-view-button-off-foreground;
             }
 
+            &.mx_LegacyCallViewButtons_button_screensharing,
             &.mx_LegacyCallViewButtons_button_sidebar {
                 background-color: $call-view-button-on-background;
 
-                &::before {
-                    mask-image: url("$(res)/img/voip/call-view/sidebar-off.svg");
-                    background-color: $call-view-button-on-foreground;
+                svg {
+                    color: $call-view-button-on-foreground;
                 }
             }
         }
         /* State buttons */
 
         /* Stateless buttons */
-        &.mx_LegacyCallViewButtons_dialpad::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/dial-pad.svg");
-        }
-
         &.mx_LegacyCallViewButtons_button_hangup {
             background-color: $alert;
 
-            &::before {
-                mask-image: url("@vector-im/compound-design-tokens/icons/end-call.svg");
-                background-color: white; /* Same on both themes */
+            svg {
+                color: white; /* Same on both themes */
             }
         }
-
-        &.mx_LegacyCallViewButtons_button_more::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/overflow-horizontal.svg");
-        }
         /* Stateless buttons */
 
         /* Invisible state */
diff --git a/res/css/views/voip/_DialPad.pcss b/res/css/views/voip/_DialPad.pcss
index 717ec335b8..42b46600e0 100644
--- a/res/css/views/voip/_DialPad.pcss
+++ b/res/css/views/voip/_DialPad.pcss
@@ -44,16 +44,11 @@ Please see LICENSE files in the repository root for full details.
     grid-column: 2;
     background-color: $accent;
 
-    &::before {
-        content: "";
+    svg {
         display: inline-block;
-        height: 40px;
-        width: 40px;
-        vertical-align: middle;
-        mask-repeat: no-repeat;
-        mask-size: 20px;
-        mask-position: center;
-        background-color: #fff; /* on all themes */
-        mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-solid.svg");
+        height: 20px;
+        width: 20px;
+        padding: 10px;
+        color: #fff; /* on all themes */
     }
 }
diff --git a/res/css/views/voip/_LegacyCallView.pcss b/res/css/views/voip/_LegacyCallView.pcss
index 93d3e23f8b..a8d13adc62 100644
--- a/res/css/views/voip/_LegacyCallView.pcss
+++ b/res/css/views/voip/_LegacyCallView.pcss
@@ -110,7 +110,7 @@ Please see LICENSE files in the repository root for full details.
                     content: "";
                     width: 40px;
                     height: 40px;
-                    background-image: url("$(res)/img/voip/paused.svg");
+                    background-image: url("/res/img/voip/paused.svg");
                     background-position: center;
                     background-size: cover;
                 }
diff --git a/res/css/views/voip/_LegacyCallViewHeader.pcss b/res/css/views/voip/_LegacyCallViewHeader.pcss
index 234ecba41f..e9d81ce0f3 100644
--- a/res/css/views/voip/_LegacyCallViewHeader.pcss
+++ b/res/css/views/voip/_LegacyCallViewHeader.pcss
@@ -46,34 +46,12 @@ Please see LICENSE files in the repository root for full details.
     vertical-align: middle;
     cursor: pointer;
 
-    &::before {
-        content: "";
+    svg {
         display: inline-block;
         height: 20px;
         width: 20px;
         vertical-align: middle;
-        background-color: $secondary-content;
-        mask-repeat: no-repeat;
-        mask-size: contain;
-        mask-position: center;
-    }
-
-    &.mx_LegacyCallViewHeader_button_fullscreen {
-        &::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/expand.svg");
-        }
-    }
-
-    &.mx_LegacyCallViewHeader_button_pin {
-        &::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/pin-solid.svg");
-        }
-    }
-
-    &.mx_LegacyCallViewHeader_button_expand {
-        &::before {
-            mask-image: url("@vector-im/compound-design-tokens/icons/pop-out.svg");
-        }
+        color: $secondary-content;
     }
 }
 
@@ -105,17 +83,12 @@ Please see LICENSE files in the repository root for full details.
     width: 16px;
     vertical-align: middle;
 
-    &::before {
-        content: "";
+    svg {
         display: inline-block;
         vertical-align: top;
 
         height: 16px;
         width: 16px;
-        background-color: $secondary-content;
-        mask-repeat: no-repeat;
-        mask-size: contain;
-        mask-position: center;
-        mask-image: url("@vector-im/compound-design-tokens/icons/voice-call-solid.svg");
+        color: $secondary-content;
     }
 }
diff --git a/res/img/element-desktop-logo.svg b/res/img/element-desktop-logo.svg
index 2031733ce3..2483c75f98 100644
--- a/res/img/element-desktop-logo.svg
+++ b/res/img/element-desktop-logo.svg
@@ -1,157 +1,87 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_dd)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1438 2.34375H7.85617C5.93938 2.34375 5.24431 2.54333 4.54356 2.91809C3.84281 3.29286 3.29286 3.84281 2.91809 4.54356C2.54333 5.24431 2.34375 5.93938 2.34375 7.85617V16.1438C2.34375 18.0606 2.54333 18.7557 2.91809 19.4564C3.29286 20.1572 3.84281 20.7071 4.54356 21.0819C5.24431 21.4567 5.93938 21.6562 7.85617 21.6562H16.1438C18.0606 21.6562 18.7557 21.4567 19.4564 21.0819C20.1572 20.7071 20.7071 20.1572 21.0819 19.4564C21.4567 18.7557 21.6562 18.0606 21.6562 16.1438V7.85617C21.6562 5.93938 21.4567 5.24431 21.0819 4.54356C20.7071 3.84281 20.1572 3.29286 19.4564 2.91809C18.7557 2.54333 18.0606 2.34375 16.1438 2.34375Z" fill="url(#paint0_linear)"/>
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_178_1078)">
+<mask id="mask0_178_1078" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-1" width="1024" height="1025">
+<rect x="0.5" y="0.499878" width="1023" height="1023" rx="265.5" fill="white" stroke="#8D8D8D"/>
+</mask>
+<g mask="url(#mask0_178_1078)">
+<rect width="1024" height="1024" fill="white"/>
+<rect width="1024" height="1024" fill="url(#paint0_linear_178_1078)"/>
 </g>
-<g filter="url(#filter1_ddddi)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0969 6.01875C10.0969 5.56829 10.462 5.20312 10.9125 5.20312C13.9155 5.20312 16.35 7.63758 16.35 10.6406C16.35 11.0911 15.9848 11.4562 15.5344 11.4562C15.0839 11.4562 14.7187 11.0911 14.7187 10.6406C14.7187 8.53849 13.0146 6.83437 10.9125 6.83437C10.462 6.83437 10.0969 6.46921 10.0969 6.01875Z" fill="white"/>
+<g filter="url(#filter0_dddd_178_1078)">
+<path d="M512 106C736.228 106 918 287.772 918 512C918 736.228 736.228 918 512 918C287.772 918 106 736.228 106 512C106 287.772 287.772 106 512 106Z" fill="url(#paint1_linear_178_1078)"/>
+<path d="M512 106C736.228 106 918 287.772 918 512C918 736.228 736.228 918 512 918C287.772 918 106 736.228 106 512C106 287.772 287.772 106 512 106Z" stroke="url(#paint2_linear_178_1078)" stroke-width="8" style="mix-blend-mode:color-burn"/>
+<g filter="url(#filter1_di_178_1078)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M437.051 293.072C437.051 276.525 450.493 263.111 467.075 263.111C579.458 263.111 670.564 354.027 670.564 466.178C670.564 482.725 657.122 496.139 640.54 496.139C623.959 496.139 610.517 482.725 610.517 466.178C610.517 387.121 546.296 323.033 467.075 323.033C450.493 323.033 437.051 309.619 437.051 293.072Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M730.866 436.217C747.447 436.217 760.889 449.631 760.889 466.178C760.889 578.328 669.784 669.244 557.4 669.244C540.819 669.244 527.377 655.83 527.377 639.283C527.377 622.737 540.819 609.323 557.4 609.323C636.621 609.323 700.843 545.234 700.843 466.178C700.843 449.631 714.285 436.217 730.866 436.217Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M587.421 730.924C587.421 747.471 573.979 760.884 557.398 760.884C445.014 760.884 353.909 669.968 353.909 557.818C353.909 541.271 367.351 527.857 383.932 527.857C400.513 527.857 413.955 541.271 413.955 557.818C413.955 636.875 478.176 700.963 557.398 700.963C573.979 700.963 587.421 714.377 587.421 730.924Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M293.134 587.779C276.553 587.779 263.111 574.365 263.111 557.818C263.111 445.668 354.216 354.751 466.6 354.751C483.182 354.751 496.623 368.165 496.623 384.712C496.623 401.259 483.182 414.673 466.6 414.673C387.379 414.673 323.158 478.761 323.158 557.818C323.158 574.365 309.716 587.779 293.134 587.779Z" fill="white"/>
 </g>
-<g filter="url(#filter2_ddddi)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9031 17.9813C13.9031 18.4317 13.538 18.7969 13.0875 18.7969C10.0845 18.7969 7.65001 16.3624 7.65001 13.3594C7.65001 12.9089 8.01518 12.5437 8.46564 12.5437C8.9161 12.5437 9.28126 12.9089 9.28126 13.3594C9.28126 15.4615 10.9854 17.1656 13.0875 17.1656C13.538 17.1656 13.9031 17.5308 13.9031 17.9813Z" fill="white"/>
 </g>
-<g filter="url(#filter3_ddddi)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.01875 13.9031C5.56829 13.9031 5.20312 13.538 5.20312 13.0875C5.20312 10.0845 7.63758 7.65001 10.6406 7.65001C11.0911 7.65001 11.4562 8.01518 11.4562 8.46564C11.4562 8.91609 11.0911 9.28126 10.6406 9.28126C8.53849 9.28126 6.83437 10.9854 6.83437 13.0875C6.83437 13.538 6.46921 13.9031 6.01875 13.9031Z" fill="white"/>
-</g>
-<g filter="url(#filter4_ddddi)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9812 10.0969C18.4317 10.0969 18.7969 10.462 18.7969 10.9125C18.7969 13.9155 16.3624 16.35 13.3594 16.35C12.9089 16.35 12.5437 15.9848 12.5437 15.5344C12.5437 15.0839 12.9089 14.7187 13.3594 14.7187C15.4615 14.7187 17.1656 13.0146 17.1656 10.9125C17.1656 10.462 17.5308 10.0969 17.9812 10.0969Z" fill="white"/>
 </g>
 <defs>
-<filter id="filter0_dd" x="1.54688" y="1.92188" width="20.9062" height="20.9062" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<filter id="filter0_dddd_178_1078" x="-18" y="78" width="1060" height="1266" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="0.375"/>
-<feGaussianBlur stdDeviation="0.398438"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="0.234375"/>
-<feGaussianBlur stdDeviation="0.28125"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="18"/>
+<feGaussianBlur stdDeviation="21"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_178_1078"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="76"/>
+<feGaussianBlur stdDeviation="38"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_178_1078" result="effect2_dropShadow_178_1078"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="170"/>
+<feGaussianBlur stdDeviation="51"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_178_1078" result="effect3_dropShadow_178_1078"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="302"/>
+<feGaussianBlur stdDeviation="60"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/>
+<feBlend mode="normal" in2="effect3_dropShadow_178_1078" result="effect4_dropShadow_178_1078"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_178_1078" result="shape"/>
+</filter>
+<filter id="filter1_di_178_1078" x="243.111" y="247.111" width="537.778" height="537.773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="10"/>
+<feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape"/>
-</filter>
-<filter id="filter1_ddddi" x="6.95624" y="4.03125" width="12.5344" height="12.5344" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="0.328125"/>
-<feGaussianBlur stdDeviation="0.515625"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.26562"/>
-<feGaussianBlur stdDeviation="0.632812"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.96875"/>
-<feGaussianBlur stdDeviation="1.57031"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect2_dropShadow" result="effect3_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dx="-0.1875" dy="0.421875"/>
-<feGaussianBlur stdDeviation="0.339844"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect3_dropShadow" result="effect4_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_178_1078"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_178_1078" result="shape"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.679688"/>
-<feGaussianBlur stdDeviation="0.269531"/>
+<feOffset dy="-16"/>
+<feGaussianBlur stdDeviation="11"/>
 <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.678431 0 0 0 0 0.819608 0 0 0 0 0.726431 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect5_innerShadow"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.596078 0 0 0 0 0.882353 0 0 0 0 0.756863 0 0 0 1 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_178_1078"/>
 </filter>
-<filter id="filter2_ddddi" x="4.5094" y="11.3719" width="12.5344" height="12.5344" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="0.328125"/>
-<feGaussianBlur stdDeviation="0.515625"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.26562"/>
-<feGaussianBlur stdDeviation="0.632812"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.96875"/>
-<feGaussianBlur stdDeviation="1.57031"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect2_dropShadow" result="effect3_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dx="-0.1875" dy="0.421875"/>
-<feGaussianBlur stdDeviation="0.339844"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect3_dropShadow" result="effect4_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.679688"/>
-<feGaussianBlur stdDeviation="0.269531"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.678431 0 0 0 0 0.819608 0 0 0 0 0.726431 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect5_innerShadow"/>
-</filter>
-<filter id="filter3_ddddi" x="2.0625" y="6.47815" width="12.5344" height="12.5344" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="0.328125"/>
-<feGaussianBlur stdDeviation="0.515625"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.26562"/>
-<feGaussianBlur stdDeviation="0.632812"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.96875"/>
-<feGaussianBlur stdDeviation="1.57031"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect2_dropShadow" result="effect3_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dx="-0.1875" dy="0.421875"/>
-<feGaussianBlur stdDeviation="0.339844"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect3_dropShadow" result="effect4_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.679688"/>
-<feGaussianBlur stdDeviation="0.269531"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.678431 0 0 0 0 0.819608 0 0 0 0 0.726431 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect5_innerShadow"/>
-</filter>
-<filter id="filter4_ddddi" x="9.40314" y="8.92499" width="12.5344" height="12.5344" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="0.328125"/>
-<feGaussianBlur stdDeviation="0.515625"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.26562"/>
-<feGaussianBlur stdDeviation="0.632812"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
-<feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dy="1.96875"/>
-<feGaussianBlur stdDeviation="1.57031"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect2_dropShadow" result="effect3_dropShadow"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-<feOffset dx="-0.1875" dy="0.421875"/>
-<feGaussianBlur stdDeviation="0.339844"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
-<feBlend mode="overlay" in2="effect3_dropShadow" result="effect4_dropShadow"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow" result="shape"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="-0.679688"/>
-<feGaussianBlur stdDeviation="0.269531"/>
-<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.678431 0 0 0 0 0.819608 0 0 0 0 0.726431 0 0 0 1 0"/>
-<feBlend mode="normal" in2="shape" result="effect5_innerShadow"/>
-</filter>
-<linearGradient id="paint0_linear" x1="12" y1="2.34375" x2="12" y2="21.6562" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1ED9A3"/>
-<stop offset="1" stop-color="#0DBD8B"/>
+<linearGradient id="paint0_linear_178_1078" x1="512" y1="1024" x2="512" y2="0" gradientUnits="userSpaceOnUse">
+<stop stop-color="#04B96A" stop-opacity="0.41"/>
+<stop offset="0.2" stop-color="#07B661" stop-opacity="0.23"/>
+<stop offset="0.4" stop-color="#00B85C" stop-opacity="0.11"/>
+<stop offset="0.6" stop-color="#16BB69" stop-opacity="0.06"/>
+<stop offset="0.8" stop-color="#16BB79" stop-opacity="0.03"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
+<linearGradient id="paint1_linear_178_1078" x1="512" y1="102" x2="512" y2="922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#98E1C1"/>
+<stop offset="0.33" stop-color="#0BC491"/>
+<stop offset="0.66" stop-color="#007A61"/>
+<stop offset="1" stop-color="#005C45"/>
+</linearGradient>
+<linearGradient id="paint2_linear_178_1078" x1="512" y1="102" x2="512" y2="922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#16BB79" stop-opacity="0.03"/>
+<stop offset="0.25" stop-color="#16BB69" stop-opacity="0.06"/>
+<stop offset="0.5" stop-color="#00B85C" stop-opacity="0.11"/>
+<stop offset="0.75" stop-color="#07B661" stop-opacity="0.23"/>
+<stop offset="1" stop-color="#04B96A" stop-opacity="0.41"/>
+</linearGradient>
+<clipPath id="clip0_178_1078">
+<rect width="1024" height="1024" fill="white"/>
+</clipPath>
 </defs>
 </svg>
diff --git a/res/img/element-icons/call/delete.svg b/res/img/element-icons/call/delete.svg
deleted file mode 100644
index 133bdad4ca..0000000000
--- a/res/img/element-icons/call/delete.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path d="M18.3333 2.49951H5.83333C5.25833 2.49951 4.80833 2.79118 4.50833 3.23285L0 9.99951L4.50833 16.7578C4.80833 17.1995 5.25833 17.4995 5.83333 17.4995H18.3333C19.25 17.4995 20 16.7495 20 15.8328V4.16618C20 3.24951 19.25 2.49951 18.3333 2.49951ZM15.8333 12.9912L14.6583 14.1662L11.6667 11.1745L8.675 14.1662L7.5 12.9912L10.4917 9.99951L7.5 7.00784L8.675 5.83284L11.6667 8.82451L14.6583 5.83284L15.8333 7.00784L12.8417 9.99951L15.8333 12.9912Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/res/img/element-icons/child-relationship.svg b/res/img/element-icons/child-relationship.svg
deleted file mode 100644
index 5a848c0d97..0000000000
--- a/res/img/element-icons/child-relationship.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><rect width="4" height="4" x="2" y="2" fill="#737D8C" rx="1"/><path fill="#737D8C" fill-rule="evenodd" d="M5.5 11.25a.75.75 0 0 1-.75-.75V8a.75.75 0 0 0-1.5 0v2.5a2.25 2.25 0 0 0 2.25 2.25H8a.75.75 0 0 0 0-1.5H5.5Z" clip-rule="evenodd"/><rect width="4" height="4" x="10" y="10" fill="#737D8C" rx="1"/></svg>
\ No newline at end of file
diff --git a/res/img/element-icons/collapse-message.svg b/res/img/element-icons/collapse-message.svg
deleted file mode 100644
index da8bfb76b6..0000000000
--- a/res/img/element-icons/collapse-message.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 11 14"><defs/><path fill="currentColor" fill-rule="evenodd" d="M.2192.234A.753.753 0 011.2815.2321l3.7243 3.7003L8.7181.2202A.753.753 0 019.7805.2185a.747.747 0 01.0017 1.0589L5.5396 5.52a.753.753 0 01-1.0624.0018L.221 1.2928A.747.747 0 01.2192.234zM9.7822 13.7663a.7529.7529 0 01-1.0623.0017l-3.7243-3.7003L1.2833 13.78a.753.753 0 01-1.0624.0018.7471.7471 0 01-.0017-1.059l4.2426-4.2426a.753.753 0 011.0624-.0017l4.2563 4.2289a.747.747 0 01.0017 1.0589z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/res/img/element-icons/expand-message.svg b/res/img/element-icons/expand-message.svg
deleted file mode 100644
index c3abd0c471..0000000000
--- a/res/img/element-icons/expand-message.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 11 14"><defs/><path fill="currentColor" fill-rule="evenodd" d="M.2192 8.494a.753.753 0 011.0623-.0018l3.7243 3.7003 3.7123-3.7123a.753.753 0 011.0624-.0017.747.747 0 01.0017 1.059L5.5396 13.78a.753.753 0 01-1.0624.0018L.221 9.5528A.747.747 0 01.2192 8.494zM9.7822 5.5063A.753.753 0 018.72 5.508L4.9956 1.8077 1.2833 5.52a.753.753 0 01-1.0624.0018.747.747 0 01-.0017-1.059L4.4618.2202A.753.753 0 015.5242.2185l4.2563 4.2289a.747.747 0 01.0017 1.0589z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/res/img/element-icons/feedback.svg b/res/img/element-icons/feedback.svg
deleted file mode 100644
index 3ee20d18d9..0000000000
--- a/res/img/element-icons/feedback.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.283 21.4392C17.649 21.4392 21.9991 17.0875 21.9991 11.7196C21.9991 6.3516 17.649 2 12.283 2C6.91698 2 2.56696 6.3516 2.56696 11.7196C2.56696 13.2233 2.90831 14.6472 3.51772 15.9181L2.04565 20.7041C1.80906 21.4733 2.53172 22.1926 3.29983 21.9525L8.04605 20.4688C9.32655 21.0905 10.7641 21.4392 12.283 21.4392Z" fill="black"/>
-</svg>
diff --git a/res/img/element-icons/notifications.svg b/res/img/element-icons/notifications.svg
deleted file mode 100644
index 7709c673f1..0000000000
--- a/res/img/element-icons/notifications.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2375 19.5C10.1625 19.7 10.125 19.9 10.125 20.125C10.125 21.1625 10.9625 22 12 22C13.0375 22 13.875 21.1625 13.875 20.125C13.875 19.9 13.825 19.7 13.7625 19.5H10.2375Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6125 16.0625C18.8625 15.625 18.25 14.8875 18.25 13.75V9.5C18.25 6.05 15.3 3.25 12 3.25C8.7 3.25 5.75 6.05 5.75 9.5V13.75C5.75 14.875 5.125 15.625 4.3875 16.0625C3.8875 16.3625 3.25 16.775 3.25 17.275C3.25 17.85 3.6125 18.2375 4.3625 18.2375H12H19.6375C20.3875 18.2375 20.75 17.8375 20.75 17.275C20.75 16.775 20.125 16.3625 19.6125 16.0625Z" fill="currentColor"/>
-<path d="M12 4.5C12.6904 4.5 13.25 3.94036 13.25 3.25C13.25 2.55964 12.6904 2 12 2C11.3096 2 10.75 2.55964 10.75 3.25C10.75 3.94036 11.3096 4.5 12 4.5Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/room/settings/advanced.svg b/res/img/element-icons/room/settings/advanced.svg
deleted file mode 100644
index 2adbc7d3de..0000000000
--- a/res/img/element-icons/room/settings/advanced.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17 13.89C17 15.0256 16.1603 16 14.9272 16H3.08038C1.83972 16 1 15.0256 1 13.89C1 13.5371 1.09078 13.1841 1.27234 12.8542L7.20331 2.08951C7.60426 1.36061 8.30024 1 9.00378 1C9.70733 1 10.3957 1.34527 10.7967 2.08951L16.7277 12.8542C16.9092 13.1841 17 13.5371 17 13.89ZM8.92011 5.00263C8.35011 5.04263 7.93011 5.54264 7.98011 6.11264L8.28011 9.85C8.31011 10.2 8.58011 10.47 8.93011 10.5H8.99011C9.36011 10.5 9.67011 10.22 9.70011 9.85L10.0401 6.11264V5.95264C9.98011 5.38264 9.48011 4.96263 8.92011 5.00263ZM10 12.5C10 13.0523 9.55229 13.5 9 13.5C8.44772 13.5 8 13.0523 8 12.5C8 11.9477 8.44772 11.5 9 11.5C9.55229 11.5 10 11.9477 10 12.5Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/roomlist/dark-light-mode.svg b/res/img/element-icons/roomlist/dark-light-mode.svg
deleted file mode 100644
index a6a6464b5c..0000000000
--- a/res/img/element-icons/roomlist/dark-light-mode.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15 9C15 12.3137 12.3137 15 9 15V13C11.2091 13 13 11.2091 13 9C13 6.79086 11.2091 5 9 5V3C12.3137 3 15 5.68629 15 9ZM9 5C6.79086 5 5 6.79086 5 9C5 11.2091 6.79086 13 9 13V5ZM17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z" fill="black"/>
-</svg>
diff --git a/res/img/element-icons/roomlist/hash-video.svg b/res/img/element-icons/roomlist/hash-video.svg
deleted file mode 100644
index b0e1decf68..0000000000
--- a/res/img/element-icons/roomlist/hash-video.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.393 1.00259C10.9421 1.06119 11.3398 1.55389 11.2812 2.10306L11.0245 4.50854H12.8482C13.4004 4.50854 13.8482 4.95625 13.8482 5.50854C13.8482 6.06082 13.4004 6.50854 12.8482 6.50854H10.811L10.7408 7.16666H8.72946L8.79969 6.50854H5.36671L5.01796 9.77648H6V11.7765H4.80452L4.55614 14.1039C4.49753 14.653 4.00484 15.0507 3.45567 14.9921C2.9065 14.9335 2.50883 14.4408 2.56743 13.8916L2.79316 11.7765H1.00049C0.448204 11.7765 0.000488281 11.3288 0.000488281 10.7765C0.000488281 10.2242 0.448204 9.77648 1.00049 9.77648H3.0066L3.35535 6.50854H1.64186C1.08958 6.50854 0.641865 6.06082 0.641865 5.50854C0.641865 4.95625 1.08958 4.50854 1.64186 4.50854H3.56879L3.84815 1.89082C3.90676 1.34166 4.39946 0.943979 4.94862 1.00259C5.49779 1.06119 5.89547 1.55389 5.83686 2.10306L5.58015 4.50854H9.01313L9.29249 1.89082C9.3511 1.34166 9.8438 0.943979 10.393 1.00259Z" fill="black"/>
-<path d="M7.82868 9.10489C7.37101 9.10489 7 9.4759 7 9.93357V12.6958C7 13.1535 7.37101 13.5245 7.82868 13.5245H10.8672C11.3248 13.5245 11.6959 13.1535 11.6959 12.6958V9.93357C11.6959 9.4759 11.3248 9.10489 10.8672 9.10489H7.82868Z" fill="#17191C"/>
-<path d="M13.1807 9.74015L12.2483 10.486V12.1434L13.1807 12.8893C13.3615 13.034 13.6294 12.9052 13.6294 12.6736V9.95584C13.6294 9.72423 13.3615 9.59546 13.1807 9.74015Z" fill="#17191C"/>
-</svg>
diff --git a/res/img/element-icons/roomlist/notifications-default.svg b/res/img/element-icons/roomlist/notifications-default.svg
deleted file mode 100644
index c3af0ef809..0000000000
--- a/res/img/element-icons/roomlist/notifications-default.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59 15C7.53 15.16 7.5 15.32 7.5 15.5C7.5 16.33 8.17 17 9 17C9.83 17 10.5 16.33 10.5 15.5C10.5 15.32 10.46 15.16 10.41 15H7.59Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.4C14 11.31 14.49 11.9 15.09 12.25C15.5 12.49 16 12.82 16 13.22C16 13.67 15.71 13.99 15.11 13.99H9H2.89C2.29 13.99 2 13.68 2 13.22C2 12.82 2.51 12.49 2.91 12.25C3.5 11.9 4 11.3 4 10.4V7C4 4.24 6.36 2 9 2C11.64 2 14 4.24 14 7V10.4ZM11.2402 6.1226C11.4223 5.9515 11.7099 5.96101 11.8824 6.14162C12.0358 6.31272 12.0358 6.56938 11.9016 6.74048L8.92075 10.685L8.892 10.723C8.62358 11.0462 8.13469 11.0938 7.80875 10.8276C7.7798 10.8132 7.75632 10.7881 7.73417 10.7643C7.72698 10.7566 7.71994 10.749 7.71289 10.7421L6.13071 8.99336C5.93899 8.76522 5.95816 8.42302 6.18823 8.2329C6.37995 8.0618 6.65795 8.0618 6.85926 8.19488L8.21138 9.012L11.2402 6.1226Z" fill="currentColor"/>
-<path d="M9 3C9.55228 3 10 2.55228 10 2C10 1.44772 9.55228 1 9 1C8.44772 1 8 1.44772 8 2C8 2.55228 8.44772 3 9 3Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/roomlist/notifications-dm.svg b/res/img/element-icons/roomlist/notifications-dm.svg
deleted file mode 100644
index 9259c4d880..0000000000
--- a/res/img/element-icons/roomlist/notifications-dm.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13 7C14.6569 7 16 5.65685 16 4C16 2.34315 14.6569 1 13 1C11.3431 1 10 2.34315 10 4C10 5.65685 11.3431 7 13 7ZM8.9677 2C6.34078 2.01817 4 4.25115 4 6.99989V10.3999C4 11.2999 3.5 11.8999 2.91 12.2499C2.51 12.4899 2 12.8199 2 13.2199C2 13.6799 2.29 13.9899 2.89 13.9899H9H15.11C15.71 13.9899 16 13.6699 16 13.2199C16 12.8199 15.5 12.4899 15.09 12.2499C14.49 11.8999 14 11.3099 14 10.3999V8.38838C13.6784 8.46136 13.3437 8.49989 13 8.49989C10.5147 8.49989 8.5 6.48517 8.5 3.99989C8.5 3.28151 8.66833 2.60245 8.9677 2ZM7.59 15C7.53 15.16 7.5 15.32 7.5 15.5C7.5 16.33 8.17 17 9 17C9.83 17 10.5 16.33 10.5 15.5C10.5 15.32 10.46 15.16 10.41 15H7.59Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/roomlist/notifications-off.svg b/res/img/element-icons/roomlist/notifications-off.svg
deleted file mode 100644
index bbc2dcfeb9..0000000000
--- a/res/img/element-icons/roomlist/notifications-off.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59 15C7.53 15.16 7.5 15.32 7.5 15.5C7.5 16.33 8.17 17 9 17C9.83 17 10.5 16.33 10.5 15.5C10.5 15.32 10.46 15.16 10.41 15H7.59Z" fill="currentColor"/>
-<path d="M9 3C9.55228 3 10 2.55228 10 2C10 1.44772 9.55228 1 9 1C8.44772 1 8 1.44772 8 2C8 2.55228 8.44772 3 9 3Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.08 10.9698C14.03 10.7998 14 10.6098 14 10.4098V7.00977C14 4.24977 11.64 2.00977 8.99998 2.00977C7.93998 2.00977 6.92998 2.37977 6.09998 2.98977L14.08 10.9698Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.38 5.14978C4.14 5.72978 4 6.34978 4 6.99978V10.3998C4 11.2998 3.5 11.8998 2.91 12.2498C2.51 12.4898 2 12.8198 2 13.2198C2 13.6798 2.29 13.9898 2.89 13.9898H9H13.22L4.38 5.14978Z" fill="currentColor"/>
-<path d="M1 1L17 17" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
-</svg>
diff --git a/res/img/element-icons/settings/desktop.svg b/res/img/element-icons/settings/desktop.svg
deleted file mode 100644
index 7d6ca10079..0000000000
--- a/res/img/element-icons/settings/desktop.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 15.5C2.45 15.5 1.97933 15.3043 1.588 14.913C1.196 14.521 1 14.05 1 13.5V2.5C1 1.95 1.196 1.479 1.588 1.087C1.97933 0.695667 2.45 0.5 3 0.5H19C19.55 0.5 20.021 0.695667 20.413 1.087C20.8043 1.479 21 1.95 21 2.5V13.5C21 14.05 20.8043 14.521 20.413 14.913C20.021 15.3043 19.55 15.5 19 15.5H3ZM3 13.5H19V2.5H3V13.5ZM1 18.5C0.716667 18.5 0.479333 18.404 0.288 18.212C0.096 18.0207 0 17.7833 0 17.5C0 17.2167 0.096 16.9793 0.288 16.788C0.479333 16.596 0.716667 16.5 1 16.5H21C21.2833 16.5 21.5207 16.596 21.712 16.788C21.904 16.9793 22 17.2167 22 17.5C22 17.7833 21.904 18.0207 21.712 18.212C21.5207 18.404 21.2833 18.5 21 18.5H1ZM3 13.5V2.5V13.5Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/settings/img-size-large.svg b/res/img/element-icons/settings/img-size-large.svg
index 749a5c7ecb..64046e515a 100644
--- a/res/img/element-icons/settings/img-size-large.svg
+++ b/res/img/element-icons/settings/img-size-large.svg
@@ -7,9 +7,9 @@
             <circle cx="161.936" cy="61.1488" r="11.6596" fill="black"/>
         </mask>
     </defs>
-    <rect x="0.5" y="0.5" width="220" height="147" rx="7.5" stroke="#E3E8F0"/>
-    <rect x="57" y="14" width="10" height="10" rx="1.5" fill="#E3E8F0"/>
-    <rect x="70" y="14" width="60" height="10" rx="1.5" fill="#E3E8F0"/>
-    <path d="M0 8C0 3.58173 3.58172 0 8 0H45C45.5523 0 46 0.447715 46 1V147C46 147.552 45.5523 148 45 148H8C3.58172 148 0 144.418 0 140V8Z" fill="#E3E8F0"/>
-    <rect x="57" y="32" width="137" height="102.021" rx="5.82979" fill="#E3E8F0" mask="url(#mountains)"/>
+    <rect x="0.5" y="0.5" width="220" height="147" rx="7.5" stroke="currentColor"/>
+    <rect x="57" y="14" width="10" height="10" rx="1.5" fill="currentColor"/>
+    <rect x="70" y="14" width="60" height="10" rx="1.5" fill="currentColor"/>
+    <path d="M0 8C0 3.58173 3.58172 0 8 0H45C45.5523 0 46 0.447715 46 1V147C46 147.552 45.5523 148 45 148H8C3.58172 148 0 144.418 0 140V8Z" fill="currentColor"/>
+    <rect x="57" y="32" width="137" height="102.021" rx="5.82979" fill="currentColor" mask="url(#mountains)"/>
 </svg>
diff --git a/res/img/element-icons/settings/img-size-normal.svg b/res/img/element-icons/settings/img-size-normal.svg
index 96d8fd3fb4..3c74116920 100644
--- a/res/img/element-icons/settings/img-size-normal.svg
+++ b/res/img/element-icons/settings/img-size-normal.svg
@@ -7,14 +7,14 @@
             <circle cx="93" cy="92" r="4" fill="black"/>
         </mask>
     </defs>
-    <rect x="0.5" y="0.5" width="220" height="147" rx="7.5" stroke="#E3E8F0"/>
-    <rect x="57" y="14" width="10" height="10" rx="1.5" fill="#E3E8F0"/>
-    <rect x="57" y="64" width="10" height="10" rx="1.5" fill="#E3E8F0"/>
-    <rect x="57" y="125" width="10" height="10" rx="1.5" fill="#E3E8F0"/>
-    <rect x="70" y="14" width="60" height="10" rx="1.5" fill="#E3E8F0"/>
-    <rect x="70" y="64" width="60" height="10" rx="1.5" fill="#E3E8F0"/>
-    <rect x="70" y="125" width="60" height="10" rx="1.5" fill="#E3E8F0"/>
-    <path d="M57 32.5C57 31.6716 57.6716 31 58.5 31H208.5C209.328 31 210 31.6716 210 32.5V54.5C210 55.3284 209.328 56 208.5 56H58.5C57.6716 56 57 55.3284 57 54.5V32.5Z" fill="#E3E8F0"/>
-    <path d="M0 8C0 3.58173 3.58172 0 8 0H45C45.5523 0 46 0.447715 46 1V147C46 147.552 45.5523 148 45 148H8C3.58172 148 0 144.418 0 140V8Z" fill="#E3E8F0"/>
-    <rect x="57" y="82" width="47" height="35" rx="2" fill="#E3E8F0" mask="url(#mountains)" />
+    <rect x="0.5" y="0.5" width="220" height="147" rx="7.5" stroke="currentColor"/>
+    <rect x="57" y="14" width="10" height="10" rx="1.5" fill="currentColor"/>
+    <rect x="57" y="64" width="10" height="10" rx="1.5" fill="currentColor"/>
+    <rect x="57" y="125" width="10" height="10" rx="1.5" fill="currentColor"/>
+    <rect x="70" y="14" width="60" height="10" rx="1.5" fill="currentColor"/>
+    <rect x="70" y="64" width="60" height="10" rx="1.5" fill="currentColor"/>
+    <rect x="70" y="125" width="60" height="10" rx="1.5" fill="currentColor"/>
+    <path d="M57 32.5C57 31.6716 57.6716 31 58.5 31H208.5C209.328 31 210 31.6716 210 32.5V54.5C210 55.3284 209.328 56 208.5 56H58.5C57.6716 56 57 55.3284 57 54.5V32.5Z" fill="currentColor"/>
+    <path d="M0 8C0 3.58173 3.58172 0 8 0H45C45.5523 0 46 0.447715 46 1V147C46 147.552 45.5523 148 45 148H8C3.58172 148 0 144.418 0 140V8Z" fill="currentColor"/>
+    <rect x="57" y="82" width="47" height="35" rx="2" fill="currentColor" mask="url(#mountains)" />
 </svg>
diff --git a/res/img/element-icons/settings/mobile.svg b/res/img/element-icons/settings/mobile.svg
deleted file mode 100644
index 45170b2c15..0000000000
--- a/res/img/element-icons/settings/mobile.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="23" viewBox="0 0 14 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 0.51L2 0.5C0.9 0.5 0 1.4 0 2.5V20.5C0 21.6 0.9 22.5 2 22.5H12C13.1 22.5 14 21.6 14 20.5V2.5C14 1.4 13.1 0.51 12 0.51ZM12 18.5H2V4.5H12V18.5Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/settings/unknown-device.svg b/res/img/element-icons/settings/unknown-device.svg
deleted file mode 100644
index c02c2eadf5..0000000000
--- a/res/img/element-icons/settings/unknown-device.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11 22.5C17.0751 22.5 22 17.5751 22 11.5C22 5.42487 17.0751 0.5 11 0.5C4.92487 0.5 0 5.42487 0 11.5C0 17.5751 4.92487 22.5 11 22.5ZM11.0002 18.2605C11.7596 18.2605 12.3752 17.6449 12.3752 16.8855C12.3752 16.1261 11.7596 15.5105 11.0002 15.5105C10.2408 15.5105 9.6252 16.1261 9.6252 16.8855C9.6252 17.6449 10.2408 18.2605 11.0002 18.2605ZM9.0899 9.42801C9.0899 8.3697 9.94859 7.51827 10.9996 7.51827C12.0476 7.51827 12.9093 8.38001 12.9093 9.42801C12.9093 9.91336 12.7018 10.0866 11.8839 10.6516C11.5215 10.902 11.0246 11.2498 10.6376 11.7599C10.2233 12.306 9.96838 12.9869 9.96838 13.8528H12.0309C12.0309 13.4287 12.1436 13.1873 12.2807 13.0065C12.4452 12.7897 12.6834 12.6061 13.0563 12.3485C13.0955 12.3215 13.1368 12.2933 13.18 12.264C13.8559 11.8042 14.9718 11.0452 14.9718 9.42801C14.9718 7.24094 13.1867 5.45577 10.9996 5.45577C8.8156 5.45577 7.0274 7.22452 7.0274 9.42801H9.0899Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/settings/web.svg b/res/img/element-icons/settings/web.svg
deleted file mode 100644
index 95bd1ba24e..0000000000
--- a/res/img/element-icons/settings/web.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 16.5H2C1.45 16.5 0.979333 16.3043 0.588 15.913C0.196 15.521 0 15.05 0 14.5V2.5C0 1.95 0.196 1.47933 0.588 1.088C0.979333 0.696 1.45 0.5 2 0.5H18C18.55 0.5 19.021 0.696 19.413 1.088C19.8043 1.47933 20 1.95 20 2.5V14.5C20 15.05 19.8043 15.521 19.413 15.913C19.021 16.3043 18.55 16.5 18 16.5ZM2 4.5V14.5H18V4.5H2Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/spaces.svg b/res/img/element-icons/spaces.svg
deleted file mode 100644
index 7183b4eca9..0000000000
--- a/res/img/element-icons/spaces.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12.1638C2 6.64097 6.47715 2.16382 12 2.16382C17.5228 2.16382 22 6.64097 22 12.1638C22 17.6867 17.5228 22.1638 12 22.1638C6.47715 22.1638 2 17.6867 2 12.1638ZM10.2814 7.58052L7.41682 7.58052L7.41682 10.4451L10.2814 10.4451L10.2814 7.58052ZM7.41682 6.43469C6.784 6.43469 6.271 6.94769 6.271 7.58052V10.4451C6.271 11.0779 6.784 11.5909 7.41682 11.5909H10.2814C10.9142 11.5909 11.4272 11.0779 11.4272 10.4451V7.58052C11.4272 6.9477 10.9142 6.43469 10.2814 6.43469H7.41682ZM7.41682 13.9462L10.2814 13.9462L10.2814 16.8108L7.41682 16.8108L7.41682 13.9462ZM6.271 13.9462C6.271 13.3134 6.784 12.8004 7.41682 12.8004H10.2814C10.9142 12.8004 11.4272 13.3134 11.4272 13.9462V16.8108C11.4272 17.4436 10.9142 17.9566 10.2814 17.9566H7.41682C6.784 17.9566 6.271 17.4436 6.271 16.8108V13.9462ZM16.6471 7.58052L13.7825 7.58052L13.7825 10.4451L16.6471 10.4451L16.6471 7.58052ZM13.7825 6.43469C13.1497 6.43469 12.6367 6.94769 12.6367 7.58052V10.4451C12.6367 11.0779 13.1497 11.5909 13.7825 11.5909H16.6471C17.2799 11.5909 17.7929 11.0779 17.7929 10.4451V7.58052C17.7929 6.9477 17.2799 6.43469 16.6471 6.43469H13.7825ZM15.2148 16.8108C14.4238 16.8108 13.7825 16.1695 13.7825 15.3785C13.7825 14.5875 14.4238 13.9462 15.2148 13.9462C16.0058 13.9462 16.6471 14.5875 16.6471 15.3785C16.6471 16.1695 16.0058 16.8108 15.2148 16.8108ZM12.6367 15.3785C12.6367 13.9546 13.7909 12.8004 15.2148 12.8004C16.6386 12.8004 17.7929 13.9546 17.7929 15.3785C17.7929 16.8023 16.6386 17.9566 15.2148 17.9566C13.7909 17.9566 12.6367 16.8023 12.6367 15.3785Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/element-icons/view-in-room.svg b/res/img/element-icons/view-in-room.svg
deleted file mode 100644
index abaee191f4..0000000000
--- a/res/img/element-icons/view-in-room.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M1 2.75A.75.75 0 0 1 1.75 2h.005a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm2.495 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.005a.75.75 0 0 1 0 1.5h-.005a.75.75 0 0 1-.75-.75ZM1 6.75A.75.75 0 0 1 1.75 6h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 1 6.75ZM1 9.75A.75.75 0 0 1 1.75 9h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 1 9.75ZM1 13.75a.75.75 0 0 1 .75-.75h.005a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1-.75-.75Zm2.495 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5h-.01a.75.75 0 0 1-.75-.75Zm2.5 0a.75.75 0 0 1 .75-.75h.005a.75.75 0 0 1 0 1.5h-.005a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/res/img/emojipicker/activity.svg b/res/img/emojipicker/activity.svg
deleted file mode 100644
index d921667e7a..0000000000
--- a/res/img/emojipicker/activity.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12 6.628 0 12-5.373 12-12 0-6.628-5.372-12-12-12m9.949 11H17.05c.224-2.527 1.232-4.773 1.968-6.113A9.966 9.966 0 0 1 21.949 11M13 11V2.051a9.945 9.945 0 0 1 4.432 1.564c-.858 1.491-2.156 4.22-2.392 7.385H13zm-2 0H8.961c-.238-3.165-1.536-5.894-2.393-7.385A9.95 9.95 0 0 1 11 2.051V11zm0 2v8.949a9.937 9.937 0 0 1-4.432-1.564c.857-1.492 2.155-4.221 2.393-7.385H11zm4.04 0c.236 3.164 1.534 5.893 2.392 7.385A9.92 9.92 0 0 1 13 21.949V13h2.04zM4.982 4.887C5.718 6.227 6.726 8.473 6.951 11h-4.9a9.977 9.977 0 0 1 2.931-6.113M2.051 13h4.9c-.226 2.527-1.233 4.771-1.969 6.113A9.972 9.972 0 0 1 2.051 13m16.967 6.113c-.735-1.342-1.744-3.586-1.968-6.113h4.899a9.961 9.961 0 0 1-2.931 6.113" />
-</svg>
diff --git a/res/img/emojipicker/custom.svg b/res/img/emojipicker/custom.svg
deleted file mode 100644
index 814cd8ec13..0000000000
--- a/res/img/emojipicker/custom.svg
+++ /dev/null
@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <g transform="translate(2.000000, 1.000000)">
-        <rect id="Rectangle" x="8" y="0" width="3" height="21" rx="1.5" />
-        <rect
-            id="Rectangle"
-            transform="translate(9.843, 10.549) rotate(60) translate(-9.843, -10.549) "
-            x="8.343"
-            y="0.049"
-            width="3"
-            height="21"
-            rx="1.5"
-        />
-        <rect
-            id="Rectangle"
-            transform="translate(9.843, 10.549) rotate(-60) translate(-9.843, -10.549) "
-            x="8.343"
-            y="0.049"
-            width="3"
-            height="21"
-            rx="1.5"
-        />
-    </g>
-</svg>
diff --git a/res/img/emojipicker/delete.svg b/res/img/emojipicker/delete.svg
deleted file mode 100644
index 5f5d4e52eb..0000000000
--- a/res/img/emojipicker/delete.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="13"
-    height="13"
-    viewBox="0 0 20 20"
-    opacity="0.5"
->
-    <path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z" />
-</svg>
diff --git a/res/img/emojipicker/flags.svg b/res/img/emojipicker/flags.svg
deleted file mode 100644
index bd0a935265..0000000000
--- a/res/img/emojipicker/flags.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M0 0l6.084 24H8L1.916 0zM21 5h-4l-1-4H4l3 12h3l1 4h13L21 5zM6.563 3h7.875l2 8H8.563l-2-8zm8.832 10l-2.856 1.904L12.063 13h3.332zM19 13l-1.5-6h1.938l2 8H16l3-2z" />
-</svg>
diff --git a/res/img/emojipicker/foods.svg b/res/img/emojipicker/foods.svg
deleted file mode 100644
index 57a15976d8..0000000000
--- a/res/img/emojipicker/foods.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M17 4.978c-1.838 0-2.876.396-3.68.934.513-1.172 1.768-2.934 4.68-2.934a1 1 0 0 0 0-2c-2.921 0-4.629 1.365-5.547 2.512-.064.078-.119.162-.18.244C11.73 1.838 10.798.023 9.207.023 8.579.022 7.85.306 7 .978 5.027 2.54 5.329 3.902 6.492 4.999 3.609 5.222 0 7.352 0 12.969c0 4.582 4.961 11.009 9 11.009 1.975 0 2.371-.486 3-1 .629.514 1.025 1 3 1 4.039 0 9-6.418 9-11 0-5.953-4.055-8-7-8M8.242 2.546c.641-.508.943-.523.965-.523.426.169.975 1.405 1.357 3.055-1.527-.629-2.741-1.352-2.98-1.846.059-.112.241-.356.658-.686M15 21.978c-1.08 0-1.21-.109-1.559-.402l-.176-.146c-.367-.302-.816-.452-1.266-.452s-.898.15-1.266.452l-.176.146c-.347.292-.477.402-1.557.402-2.813 0-7-5.389-7-9.009 0-5.823 4.488-5.991 5-5.991 1.939 0 2.484.471 3.387 1.251l.323.276a1.995 1.995 0 0 0 2.58 0l.323-.276c.902-.78 1.447-1.251 3.387-1.251.512 0 5 .168 5 6 0 3.617-4.187 9-7 9" />
-</svg>
diff --git a/res/img/emojipicker/nature.svg b/res/img/emojipicker/nature.svg
deleted file mode 100644
index a4778be927..0000000000
--- a/res/img/emojipicker/nature.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M15.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 15.5 8M8.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 8.5 8" />
-    <path d="M18.933 0h-.027c-.97 0-2.138.787-3.018 1.497-1.274-.374-2.612-.51-3.887-.51-1.285 0-2.616.133-3.874.517C7.245.79 6.069 0 5.093 0h-.027C3.352 0 .07 2.67.002 7.026c-.039 2.479.276 4.238 1.04 5.013.254.258.882.677 1.295.882.191 3.177.922 5.238 2.536 6.38.897.637 2.187.949 3.2 1.102C8.04 20.6 8 20.795 8 21c0 1.773 2.35 3 4 3 1.648 0 4-1.227 4-3 0-.201-.038-.393-.072-.586 2.573-.385 5.435-1.877 5.925-7.587.396-.22.887-.568 1.104-.788.763-.774 1.079-2.534 1.04-5.013C23.929 2.67 20.646 0 18.933 0M3.223 9.135c-.237.281-.837 1.155-.884 1.238-.15-.41-.368-1.349-.337-3.291.051-3.281 2.478-4.972 3.091-5.031.256.015.731.27 1.265.646-1.11 1.171-2.275 2.915-2.352 5.125-.133.546-.398.858-.783 1.313M12 22c-.901 0-1.954-.693-2-1 0-.654.475-1.236 1-1.602V20a1 1 0 1 0 2 0v-.602c.524.365 1 .947 1 1.602-.046.307-1.099 1-2 1m3-3.48v.02a4.752 4.752 0 0 0-1.262-1.02c1.092-.516 2.239-1.334 2.239-2.217 0-1.842-1.781-2.195-3.977-2.195-2.196 0-3.978.354-3.978 2.195 0 .883 1.148 1.701 2.238 2.217A4.8 4.8 0 0 0 9 18.539v-.025c-1-.076-2.182-.281-2.973-.842-1.301-.92-1.838-3.045-1.853-6.478l.023-.041c.496-.826 1.49-1.45 1.804-3.102 0-2.047 1.357-3.631 2.362-4.522C9.37 3.178 10.555 3 11.948 3c1.447 0 2.685.192 3.733.57 1 .9 2.316 2.465 2.316 4.48.313 1.651 1.307 2.275 1.803 3.102.035.058.068.117.102.178-.059 5.967-1.949 7.01-4.902 7.19m6.628-8.202c-.037-.065-.074-.13-.113-.195a7.587 7.587 0 0 0-.739-.987c-.385-.455-.648-.768-.782-1.313-.076-2.209-1.241-3.954-2.353-5.124.531-.376 1.004-.63 1.261-.647.636.071 3.044 1.764 3.096 5.031.027 1.81-.347 3.218-.37 3.235" />
-</svg>
diff --git a/res/img/emojipicker/objects.svg b/res/img/emojipicker/objects.svg
deleted file mode 100644
index e0d39f985a..0000000000
--- a/res/img/emojipicker/objects.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M12 0a9 9 0 0 0-5 16.482V21s2.035 3 5 3 5-3 5-3v-4.518A9 9 0 0 0 12 0zm0 2c3.86 0 7 3.141 7 7s-3.14 7-7 7-7-3.141-7-7 3.14-7 7-7zM9 17.477c.94.332 1.946.523 3 .523s2.06-.19 3-.523v.834c-.91.436-1.925.689-3 .689a6.924 6.924 0 0 1-3-.69v-.833zm.236 3.07A8.854 8.854 0 0 0 12 21c.965 0 1.888-.167 2.758-.451C14.155 21.173 13.153 22 12 22c-1.102 0-2.117-.789-2.764-1.453z" />
-    <path d="M14.745 12.449h-.004c-.852-.024-1.188-.858-1.577-1.824-.421-1.061-.703-1.561-1.182-1.566h-.009c-.481 0-.783.497-1.235 1.537-.436.982-.801 1.811-1.636 1.791l-.276-.043c-.565-.171-.853-.691-1.284-1.794-.125-.313-.202-.632-.27-.913-.051-.213-.127-.53-.195-.634C7.067 9.004 7.039 9 6.99 9A1 1 0 0 1 7 7h.01c1.662.017 2.015 1.373 2.198 2.134.486-.981 1.304-2.058 2.797-2.075 1.531.018 2.28 1.153 2.731 2.141l.002-.008C14.944 8.424 15.327 7 16.979 7h.032A1 1 0 1 1 17 9h-.011c-.149.076-.256.474-.319.709a6.484 6.484 0 0 1-.311.951c-.429.973-.79 1.789-1.614 1.789" />
-</svg>
diff --git a/res/img/emojipicker/people.svg b/res/img/emojipicker/people.svg
deleted file mode 100644
index c2fdb579f6..0000000000
--- a/res/img/emojipicker/people.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10" />
-    <path d="M8 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 8 7M16 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 16 7M15.232 15c-.693 1.195-1.87 2-3.349 2-1.477 0-2.655-.805-3.347-2H15m3-2H6a6 6 0 1 0 12 0" />
-</svg>
diff --git a/res/img/emojipicker/places.svg b/res/img/emojipicker/places.svg
deleted file mode 100644
index 0947baaf04..0000000000
--- a/res/img/emojipicker/places.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M6.5 12C5.122 12 4 13.121 4 14.5S5.122 17 6.5 17 9 15.879 9 14.5 7.878 12 6.5 12m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5M17.5 12c-1.378 0-2.5 1.121-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.121 2.5-2.5-1.122-2.5-2.5-2.5m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5" />
-    <path d="M22.482 9.494l-1.039-.346L21.4 9h.6c.552 0 1-.439 1-.992 0-.006-.003-.008-.003-.008H23c0-1-.889-2-1.984-2h-.642l-.731-1.717C19.262 3.012 18.091 2 16.764 2H7.236C5.909 2 4.738 3.012 4.357 4.283L3.626 6h-.642C1.889 6 1 7 1 8h.003S1 8.002 1 8.008C1 8.561 1.448 9 2 9h.6l-.043.148-1.039.346a2.001 2.001 0 0 0-1.359 2.097l.751 7.508a1 1 0 0 0 .994.901H3v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h6v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h1.096a.999.999 0 0 0 .994-.901l.751-7.508a2.001 2.001 0 0 0-1.359-2.097M6.273 4.857C6.402 4.43 6.788 4 7.236 4h9.527c.448 0 .834.43.963.857L19.313 9H4.688l1.585-4.143zM7 21H5v-1h2v1zm12 0h-2v-1h2v1zm2.189-3H2.811l-.662-6.607L3 11h18l.852.393L21.189 18z" />
-</svg>
diff --git a/res/img/emojipicker/recent.svg b/res/img/emojipicker/recent.svg
deleted file mode 100644
index 2fdcc65cd2..0000000000
--- a/res/img/emojipicker/recent.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M13 4h-2l-.001 7H9v2h2v2h2v-2h4v-2h-4z" />
-    <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10" />
-</svg>
diff --git a/res/img/emojipicker/search.svg b/res/img/emojipicker/search.svg
deleted file mode 100644
index b5f660b3ac..0000000000
--- a/res/img/emojipicker/search.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="13"
-    height="13"
-    viewBox="0 0 20 20"
-    opacity="0.5"
->
-    <path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z" />
-</svg>
diff --git a/res/img/emojipicker/symbols.svg b/res/img/emojipicker/symbols.svg
deleted file mode 100644
index a2b86d9ec8..0000000000
--- a/res/img/emojipicker/symbols.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-Copyright (c) 2016, Missive
-From https://github.com/missive/emoji-mart/blob/master/src/svgs/index.js
-Licensed under BSD-3-Clause: https://github.com/missive/emoji-mart/blob/master/LICENSE
--->
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
->
-    <path d="M0 0h11v2H0zM4 11h3V6h4V4H0v2h4zM15.5 17c1.381 0 2.5-1.116 2.5-2.493s-1.119-2.493-2.5-2.493S13 13.13 13 14.507 14.119 17 15.5 17m0-2.986c.276 0 .5.222.5.493 0 .272-.224.493-.5.493s-.5-.221-.5-.493.224-.493.5-.493M21.5 19.014c-1.381 0-2.5 1.116-2.5 2.493S20.119 24 21.5 24s2.5-1.116 2.5-2.493-1.119-2.493-2.5-2.493m0 2.986a.497.497 0 0 1-.5-.493c0-.271.224-.493.5-.493s.5.222.5.493a.497.497 0 0 1-.5.493M22 13l-9 9 1.513 1.5 8.99-9.009zM17 11c2.209 0 4-1.119 4-2.5V2s.985-.161 1.498.949C23.01 4.055 23 6 23 6s1-1.119 1-3.135C24-.02 21 0 21 0h-2v6.347A5.853 5.853 0 0 0 17 6c-2.209 0-4 1.119-4 2.5s1.791 2.5 4 2.5M10.297 20.482l-1.475-1.585a47.54 47.54 0 0 1-1.442 1.129c-.307-.288-.989-1.016-2.045-2.183.902-.836 1.479-1.466 1.729-1.892s.376-.871.376-1.336c0-.592-.273-1.178-.818-1.759-.546-.581-1.329-.871-2.349-.871-1.008 0-1.79.293-2.344.879-.556.587-.832 1.181-.832 1.784 0 .813.419 1.748 1.256 2.805-.847.614-1.444 1.208-1.794 1.784a3.465 3.465 0 0 0-.523 1.833c0 .857.308 1.56.924 2.107.616.549 1.423.823 2.42.823 1.173 0 2.444-.379 3.813-1.137L8.235 24h2.819l-2.09-2.383 1.333-1.135zm-6.736-6.389a1.02 1.02 0 0 1 .73-.286c.31 0 .559.085.747.254a.849.849 0 0 1 .283.659c0 .518-.419 1.112-1.257 1.784-.536-.651-.805-1.231-.805-1.742a.901.901 0 0 1 .302-.669M3.74 22c-.427 0-.778-.116-1.057-.349-.279-.232-.418-.487-.418-.766 0-.594.509-1.288 1.527-2.083.968 1.134 1.717 1.946 2.248 2.438-.921.507-1.686.76-2.3.76" />
-</svg>
diff --git a/res/img/feather-customised/bridge.svg b/res/img/feather-customised/bridge.svg
deleted file mode 100644
index f8f3468155..0000000000
--- a/res/img/feather-customised/bridge.svg
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   id="svg8"
-   version="1.1"
-   viewBox="0 0 5.487504 5.7341776"
-   height="5.7341776mm"
-   width="5.487504mm">
-  <defs
-     id="defs2" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="translate(14.166523,-96.032669)"
-     id="layer1">
-    <rect
-       y="99.461258"
-       x="-10.861272"
-       height="2.0555882"
-       width="1.9322528"
-       id="rect831-6"
-       style="fill:none;stroke:#b8bec9;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
-    <path
-       id="path883"
-       d="m -11.98427,98.338257 1.122998,1.122998"
-       style="fill:#b8bec9;fill-opacity:1;stroke:#b8bec9;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
-    <rect
-       transform="scale(-1)"
-       y="-98.338257"
-       x="11.98427"
-       height="2.0555882"
-       width="1.9322529"
-       id="rect831-6-7"
-       style="fill:none;stroke:#b8bec9;stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
-  </g>
-</svg>
diff --git a/res/img/feather-customised/bug.svg b/res/img/feather-customised/bug.svg
deleted file mode 100644
index ea2e4222aa..0000000000
--- a/res/img/feather-customised/bug.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C9.23858 2 7 4.23858 7 7L17 7C17 4.23858 14.7614 2 12 2ZM2.29289 7.70711C1.90237 7.31658 1.90237 6.68342 2.29289 6.29289C2.68342 5.90237 3.31658 5.90237 3.70711 6.29289L6.41421 9H17.5858L20.2929 6.29289C20.6834 5.90237 21.3166 5.90237 21.7071 6.29289C22.0976 6.68342 22.0976 7.31658 21.7071 7.70711L19 10.4142V13H22C22.5523 13 23 13.4477 23 14C23 14.5523 22.5523 15 22 15H19C19 15.7795 18.8726 16.5292 18.6375 17.2295C18.6614 17.2493 18.6847 17.2705 18.7071 17.2929L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L17.6791 19.0933C16.5924 20.5983 14.9222 21.6542 13 21.9291L13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V21.9291C9.07785 21.6542 7.40759 20.5983 6.32091 19.0933L3.70711 21.7071C3.31658 22.0976 2.68342 22.0976 2.29289 21.7071C1.90237 21.3166 1.90237 20.6834 2.29289 20.2929L5.29289 17.2929C5.31533 17.2705 5.33857 17.2493 5.36252 17.2295C5.1274 16.5292 5 15.7795 5 15H2C1.44772 15 1 14.5523 1 14C1 13.4477 1.44772 13 2 13H5V10.4142L2.29289 7.70711Z" fill="currentColor"/>
-</svg>
diff --git a/res/img/feather-customised/secure-backup.svg b/res/img/feather-customised/secure-backup.svg
deleted file mode 100644
index c06f93c1fe..0000000000
--- a/res/img/feather-customised/secure-backup.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="1" y="2" width="22" height="21">
-<rect x="1" y="2" width="21.5" height="5" fill="white"/>
-<rect x="1" y="17.7" width="21.5" height="5" fill="white"/>
-</mask>
-<g mask="url(#mask0)">
-<path d="M3.16626 12.4014C3.16626 7.64675 6.99526 3.81775 11.75 3.81775C13.0964 3.81775 14.4429 4.15437 15.6631 4.74345H14.9899C14.5691 4.74345 14.2325 5.08006 14.2325 5.50083C14.2325 5.9216 14.5691 6.25822 14.9899 6.25822H17.3041C17.809 6.25822 18.1877 5.83745 18.1877 5.3746V3.06037C18.1877 2.6396 17.8511 2.30298 17.4303 2.30298C17.0096 2.30298 16.673 2.6396 16.673 3.06037V3.60737C16.6309 3.56529 16.5888 3.5653 16.5467 3.52322C15.074 2.72376 13.433 2.30298 11.75 2.30298C6.1958 2.30298 1.65149 6.84729 1.65149 12.4014C1.65149 14.0845 2.07226 15.7676 2.87172 17.2403C2.99795 17.4928 3.25041 17.619 3.54495 17.619C3.67118 17.619 3.79741 17.5769 3.92364 17.5348C4.30233 17.3245 4.42857 16.8616 4.21819 16.525C3.50288 15.2627 3.16626 13.8321 3.16626 12.4014Z" fill="#2E2F32"/>
-<path d="M20.6281 7.56263C20.4177 7.18394 19.9548 7.05771 19.6182 7.2681C19.2395 7.47848 19.1133 7.94133 19.3237 8.27794C19.9969 9.54025 20.3756 10.9288 20.3756 12.4015C20.3756 17.1562 16.5045 20.9852 11.7919 20.9852C10.4454 20.9852 9.09897 20.6486 7.87874 20.0595H8.55198C8.97275 20.0595 9.30937 19.7229 9.30937 19.3021C9.30937 18.8813 8.97275 18.5447 8.55198 18.5447H6.23774C5.73282 18.5447 5.35413 18.9655 5.35413 19.4283V21.7426C5.35413 22.1633 5.69075 22.4999 6.11152 22.4999C6.53229 22.4999 6.8689 22.1633 6.8689 21.7426V21.1956C6.91098 21.2376 6.95306 21.2376 6.99514 21.2797C8.42575 22.0792 10.0667 22.4999 11.7498 22.4999C17.304 22.4999 21.8483 17.9556 21.8483 12.4015C21.8483 10.7184 21.4275 9.03532 20.6281 7.56263Z" fill="#2E2F32"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 9C1.89543 9 1 9.89543 1 11V14C1 15.1046 1.89543 16 3 16H21C22.1046 16 23 15.1046 23 14V11C23 9.89543 22.1046 9 21 9H3ZM5.25 10.5C4.83579 10.5 4.5 10.8358 4.5 11.25C4.5 11.6642 4.83579 12 5.25 12H7.75C8.16421 12 8.5 11.6642 8.5 11.25C8.5 10.8358 8.16421 10.5 7.75 10.5H5.25ZM9.5 11.25C9.5 10.8358 9.83579 10.5 10.25 10.5H10.75C11.1642 10.5 11.5 10.8358 11.5 11.25C11.5 11.6642 11.1642 12 10.75 12H10.25C9.83579 12 9.5 11.6642 9.5 11.25ZM13.25 10.5C12.8358 10.5 12.5 10.8358 12.5 11.25C12.5 11.6642 12.8358 12 13.25 12H15.75C16.1642 12 16.5 11.6642 16.5 11.25C16.5 10.8358 16.1642 10.5 15.75 10.5H13.25ZM17.5 11.25C17.5 10.8358 17.8358 10.5 18.25 10.5H18.75C19.1642 10.5 19.5 10.8358 19.5 11.25C19.5 11.6642 19.1642 12 18.75 12H18.25C17.8358 12 17.5 11.6642 17.5 11.25ZM5.25 13C4.83579 13 4.5 13.3358 4.5 13.75C4.5 14.1642 4.83579 14.5 5.25 14.5H5.75C6.16421 14.5 6.5 14.1642 6.5 13.75C6.5 13.3358 6.16421 13 5.75 13H5.25ZM7.5 13.75C7.5 13.3358 7.83579 13 8.25 13H10.75C11.1642 13 11.5 13.3358 11.5 13.75C11.5 14.1642 11.1642 14.5 10.75 14.5H8.25C7.83579 14.5 7.5 14.1642 7.5 13.75ZM13.25 13C12.8358 13 12.5 13.3358 12.5 13.75C12.5 14.1642 12.8358 14.5 13.25 14.5H13.75C14.1642 14.5 14.5 14.1642 14.5 13.75C14.5 13.3358 14.1642 13 13.75 13H13.25Z" fill="#2E2F32"/>
-</svg>
diff --git a/res/img/feather-customised/secure-phrase.svg b/res/img/feather-customised/secure-phrase.svg
deleted file mode 100644
index eb13d3f048..0000000000
--- a/res/img/feather-customised/secure-phrase.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="1" y="2" width="22" height="21">
-<rect x="1" y="2" width="21.5" height="5" fill="white"/>
-<rect x="1" y="17.7" width="21.5" height="5" fill="white"/>
-</mask>
-<g mask="url(#mask0)">
-<path d="M3.16626 12.4014C3.16626 7.64675 6.99526 3.81775 11.75 3.81775C13.0964 3.81775 14.4429 4.15437 15.6631 4.74345H14.9899C14.5691 4.74345 14.2325 5.08006 14.2325 5.50083C14.2325 5.9216 14.5691 6.25822 14.9899 6.25822H17.3041C17.809 6.25822 18.1877 5.83745 18.1877 5.3746V3.06037C18.1877 2.6396 17.8511 2.30298 17.4303 2.30298C17.0096 2.30298 16.673 2.6396 16.673 3.06037V3.60737C16.6309 3.56529 16.5888 3.5653 16.5467 3.52322C15.074 2.72376 13.433 2.30298 11.75 2.30298C6.1958 2.30298 1.65149 6.84729 1.65149 12.4014C1.65149 14.0845 2.07226 15.7676 2.87172 17.2403C2.99795 17.4928 3.25041 17.619 3.54495 17.619C3.67118 17.619 3.79741 17.5769 3.92364 17.5348C4.30233 17.3245 4.42857 16.8616 4.21819 16.525C3.50288 15.2627 3.16626 13.8321 3.16626 12.4014Z" fill="#2E2F32"/>
-<path d="M20.6281 7.56263C20.4177 7.18394 19.9548 7.05771 19.6182 7.2681C19.2395 7.47848 19.1133 7.94133 19.3237 8.27794C19.9969 9.54025 20.3756 10.9288 20.3756 12.4015C20.3756 17.1562 16.5045 20.9852 11.7919 20.9852C10.4454 20.9852 9.09897 20.6486 7.87874 20.0595H8.55198C8.97275 20.0595 9.30937 19.7229 9.30937 19.3021C9.30937 18.8813 8.97275 18.5447 8.55198 18.5447H6.23774C5.73282 18.5447 5.35413 18.9655 5.35413 19.4283V21.7426C5.35413 22.1633 5.69075 22.4999 6.11152 22.4999C6.53229 22.4999 6.8689 22.1633 6.8689 21.7426V21.1956C6.91098 21.2376 6.95306 21.2376 6.99514 21.2797C8.42575 22.0792 10.0667 22.4999 11.7498 22.4999C17.304 22.4999 21.8483 17.9556 21.8483 12.4015C21.8483 10.7184 21.4275 9.03532 20.6281 7.56263Z" fill="#2E2F32"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1 11C1 9.89543 1.89543 9 3 9H21C22.1046 9 23 9.89543 23 11V14C23 15.1046 22.1046 16 21 16H3C1.89543 16 1 15.1046 1 14V11ZM6 12.5C6 13.3284 5.32843 14 4.5 14C3.67157 14 3 13.3284 3 12.5C3 11.6716 3.67157 11 4.5 11C5.32843 11 6 11.6716 6 12.5ZM9.5 14C10.3284 14 11 13.3284 11 12.5C11 11.6716 10.3284 11 9.5 11C8.67157 11 8 11.6716 8 12.5C8 13.3284 8.67157 14 9.5 14ZM16 12.5C16 13.3284 15.3284 14 14.5 14C13.6716 14 13 13.3284 13 12.5C13 11.6716 13.6716 11 14.5 11C15.3284 11 16 11.6716 16 12.5ZM19.5 14C20.3284 14 21 13.3284 21 12.5C21 11.6716 20.3284 11 19.5 11C18.6716 11 18 11.6716 18 12.5C18 13.3284 18.6716 14 19.5 14Z" fill="#2E2F32"/>
-</svg>
diff --git a/res/img/image-view/rotate-ccw.svg b/res/img/image-view/rotate-ccw.svg
deleted file mode 100644
index 85ea3198de..0000000000
--- a/res/img/image-view/rotate-ccw.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.25C14.2811 0.25 16.3824 1.03493 18.0435 2.34854L18.0645 2.36549C19.294 3.38165 21.75 6.28172 21.75 10C21.75 15.3848 17.3848 19.75 12 19.75C11.3096 19.75 10.75 19.1904 10.75 18.5C10.75 17.8096 11.3096 17.25 12 17.25C16.0041 17.25 19.25 14.0041 19.25 10C19.25 7.32797 17.4103 5.07339 16.4819 4.30089C15.2482 3.32907 13.6934 2.75 12 2.75C8.33522 2.75 5.30553 5.46916 4.8184 9H6.50851C6.9004 9 7.13415 9.43723 6.91677 9.76366L3.90826 14.2813C3.71404 14.5729 3.28596 14.5729 3.09174 14.2813L0.083231 9.76366C-0.134151 9.43723 0.0995979 9 0.491489 9H2.30066C2.80139 4.085 6.95284 0.25 12 0.25Z" fill="#8E99A4"/>
-</svg>
diff --git a/res/img/image-view/rotate-cw.svg b/res/img/image-view/rotate-cw.svg
deleted file mode 100644
index e337f3420e..0000000000
--- a/res/img/image-view/rotate-cw.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0.25C7.71886 0.25 5.61758 1.03493 3.95646 2.34854L3.93549 2.36549C2.70597 3.38165 0.25 6.28172 0.25 10C0.25 15.3848 4.61522 19.75 10 19.75C10.6904 19.75 11.25 19.1904 11.25 18.5C11.25 17.8096 10.6904 17.25 10 17.25C5.99594 17.25 2.75 14.0041 2.75 10C2.75 7.32797 4.58973 5.07339 5.51806 4.30089C6.7518 3.32907 8.30655 2.75 10 2.75C13.6648 2.75 16.6945 5.46916 17.1816 9H15.4915C15.0996 9 14.8658 9.43723 15.0832 9.76366L18.0917 14.2813C18.286 14.5729 18.714 14.5729 18.9083 14.2813L21.9168 9.76366C22.1342 9.43723 21.9004 9 21.5085 9H19.6993C19.1986 4.085 15.0472 0.25 10 0.25Z" fill="#8E99A4"/>
-</svg>
diff --git a/res/img/image-view/zoom-in.svg b/res/img/image-view/zoom-in.svg
deleted file mode 100644
index c0816d489e..0000000000
--- a/res/img/image-view/zoom-in.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3293 13.5616C16.379 12.1476 17 10.3963 17 8.5C17 3.80558 13.1944 0 8.5 0C3.80558 0 0 3.80558 0 8.5C0 13.1944 3.80558 17 8.5 17C10.3963 17 12.1476 16.379 13.5616 15.3293L18.1161 19.8839C18.6043 20.372 19.3957 20.372 19.8839 19.8839C20.372 19.3957 20.372 18.6043 19.8839 18.1161L15.3293 13.5616ZM9.5 4C9.5 3.44772 9.05228 3 8.5 3C7.94772 3 7.5 3.44772 7.5 4V7.5H4C3.44772 7.5 3 7.94772 3 8.5C3 9.05228 3.44772 9.5 4 9.5H7.5V13C7.5 13.5523 7.94771 14 8.5 14C9.05228 14 9.5 13.5523 9.5 13V9.5H13C13.5523 9.5 14 9.05228 14 8.5C14 7.94772 13.5523 7.5 13 7.5H9.5V4Z" fill="#8E99A4"/>
-</svg>
diff --git a/res/img/image-view/zoom-out.svg b/res/img/image-view/zoom-out.svg
deleted file mode 100644
index 0539e8c81a..0000000000
--- a/res/img/image-view/zoom-out.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3293 13.5616C16.379 12.1476 17 10.3963 17 8.5C17 3.80558 13.1944 0 8.5 0C3.80558 0 0 3.80558 0 8.5C0 13.1944 3.80558 17 8.5 17C10.3963 17 12.1476 16.379 13.5616 15.3293L18.1161 19.8839C18.6043 20.372 19.3957 20.372 19.8839 19.8839C20.372 19.3957 20.372 18.6043 19.8839 18.1161L15.3293 13.5616ZM3 8.5C3 7.94772 3.44772 7.5 4 7.5H13C13.5523 7.5 14 7.94772 14 8.5C14 9.05229 13.5523 9.5 13 9.5H4C3.44772 9.5 3 9.05229 3 8.5Z" fill="#8E99A4"/>
-</svg>
diff --git a/res/img/voip/call-view/sidebar-off.svg b/res/img/voip/call-view/sidebar-off.svg
deleted file mode 100644
index 86aae6a05a..0000000000
--- a/res/img/voip/call-view/sidebar-off.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.99976 5.64759V17.1382C1.99976 18.1507 2.8206 18.9716 3.83316 18.9716H14.4206L1.99976 5.64759ZM15.9125 15.1C16.3503 13.8013 17.16 12.7192 18.4289 12.196C17.8036 11.6568 17.4058 10.846 17.4058 9.93928C17.4058 8.31596 18.6808 7 20.2537 7C20.7764 7 21.2661 7.14529 21.6871 7.39886V5.83341C21.6871 4.82084 20.8663 4 19.8537 4H5.5648L15.9125 15.1Z" fill="#737D8C"/>
-<ellipse cx="20.2543" cy="9.93931" rx="1.99232" ry="2.05619" fill="#737D8C"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2448 19.7472C20.2476 19.7472 20.2503 19.7472 20.2531 19.7472C21.0024 19.7472 23.9998 19.7472 23.9998 17.4271C23.9998 15.1069 22.8845 12.7868 20.2531 12.7868C18.1577 12.7868 17.056 14.1935 16.6692 15.9116L20.2448 19.7472Z" fill="#737D8C"/>
-<rect width="26.1178" height="2.24431" rx="1.12216" transform="matrix(0.681883 0.731461 -0.742244 0.670129 1.66553 2)" fill="#737D8C"/>
-</svg>
diff --git a/res/img/voip/call-view/sidebar-on.svg b/res/img/voip/call-view/sidebar-on.svg
deleted file mode 100644
index 535b589098..0000000000
--- a/res/img/voip/call-view/sidebar-on.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1 5.83341C1 4.82084 1.82084 4 2.83341 4H18.854C19.8665 4 20.6874 4.82084 20.6874 5.83341V7.39886C20.2664 7.14529 19.7766 7 19.254 7C17.6811 7 16.406 8.31596 16.406 9.93928C16.406 10.846 16.8038 11.6568 17.4291 12.196C15.358 13.05 14.51 15.3933 14.5063 17.7367C14.5056 18.2241 14.6298 18.6314 14.8394 18.9716H2.83341C1.82084 18.9716 1 18.1507 1 17.1382V5.83341Z" fill="#737D8C"/>
-<path d="M19.2531 12.7868C16.5622 12.7868 15.51 15.1069 15.5063 17.4271C15.503 19.5501 18.5038 19.7472 19.2531 19.7472C20.0025 19.7472 22.9999 19.7472 22.9999 17.4271C22.9999 15.1069 21.8846 12.7868 19.2531 12.7868Z" fill="#737D8C"/>
-<ellipse cx="19.2543" cy="9.93931" rx="1.99232" ry="2.05619" fill="#737D8C"/>
-</svg>
diff --git a/res/img/voip/missed-voice.svg b/res/img/voip/missed-voice.svg
deleted file mode 100644
index 5e3993584e..0000000000
--- a/res/img/voip/missed-voice.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.00016 6C4.36683 6 4.66683 5.7 4.66683 5.33333V4.28667L7.4935 7.11333C7.7535 7.37333 8.1735 7.37333 8.4335 7.11333L12.2068 3.34C12.4668 3.08 12.4668 2.66 12.2068 2.4C11.9468 2.14 11.5268 2.14 11.2668 2.4L7.96683 5.7L5.60016 3.33333H6.66683C7.0335 3.33333 7.3335 3.03333 7.3335 2.66667C7.3335 2.3 7.0335 2 6.66683 2H4.00016C3.6335 2 3.3335 2.3 3.3335 2.66667V5.33333C3.3335 5.7 3.6335 6 4.00016 6Z" fill="#8D97A5"/>
-<path d="M8.00557 8.67107C6.88076 8.62784 4.56757 8.91974 4.0052 9.06763C3.97195 9.07638 3.93363 9.08616 3.89078 9.0971C3.02734 9.31746 0.321813 10.008 0.0294949 12.1958C-0.196977 13.8909 0.937169 14.4039 1.50412 14.3258C1.89653 14.2766 3.02006 14.0989 4.05816 13.9127C5.07753 13.7298 5.07701 13.0573 5.07666 12.6026C5.07665 12.5943 5.07664 12.586 5.07664 12.5778L5.07665 11.6636C5.07665 11.4308 5.29543 11.2962 5.5972 11.2598C6.66548 11.1147 7.5573 11.1143 8.00369 11.1143L8.00745 11.1143C8.45377 11.1143 9.33453 11.1147 10.4028 11.2598C10.7046 11.2962 10.9234 11.4308 10.9234 11.6636L10.9234 12.5778C10.9234 12.586 10.9233 12.5943 10.9233 12.6026C10.923 13.0573 10.9225 13.7298 11.9418 13.9127C12.9799 14.099 14.1035 14.2766 14.4959 14.3258C15.0628 14.4039 16.197 13.8909 15.9705 12.1958C15.6782 10.008 12.9727 9.31747 12.1092 9.0971C12.0664 9.08617 12.0281 9.07639 11.9948 9.06764C11.4324 8.91975 9.13037 8.62783 8.00557 8.67107Z" fill="#8D97A5"/>
-</svg>
diff --git a/res/img/warning.svg b/res/img/warning.svg
deleted file mode 100644
index b9a96a88e5..0000000000
--- a/res/img/warning.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 24 23" style="enable-background:new 0 0 24 23;" xml:space="preserve">
-<style type="text/css">
-	.st0{clip-path:url(#SVGID_2_);fill:#FF0064;}
-	.st1{clip-path:url(#SVGID_4_);fill:#FFFFFF;}
-</style>
-<g>
-	<g>
-		<defs>
-			<path id="SVGID_1_" d="M9.2,2.2c1.6-2.9,4.1-2.9,5.7,0l8.3,15.4c1.6,2.9,0.2,5.3-3.2,5.3H4c-3.3,0-4.7-2.4-3.2-5.3L9.2,2.2
-				L9.2,2.2z M9.2,2.2"/>
-		</defs>
-		<clipPath id="SVGID_2_">
-			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-		</clipPath>
-		<rect x="-4.8" y="-5" class="st0" width="33.6" height="32.9"/>
-	</g>
-	<g>
-		<defs>
-			<path id="SVGID_3_" d="M12.7,15L13,5.4H11l0.3,9.6H12.7L12.7,15z M12,19.1c0.7,0,1.2-0.5,1.2-1.2c0-0.7-0.5-1.2-1.2-1.2
-				c-0.7,0-1.2,0.5-1.2,1.2C10.8,18.6,11.3,19.1,12,19.1L12,19.1L12,19.1z M12,19.1"/>
-		</defs>
-		<clipPath id="SVGID_4_">
-			<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
-		</clipPath>
-		<rect x="5.8" y="0.4" class="st1" width="12.4" height="23.7"/>
-	</g>
-</g>
-</svg>
diff --git a/res/themes/dark-custom/css/dark-custom.pcss b/res/themes/dark-custom/css/dark-custom.pcss
index dad1ede631..7eaffcee0c 100644
--- a/res/themes/dark-custom/css/dark-custom.pcss
+++ b/res/themes/dark-custom/css/dark-custom.pcss
@@ -1,9 +1,9 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "../../legacy-light/css/_paths.pcss";
 @import "../../legacy-light/css/_fonts.pcss";
 @import "../../legacy-light/css/_legacy-light.pcss";
 @import "../../legacy-dark/css/_legacy-dark.pcss";
 @import "../../light-custom/css/_custom.pcss";
 @import "../../../../res/css/_components.pcss";
 @import "../../../../res/css/_compound.pcss";
+@import url("highlight.js/styles/atom-one-light.min.css");
 @import url("github-markdown-css/github-markdown-dark.css");
diff --git a/res/themes/dark/css/dark.pcss b/res/themes/dark/css/dark.pcss
index b81a2793f0..05cc9dfb6a 100644
--- a/res/themes/dark/css/dark.pcss
+++ b/res/themes/dark/css/dark.pcss
@@ -1,5 +1,4 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "../../light/css/_paths.pcss";
 @import "../../light/css/_fonts.pcss";
 @import "../../light/css/_light.pcss";
 @import "_dark.pcss";
diff --git a/res/themes/legacy-dark/css/legacy-dark.pcss b/res/themes/legacy-dark/css/legacy-dark.pcss
index 240175c9d1..d816c8c24d 100644
--- a/res/themes/legacy-dark/css/legacy-dark.pcss
+++ b/res/themes/legacy-dark/css/legacy-dark.pcss
@@ -1,5 +1,4 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "../../legacy-light/css/_paths.pcss";
 @import "../../legacy-light/css/_fonts.pcss";
 @import "../../legacy-light/css/_legacy-light.pcss";
 @import "_legacy-dark.pcss";
diff --git a/res/themes/legacy-light/css/_fonts.pcss b/res/themes/legacy-light/css/_fonts.pcss
index bc65ec2d6e..dd22ecef34 100644
--- a/res/themes/legacy-light/css/_fonts.pcss
+++ b/res/themes/legacy-light/css/_fonts.pcss
@@ -23,17 +23,17 @@
     font-family: "Nunito";
     font-style: normal;
     font-weight: 400;
-    src: url("$(res)/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
+    src: url("/res/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
 }
 @font-face {
     font-family: "Nunito";
     font-style: normal;
     font-weight: 600;
-    src: url("$(res)/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype");
+    src: url("/res/fonts/Nunito/Nunito-SemiBold.ttf") format("truetype");
 }
 @font-face {
     font-family: "Nunito";
     font-style: normal;
     font-weight: 700;
-    src: url("$(res)/fonts/Nunito/Nunito-Bold.ttf") format("truetype");
+    src: url("/res/fonts/Nunito/Nunito-Bold.ttf") format("truetype");
 }
diff --git a/res/themes/legacy-light/css/_paths.pcss b/res/themes/legacy-light/css/_paths.pcss
deleted file mode 100644
index d35445dfd9..0000000000
--- a/res/themes/legacy-light/css/_paths.pcss
+++ /dev/null
@@ -1,3 +0,0 @@
-/* Path from root SCSS file (such as `light.pcss`) to `res` dir in the source tree */
-/* This value is overridden by external themes in `element-web`. */
-$res: ../../..;
diff --git a/res/themes/legacy-light/css/legacy-light.pcss b/res/themes/legacy-light/css/legacy-light.pcss
index 7e42d75bfc..d196b2850c 100644
--- a/res/themes/legacy-light/css/legacy-light.pcss
+++ b/res/themes/legacy-light/css/legacy-light.pcss
@@ -1,5 +1,4 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "_paths.pcss";
 @import "_fonts.pcss";
 @import "_legacy-light.pcss";
 @import "../../../../res/css/_components.pcss";
diff --git a/res/themes/light-custom/css/light-custom.pcss b/res/themes/light-custom/css/light-custom.pcss
index d58df8e68f..d02c0eeef4 100644
--- a/res/themes/light-custom/css/light-custom.pcss
+++ b/res/themes/light-custom/css/light-custom.pcss
@@ -1,8 +1,8 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "../../legacy-light/css/_paths.pcss";
 @import "../../legacy-light/css/_fonts.pcss";
 @import "../../legacy-light/css/_legacy-light.pcss";
 @import "_custom.pcss";
 @import "../../../../res/css/_components.pcss";
 @import "../../../../res/css/_compound.pcss";
+@import url("highlight.js/styles/atom-one-light.min.css");
 @import url("github-markdown-css/github-markdown-light.css");
diff --git a/res/themes/light-high-contrast/css/_light-high-contrast.pcss b/res/themes/light-high-contrast/css/_light-high-contrast.pcss
index 94774bc5b8..ada87d7a33 100644
--- a/res/themes/light-high-contrast/css/_light-high-contrast.pcss
+++ b/res/themes/light-high-contrast/css/_light-high-contrast.pcss
@@ -160,12 +160,8 @@ $accent-1400: var(--cpd-color-green-1400);
                     background-color: $quinary-content !important;
                     color: $background !important;
 
-                    &.mx_SpotlightDialog_startChat::before,
-                    &.mx_SpotlightDialog_joinRoomAlias::before,
-                    &.mx_SpotlightDialog_explorePublicRooms::before,
-                    &.mx_SpotlightDialog_startGroupChat::before,
-                    &.mx_SpotlightDialog_searchMessages::before {
-                        background-color: $background !important;
+                    svg {
+                        color: $background !important;
                     }
 
                     .mx_DecoratedRoomAvatar_icon::before {
diff --git a/res/themes/light-high-contrast/css/light-high-contrast.pcss b/res/themes/light-high-contrast/css/light-high-contrast.pcss
index 2556c2c4f5..c794d07499 100644
--- a/res/themes/light-high-contrast/css/light-high-contrast.pcss
+++ b/res/themes/light-high-contrast/css/light-high-contrast.pcss
@@ -1,5 +1,4 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "../../light/css/_paths.pcss";
 @import "../../light/css/_fonts.pcss";
 @import "../../light/css/_light.pcss";
 @import "_light-high-contrast.pcss";
diff --git a/res/themes/light/css/_fonts.pcss b/res/themes/light/css/_fonts.pcss
index 8044f47b21..878920102f 100644
--- a/res/themes/light/css/_fonts.pcss
+++ b/res/themes/light/css/_fonts.pcss
@@ -5,16 +5,16 @@
 @font-face {
     font-family: "Twemoji";
     font-weight: 400;
-    src: url("$(res)/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
+    src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
 }
 /* For at least Chrome on Windows 10, we have to explictly add extra weights for the emoji to appear in bold messages, etc. */
 @font-face {
     font-family: "Twemoji";
     font-weight: 600;
-    src: url("$(res)/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
+    src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
 }
 @font-face {
     font-family: "Twemoji";
     font-weight: 700;
-    src: url("$(res)/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
+    src: url("/res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2") format("woff2");
 }
diff --git a/res/themes/light/css/_mods.pcss b/res/themes/light/css/_mods.pcss
index 357a8a11d1..2764c8762f 100644
--- a/res/themes/light/css/_mods.pcss
+++ b/res/themes/light/css/_mods.pcss
@@ -8,8 +8,15 @@
     background-color: transparent !important;
 }
 
-a:hover,
-a:link,
-a:visited {
-    text-decoration: none;
+/*
+    data-kind is used by the Compound <Link> component and therefore does not override them.
+    This is horrible, but will get less horrible when links in the app are replaced with
+    <Link>.
+*/
+a:not([data-kind]) {
+    &:hover,
+    &:link,
+    &:visited {
+        text-decoration: none;
+    }
 }
diff --git a/res/themes/light/css/_paths.pcss b/res/themes/light/css/_paths.pcss
deleted file mode 100644
index d35445dfd9..0000000000
--- a/res/themes/light/css/_paths.pcss
+++ /dev/null
@@ -1,3 +0,0 @@
-/* Path from root SCSS file (such as `light.pcss`) to `res` dir in the source tree */
-/* This value is overridden by external themes in `element-web`. */
-$res: ../../..;
diff --git a/res/themes/light/css/light.pcss b/res/themes/light/css/light.pcss
index 3fd90482f1..d3abfe669c 100644
--- a/res/themes/light/css/light.pcss
+++ b/res/themes/light/css/light.pcss
@@ -1,5 +1,4 @@
 @import "../../../../res/css/_font-sizes.pcss";
-@import "_paths.pcss";
 @import "_fonts.pcss";
 @import "_light.pcss";
 @import "_mods.pcss";
diff --git a/scripts/copy-res.ts b/scripts/copy-res.ts
index e74eb6fd2d..94e456700d 100755
--- a/scripts/copy-res.ts
+++ b/scripts/copy-res.ts
@@ -9,8 +9,10 @@ import _ from "lodash";
 import webpack from "webpack";
 import type { Translations } from "matrix-web-i18n";
 
-const I18N_BASE_PATH = "src/i18n/strings/";
-const INCLUDE_LANGS = [...new Set([...fs.readdirSync(I18N_BASE_PATH)])]
+const EW_I18N_BASE_PATH = "src/i18n/strings/";
+const SC_I18N_BASE_PATH = "packages/shared-components/src/i18n/strings/";
+
+const INCLUDE_LANGS = [...new Set([...fs.readdirSync(EW_I18N_BASE_PATH)])]
     .filter((fn) => fn.endsWith(".json"))
     .map((f) => f.slice(0, -5));
 
@@ -41,11 +43,17 @@ const logWatch = (path: string) => {
     }
 };
 
-function prepareLangFile(lang: string, dest: string): [filename: string, json: string] {
-    const path = I18N_BASE_PATH + lang + ".json";
+/*
+ * Make a JSON language file for the given language by merging all translations
+ * into a single file (ie. element-web and shared-components).
+ * Returns the filename (including hash) and JSON content.
+ */
+function prepareLangFile(lang: string): [filename: string, json: string] {
+    const ewTranslationsPath = EW_I18N_BASE_PATH + lang + ".json";
+    const scTranslationsPath = SC_I18N_BASE_PATH + lang + ".json";
 
     let translations: Translations = {};
-    [path].forEach(function (f) {
+    [ewTranslationsPath, scTranslationsPath].forEach(function (f) {
         if (fs.existsSync(f)) {
             try {
                 translations = _.merge(translations, JSON.parse(fs.readFileSync(f).toString()));
@@ -99,7 +107,8 @@ function genLangList(langFileMap: Record<string, string>): void {
  * and regenerating languages.json with the new filename
  */
 function watchLanguage(lang: string, dest: string, langFileMap: Record<string, string>): void {
-    const path = I18N_BASE_PATH + lang + ".json";
+    const ewTranslationsPath = EW_I18N_BASE_PATH + lang + ".json";
+    const scTranslationsPath = SC_I18N_BASE_PATH + lang + ".json";
 
     // XXX: Use a debounce because for some reason if we read the language
     // file immediately after the FS event is received, the file contents
@@ -110,14 +119,14 @@ function watchLanguage(lang: string, dest: string, langFileMap: Record<string, s
             clearTimeout(makeLangDebouncer);
         }
         makeLangDebouncer = setTimeout(() => {
-            const [filename, json] = prepareLangFile(lang, dest);
+            const [filename, json] = prepareLangFile(lang);
             genLangFile(dest, filename, json);
             langFileMap[lang] = filename;
             genLangList(langFileMap);
         }, 500);
     };
 
-    [path].forEach(function (f) {
+    [ewTranslationsPath, scTranslationsPath].forEach(function (f) {
         chokidar
             .watch(f, { ignoreInitial: true })
             .on("ready", () => {
@@ -132,7 +141,7 @@ function watchLanguage(lang: string, dest: string, langFileMap: Record<string, s
 // language resources
 const I18N_DEST = "webapp/i18n/";
 const I18N_FILENAME_MAP = INCLUDE_LANGS.reduce<Record<string, string>>((m, l) => {
-    const [filename, json] = prepareLangFile(l, I18N_DEST);
+    const [filename, json] = prepareLangFile(l);
     if (!watch) {
         genLangFile(I18N_DEST, filename, json);
     }
diff --git a/sonar-project.properties b/sonar-project.properties
index 3706897f63..c1d3f59842 100644
--- a/sonar-project.properties
+++ b/sonar-project.properties
@@ -21,6 +21,7 @@ sonar.coverage.exclusions=\
   src/components/views/dialogs/devtools/**/*,\
   src/utils/SessionLock.ts,\
   src/**/*.d.ts,\
-  src/vector/mobile_guide/**/* \
-  packages/shared-components/src/test/**/*
+  src/vector/mobile_guide/**/*,\
+  packages/shared-components/src/test/**/*,\
+  packages/shared-components/src/**/*.stories.tsx
 sonar.testExecutionReportPaths=coverage/jest-sonar-report.xml
diff --git a/src/@types/global.d.ts b/src/@types/global.d.ts
index 9d43a13ca4..19bc221444 100644
--- a/src/@types/global.d.ts
+++ b/src/@types/global.d.ts
@@ -80,7 +80,7 @@ declare global {
     function setTimeout(handler: TimerHandler, timeout: number, ...arguments: any[]): number;
 
     interface Window {
-        mxSendRageshake: (text: string, withLogs?: boolean) => void;
+        mxSendRageshake: (text: string, withLogs?: boolean) => Promise<void>;
         matrixLogger: typeof logger;
         matrixChat?: MatrixChat;
         mxSendSentryReport: (userText: string, issueUrl: string, error: Error) => Promise<void>;
diff --git a/src/@types/i18n.d.ts b/src/@types/i18n.d.ts
new file mode 100644
index 0000000000..04531d8954
--- /dev/null
+++ b/src/@types/i18n.d.ts
@@ -0,0 +1,14 @@
+/*
+Copyright 2025 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type TranslationKey as _TranslationKey } from "matrix-web-i18n";
+
+import type Translations from "../i18n/strings/en_EN.json";
+
+declare global {
+    type TranslationKey = _TranslationKey<typeof Translations>;
+}
diff --git a/src/DeviceListener.ts b/src/DeviceListener.ts
index f9904eaef1..e9c723b75d 100644
--- a/src/DeviceListener.ts
+++ b/src/DeviceListener.ts
@@ -43,7 +43,6 @@ import SdkConfig from "./SdkConfig";
 import PlatformPeg from "./PlatformPeg";
 import { recordClientInformation, removeClientInformation } from "./utils/device/clientInformation";
 import SettingsStore, { type CallbackFn } from "./settings/SettingsStore";
-import { UIFeature } from "./settings/UIFeature";
 import { isBulkUnverifiedDeviceReminderSnoozed } from "./utils/device/snoozeBulkUnverifiedDeviceReminder";
 import { getUserDeviceIds } from "./utils/crypto/deviceInfo";
 import { asyncSomeParallel } from "./utils/arrays.ts";
@@ -125,7 +124,6 @@ export default class DeviceListener extends TypedEventEmitter<DeviceListenerEven
     // The client with which the instance is running. Only set if `running` is true, otherwise undefined.
     private client?: MatrixClient;
     private shouldRecordClientInformation = false;
-    private enableBulkUnverifiedSessionsReminder = true;
     private deviceClientInformationSettingWatcherRef: string | undefined;
     private deviceState: DeviceState = "ok";
 
@@ -151,7 +149,6 @@ export default class DeviceListener extends TypedEventEmitter<DeviceListenerEven
         this.client.on(ClientEvent.ToDeviceEvent, this.onToDeviceEvent);
         this.shouldRecordClientInformation = SettingsStore.getValue("deviceClientInformationOptIn");
         // only configurable in config, so we don't need to watch the value
-        this.enableBulkUnverifiedSessionsReminder = SettingsStore.getValue(UIFeature.BulkUnverifiedSessionsReminder);
         this.deviceClientInformationSettingWatcherRef = SettingsStore.watchSetting(
             "deviceClientInformationOptIn",
             null,
@@ -493,8 +490,6 @@ export default class DeviceListener extends TypedEventEmitter<DeviceListenerEven
         if (allSystemsReady) {
             logSpan.info("No toast needed");
             await this.setDeviceState("ok", logSpan);
-
-            this.checkKeyBackupStatus();
         } else {
             // make sure our keys are finished downloading
             await crypto.getUserDeviceInfo([cli.getSafeUserId()]);
@@ -549,9 +544,6 @@ export default class DeviceListener extends TypedEventEmitter<DeviceListenerEven
                 });
                 await this.setDeviceState("key_storage_out_of_sync", logSpan);
             }
-            if (this.dismissedThisDeviceToast) {
-                this.checkKeyBackupStatus();
-            }
         }
 
         // This needs to be done after awaiting on getUserDeviceInfo() above, so
@@ -592,12 +584,7 @@ export default class DeviceListener extends TypedEventEmitter<DeviceListenerEven
 
         // Display or hide the batch toast for old unverified sessions
         // don't show the toast if the current device is unverified
-        if (
-            oldUnverifiedDeviceIds.size > 0 &&
-            isCurrentDeviceTrusted &&
-            this.enableBulkUnverifiedSessionsReminder &&
-            !isBulkUnverifiedSessionsReminderSnoozed
-        ) {
+        if (oldUnverifiedDeviceIds.size > 0 && isCurrentDeviceTrusted && !isBulkUnverifiedSessionsReminderSnoozed) {
             showBulkUnverifiedSessionsToast(oldUnverifiedDeviceIds);
         } else {
             hideBulkUnverifiedSessionsToast();
@@ -733,16 +720,6 @@ export default class DeviceListener extends TypedEventEmitter<DeviceListenerEven
         });
     }
 
-    /**
-     * Check if key backup is enabled, and if not, raise an `Action.ReportKeyBackupNotEnabled` event (which will
-     * trigger an auto-rageshake).
-     */
-    private checkKeyBackupStatus = async (): Promise<void> => {
-        if (!(await this.isKeyBackupUploadActive(logger))) {
-            dis.dispatch({ action: Action.ReportKeyBackupNotEnabled });
-        }
-    };
-
     /**
      * Is key backup enabled? Use a cached answer if we have one.
      */
diff --git a/src/IConfigOptions.ts b/src/IConfigOptions.ts
index 952d35e88d..8dcf5383eb 100644
--- a/src/IConfigOptions.ts
+++ b/src/IConfigOptions.ts
@@ -17,6 +17,12 @@ import { type ValidatedServerConfig } from "./utils/ValidatedServerConfig";
 /* eslint-disable camelcase */
 /* eslint @typescript-eslint/naming-convention: ["error", { "selector": "property", "format": ["snake_case"] } ] */
 
+/**
+ * Bug reports are enabled but must only be locally
+ * downloadable.
+ */
+export const BugReportEndpointURLLocal = "local";
+
 // see element-web config.md for non-developer docs
 export interface IConfigOptions {
     // dev note: while true that this is arbitrary JSON, it's valuable to enforce that all
@@ -98,7 +104,10 @@ export interface IConfigOptions {
     show_labs_settings: boolean;
     features?: Record<string, boolean>; // <FeatureName, EnabledBool>
 
-    bug_report_endpoint_url?: string; // omission disables bug reporting
+    /**
+     * Bug report endpoint URL. "local" means the logs should not be uploaded.
+     */
+    bug_report_endpoint_url?: typeof BugReportEndpointURLLocal | string; // omission disables bug reporting
     uisi_autorageshake_app?: string; // defaults to "element-auto-uisi"
     sentry?: {
         dsn: string;
@@ -120,7 +129,6 @@ export interface IConfigOptions {
     element_call: {
         guest_spa_url?: string;
         use_exclusively?: boolean;
-        participant_limit?: number;
         brand?: string;
     };
 
diff --git a/src/Lifecycle.ts b/src/Lifecycle.ts
index 746588241a..e0d5c7bd78 100644
--- a/src/Lifecycle.ts
+++ b/src/Lifecycle.ts
@@ -699,6 +699,10 @@ async function handleLoadSessionFailure(e: unknown, loadSessionOpts?: ILoadSessi
  * Also stops the old MatrixClient and clears old credentials/etc out of
  * storage before starting the new client.
  *
+ * This function does not work for OIDC login.
+ * Storage is cleared early in the process so the required data is lost.
+ * You must use {@link attemptDelegatedAuthLogin} followed by {@link restoreSessionFromStorage} for OIDC login.
+ *
  * @param {IMatrixClientCreds} credentials The credentials to use
  *
  * @returns {Promise} promise which resolves to the new MatrixClient once it has been started
diff --git a/src/Notifier.ts b/src/Notifier.ts
index aa68b386a3..6f7922fb94 100644
--- a/src/Notifier.ts
+++ b/src/Notifier.ts
@@ -10,7 +10,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import {
-    type MatrixEvent,
+    MatrixEvent,
     MatrixEventEvent,
     type Room,
     RoomEvent,
@@ -25,7 +25,7 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import { type PermissionChanged as PermissionChangedEvent } from "@matrix-org/analytics-events/types/typescript/PermissionChanged";
-import { type IRTCNotificationContent, MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+import { type SessionMembershipData, type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
 
 import { MatrixClientPeg } from "./MatrixClientPeg";
 import { PosthogAnalytics } from "./PosthogAnalytics";
@@ -481,39 +481,100 @@ class NotifierClass extends TypedEventEmitter<keyof EmittedEvents, EmittedEvents
     }
 
     /**
-     * Some events require special handling such as showing in-app toasts
+     * Handle `EventType.RTCNotification` notifications.
+     * @param ev The notification event.
+     * @param toaster The toast store.
+     * @param room The room that contains the notification
+     * @returns A promise that will always resolve.
+     */
+    private async handleRTCNotification(ev: MatrixEvent, toaster: ToastStore, room: Room): Promise<void> {
+        // TODO: Use the call_id to get the *correct* call. We assume there is only one call per room here.
+        const rtcSession = room && room.client.matrixRTC.getRoomSession(room);
+        if (
+            rtcSession?.slotDescription?.application == "m.call" &&
+            rtcSession.memberships.some((membership) => membership.userId === room.client.getUserId())
+        ) {
+            // If we're already joined to the session, don't notify.
+            return;
+        }
+
+        // XXX: Should use parseCallNotificationContent once the types are exported.
+        const content = ev.getContent() as IRTCNotificationContent;
+        const roomId = ev.getRoomId();
+        const referencedMembershipEventId = ev.getRelation()?.event_id;
+
+        // Check maximum age of a call notification event that will trigger a ringing notification
+        if (Date.now() - getNotificationEventSendTs(ev) > content.lifetime) {
+            logger.warn("Received outdated RTCNotification event.");
+            return;
+        }
+        if (!roomId) {
+            logger.warn("Could not get roomId for RTCNotification event");
+            return;
+        }
+        if (!referencedMembershipEventId) {
+            logger.warn("Could not get referenced membership for notification");
+            return;
+        }
+        if (content["m.relates_to"].rel_type !== "m.reference") {
+            logger.warn("Ignored RTCNotification due to invalid rel_type");
+            return;
+        }
+
+        let callMembership = room?.findEventById(referencedMembershipEventId);
+
+        if (!callMembership) {
+            // Attempt to fetch from the homeserver, if we do not have the event locally.
+            // This is a rare case as obviously the referenced event for a m.call notification must
+            // be sent first.
+            try {
+                callMembership = new MatrixEvent(await room.client.fetchRoomEvent(roomId, referencedMembershipEventId));
+            } catch (ex) {
+                logger.warn(`Call membership for notification could not be found`, ex);
+            }
+        }
+        // If the event could not be found even after requesting it from the homeserver.
+        if (!callMembership) {
+            // We will not show a call notification if there is no valid call membership.
+            logger.warn(
+                `Could not find call membership (${referencedMembershipEventId} ${roomId}) for notification event.`,
+            );
+            return;
+        }
+
+        // If we cannot determine the key, we'll accept it but assume it's empty string.
+        // This means if you have malformed notifications or call memberships your notifications
+        // will overwrite, but the solution to that is to use well-formed events.
+        const callId = callMembership.getContent<SessionMembershipData>().call_id ?? "";
+        const key = getIncomingCallToastKey(callId, roomId);
+
+        if (toaster.hasToast(key)) {
+            logger.debug(`Detected duplicate notification for call ${key}, ignoring`);
+            return;
+        }
+
+        toaster.addOrReplaceToast({
+            key,
+            priority: 100,
+            component: IncomingCallToast,
+            bodyClassName: "mx_IncomingCallToast",
+            props: { notificationEvent: ev },
+        });
+    }
+
+    /**
+     * Some events require special handling such as showing in-app toasts.
+     * This function may either create a toast or ignore the event based
+     * on current app state.
      */
     private performCustomEventHandling(ev: MatrixEvent): void {
+        const toaster = ToastStore.sharedInstance();
         const cli = MatrixClientPeg.safeGet();
         const room = cli.getRoom(ev.getRoomId());
-        const thisUserHasConnectedDevice =
-            room && MatrixRTCSession.callMembershipsForRoom(room).some((m) => m.sender === cli.getUserId());
 
-        if (EventType.RTCNotification === ev.getType() && !thisUserHasConnectedDevice) {
-            const content = ev.getContent() as IRTCNotificationContent;
-            const roomId = ev.getRoomId();
-            const eventId = ev.getId();
-
-            // Check maximum age of a call notification event that will trigger a ringing notification
-            if (Date.now() - getNotificationEventSendTs(ev) > content.lifetime) {
-                logger.warn("Received outdated RTCNotification event.");
-                return;
-            }
-            if (!roomId) {
-                logger.warn("Could not get roomId for RTCNotification event");
-                return;
-            }
-            if (!eventId) {
-                logger.warn("Could not get eventId for RTCNotification event");
-                return;
-            }
-            ToastStore.sharedInstance().addOrReplaceToast({
-                key: getIncomingCallToastKey(eventId, roomId),
-                priority: 100,
-                component: IncomingCallToast,
-                bodyClassName: "mx_IncomingCallToast",
-                props: { notificationEvent: ev },
-            });
+        if (room && EventType.RTCNotification === ev.getType()) {
+            // We don't need to await this.
+            void this.handleRTCNotification(ev, toaster, room);
         }
     }
 }
diff --git a/src/RoomNotifs.ts b/src/RoomNotifs.ts
index d5254d523d..2db2cf2158 100644
--- a/src/RoomNotifs.ts
+++ b/src/RoomNotifs.ts
@@ -13,16 +13,38 @@ import {
     PushRuleActionName,
     PushRuleKind,
     TweakName,
+    EventStatus,
 } from "matrix-js-sdk/src/matrix";
 
-import type { IPushRule, Room, MatrixClient } from "matrix-js-sdk/src/matrix";
+import type { IPushRule, Room, MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
 import { NotificationLevel } from "./stores/notifications/NotificationLevel";
-import { getUnsentMessages } from "./components/structures/RoomStatusBar";
 import { doesRoomHaveUnreadMessages, doesRoomOrThreadHaveUnreadMessages } from "./Unread";
 import { EffectiveMembership, getEffectiveMembership, isKnockDenied } from "./utils/membership";
 import SettingsStore from "./settings/SettingsStore";
 import { getMarkedUnreadState } from "./utils/notifications";
 
+/**
+ * Gets all pending events in a room that have a status of `EventStatus.NOT_SENT`
+ * and belong to the current thread, if specified.
+ * @param room The room to check.
+ * @param threadId The thread to check. If not specified, no thread filtering is performed.
+ * @returns An array of unsent matrix events.
+ */
+export function getUnsentMessages(room: Room, threadId?: string): MatrixEvent[] {
+    if (!room) {
+        return [];
+    }
+    return room.getPendingEvents().filter(function (ev) {
+        if (ev.status !== EventStatus.NOT_SENT) {
+            return false;
+        }
+        if (threadId && threadId !== ev.threadRootId) {
+            return false;
+        }
+        return true;
+    });
+}
+
 export enum RoomNotifState {
     AllMessagesLoud = "all_messages_loud",
     AllMessages = "all_messages",
diff --git a/src/SdkConfig.ts b/src/SdkConfig.ts
index 71ac6736c9..ab921bedc5 100644
--- a/src/SdkConfig.ts
+++ b/src/SdkConfig.ts
@@ -30,7 +30,6 @@ export const DEFAULTS: DeepReadonly<IConfigOptions> = {
     },
     element_call: {
         use_exclusively: false,
-        participant_limit: 8,
         brand: "Element Call",
     },
 
diff --git a/src/Searching.ts b/src/Searching.ts
index d507bd10ef..28f67522ad 100644
--- a/src/Searching.ts
+++ b/src/Searching.ts
@@ -175,6 +175,26 @@ async function localSearch(
         throw new Error("Local search failed");
     }
 
+    // Fix state_key: null issue - Seshat includes "state_key": null for non-state events,
+    // which causes matrix-js-sdk to incorrectly treat them as state events
+    if (localResult.results) {
+        for (const searchResult of localResult.results) {
+            const event = searchResult.result as unknown as Record<string, unknown>;
+            if (event?.state_key === null) delete event.state_key;
+            // Also fix context events
+            if (searchResult.context) {
+                for (const ctxEvent of searchResult.context.events_before || []) {
+                    const ev = ctxEvent as unknown as Record<string, unknown>;
+                    if (ev?.state_key === null) delete ev.state_key;
+                }
+                for (const ctxEvent of searchResult.context.events_after || []) {
+                    const ev = ctxEvent as unknown as Record<string, unknown>;
+                    if (ev?.state_key === null) delete ev.state_key;
+                }
+            }
+        }
+    }
+
     searchArgs.next_batch = localResult.next_batch;
 
     const result = {
diff --git a/src/SecurityManager.ts b/src/SecurityManager.ts
index a5be789c8a..84642626e8 100644
--- a/src/SecurityManager.ts
+++ b/src/SecurityManager.ts
@@ -25,7 +25,7 @@ import InteractiveAuthDialog from "./components/views/dialogs/InteractiveAuthDia
 // during the same single operation. Use `accessSecretStorage` below to scope a
 // single secret storage operation, as it will clear the cached keys once the
 // operation ends.
-let secretStorageKeys: Record<string, Uint8Array> = {};
+let secretStorageKeys: Record<string, Uint8Array<ArrayBuffer>> = {};
 let secretStorageKeyInfo: Record<string, SecretStorage.SecretStorageKeyDescription> = {};
 let secretStorageBeingAccessed = false;
 
@@ -50,8 +50,8 @@ export class AccessCancelledError extends Error {
 
 function makeInputToKey(
     keyInfo: SecretStorage.SecretStorageKeyDescription,
-): (keyParams: KeyParams) => Promise<Uint8Array> {
-    return async ({ passphrase, recoveryKey }): Promise<Uint8Array> => {
+): (keyParams: KeyParams) => Promise<Uint8Array<ArrayBuffer>> {
+    return async ({ passphrase, recoveryKey }): Promise<Uint8Array<ArrayBuffer>> => {
         if (passphrase) {
             return deriveRecoveryKeyFromPassphrase(passphrase, keyInfo.passphrase.salt, keyInfo.passphrase.iterations);
         } else if (recoveryKey) {
@@ -68,7 +68,7 @@ async function getSecretStorageKey(
         keys: Record<string, SecretStorage.SecretStorageKeyDescription>;
     },
     secretName: string,
-): Promise<[string, Uint8Array]> {
+): Promise<[string, Uint8Array<ArrayBuffer>]> {
     const cli = MatrixClientPeg.safeGet();
     const defaultKeyId = await cli.secretStorage.getDefaultKeyId();
 
@@ -138,7 +138,7 @@ async function getSecretStorageKey(
 function cacheSecretStorageKey(
     keyId: string,
     keyInfo: SecretStorage.SecretStorageKeyDescription,
-    key: Uint8Array,
+    key: Uint8Array<ArrayBuffer>,
 ): void {
     if (secretStorageBeingAccessed) {
         logger.debug(`Caching 4S key ${keyId}`);
diff --git a/src/SlashCommands.tsx b/src/SlashCommands.tsx
index cf87bc79d0..0169513635 100644
--- a/src/SlashCommands.tsx
+++ b/src/SlashCommands.tsx
@@ -44,9 +44,7 @@ import { UIComponent, UIFeature } from "./settings/UIFeature";
 import { CHAT_EFFECTS } from "./effects";
 import LegacyCallHandler from "./LegacyCallHandler";
 import { guessAndSetDMRoom } from "./Rooms";
-import { upgradeRoom } from "./utils/RoomUpgrade";
 import DevtoolsDialog from "./components/views/dialogs/DevtoolsDialog";
-import RoomUpgradeWarningDialog from "./components/views/dialogs/RoomUpgradeWarningDialog";
 import InfoDialog from "./components/views/dialogs/InfoDialog";
 import SlashCommandHelpDialog from "./components/views/dialogs/SlashCommandHelpDialog";
 import { shouldShowComponent } from "./customisations/helpers/UIComponents";
@@ -61,6 +59,7 @@ import { CommandCategories } from "./slash-commands/interface";
 import { Command } from "./slash-commands/command";
 import { goto, join } from "./slash-commands/join";
 import { manuallyVerifyDevice } from "./components/views/dialogs/ManualDeviceKeyVerificationDialog";
+import upgraderoom from "./slash-commands/upgraderoom/upgraderoom";
 
 export { CommandCategories, Command };
 
@@ -144,38 +143,7 @@ export const Commands = [
         },
         category: CommandCategories.messages,
     }),
-    new Command({
-        command: "upgraderoom",
-        args: "<new_version>",
-        description: _td("slash_command|upgraderoom"),
-        isEnabled: (cli) => !isCurrentLocalRoom(cli),
-        runFn: function (cli, roomId, threadId, args) {
-            if (args) {
-                const room = cli.getRoom(roomId);
-                if (!room?.currentState.mayClientSendStateEvent("m.room.tombstone", cli)) {
-                    return reject(new UserFriendlyError("slash_command|upgraderoom_permission_error"));
-                }
-
-                const { finished } = Modal.createDialog(
-                    RoomUpgradeWarningDialog,
-                    { roomId: roomId, targetVersion: args },
-                    /*className=*/ undefined,
-                    /*isPriority=*/ false,
-                    /*isStatic=*/ true,
-                );
-
-                return success(
-                    finished.then(async ([resp]): Promise<void> => {
-                        if (!resp?.continue) return;
-                        await upgradeRoom(room, args, resp.invite);
-                    }),
-                );
-            }
-            return reject(this.getUsage());
-        },
-        category: CommandCategories.admin,
-        renderingTypes: [TimelineRenderingType.Room],
-    }),
+    upgraderoom,
     new Command({
         command: "jumptodate",
         args: "<YYYY-MM-DD>",
diff --git a/src/accessibility/KeyboardShortcuts.ts b/src/accessibility/KeyboardShortcuts.ts
index 2872e1a1a2..9d4222d92f 100644
--- a/src/accessibility/KeyboardShortcuts.ts
+++ b/src/accessibility/KeyboardShortcuts.ts
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 // Import i18n.tsx instead of languageHandler to avoid circular deps
-import { _td, type TranslationKey } from "@element-hq/web-shared-components";
+import { _td } from "@element-hq/web-shared-components";
 
 import { IS_MAC, IS_ELECTRON, Key } from "../Keyboard";
 import { type IBaseSetting } from "../settings/Settings";
diff --git a/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx b/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
index ed2fbe87a5..dc7d77dbe6 100644
--- a/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
+++ b/src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
@@ -112,7 +112,7 @@ export default class CreateSecretStorageDialog extends React.PureComponent<IProp
         if (keyFromCustomisations) this.initExtension(keyFromCustomisations);
     }
 
-    private initExtension(keyFromCustomisations: Uint8Array): void {
+    private initExtension(keyFromCustomisations: Uint8Array<ArrayBuffer>): void {
         logger.log("CryptoSetupExtension: Created key via extension, jumping to bootstrap step");
         this.recoveryKey = {
             privateKey: keyFromCustomisations,
@@ -351,7 +351,6 @@ export default class CreateSecretStorageDialog extends React.PureComponent<IProp
                 outlined
             >
                 <div className="mx_CreateSecretStorageDialog_optionTitle">
-                    <span className="mx_CreateSecretStorageDialog_optionIcon mx_CreateSecretStorageDialog_optionIcon_secureBackup" />
                     {_t("settings|key_backup|setup_secure_backup|generate_security_key_title")}
                 </div>
                 <div>{_t("settings|key_backup|setup_secure_backup|generate_security_key_description")}</div>
@@ -370,7 +369,6 @@ export default class CreateSecretStorageDialog extends React.PureComponent<IProp
                 outlined
             >
                 <div className="mx_CreateSecretStorageDialog_optionTitle">
-                    <span className="mx_CreateSecretStorageDialog_optionIcon mx_CreateSecretStorageDialog_optionIcon_securePhrase" />
                     {_t("settings|key_backup|setup_secure_backup|enter_phrase_title")}
                 </div>
                 <div>{_t("settings|key_backup|setup_secure_backup|use_phrase_only_you_know")}</div>
@@ -694,19 +692,6 @@ export default class CreateSecretStorageDialog extends React.PureComponent<IProp
 
         let titleClass: string | string[] | undefined;
         switch (this.state.phase) {
-            case Phase.Passphrase:
-            case Phase.PassphraseConfirm:
-                titleClass = [
-                    "mx_CreateSecretStorageDialog_titleWithIcon",
-                    "mx_CreateSecretStorageDialog_securePhraseTitle",
-                ];
-                break;
-            case Phase.ShowKey:
-                titleClass = [
-                    "mx_CreateSecretStorageDialog_titleWithIcon",
-                    "mx_CreateSecretStorageDialog_secureBackupTitle",
-                ];
-                break;
             case Phase.ChooseKeyPassphrase:
                 titleClass = "mx_CreateSecretStorageDialog_centeredTitle";
                 break;
diff --git a/src/audio/VoiceMessageRecording.ts b/src/audio/VoiceMessageRecording.ts
index 1b15896e97..c9d7a71f6e 100644
--- a/src/audio/VoiceMessageRecording.ts
+++ b/src/audio/VoiceMessageRecording.ts
@@ -142,7 +142,7 @@ export class VoiceMessageRecording implements IDestroyable {
         this.buffer = concat(this.buffer, buf);
     };
 
-    private get audioBuffer(): Uint8Array {
+    private get audioBuffer(): Uint8Array<ArrayBuffer> {
         // We need a clone of the buffer to avoid accidentally changing the position
         // on the real thing.
         return this.buffer.slice(0);
diff --git a/src/components/structures/EmbeddedPage.tsx b/src/components/structures/EmbeddedPage.tsx
index 53a5d7d537..8ea20d3cb3 100644
--- a/src/components/structures/EmbeddedPage.tsx
+++ b/src/components/structures/EmbeddedPage.tsx
@@ -12,7 +12,7 @@ import sanitizeHtml from "sanitize-html";
 import classnames from "classnames";
 import { logger } from "matrix-js-sdk/src/logger";
 
-import { _t, type TranslationKey } from "../../languageHandler";
+import { _t } from "../../languageHandler";
 import dis from "../../dispatcher/dispatcher";
 import { MatrixClientPeg } from "../../MatrixClientPeg";
 import MatrixClientContext from "../../contexts/MatrixClientContext";
diff --git a/src/components/structures/HomePage.tsx b/src/components/structures/HomePage.tsx
index 5cbd2858c5..56444789c1 100644
--- a/src/components/structures/HomePage.tsx
+++ b/src/components/structures/HomePage.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type JSX } from "react";
 import { useContext, useState } from "react";
+import { ChatSolidIcon, ExploreIcon, GroupIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import AutoHideScrollbar from "./AutoHideScrollbar";
 import { getHomePageUrl } from "../../utils/pages";
@@ -117,12 +118,15 @@ const HomePage: React.FC<IProps> = ({ justRegistered = false }) => {
                 {introSection}
                 <div className="mx_HomePage_default_buttons">
                     <AccessibleButton onClick={onClickSendDm} className="mx_HomePage_button_sendDm">
+                        <ChatSolidIcon />
                         {_tDom("onboarding|send_dm")}
                     </AccessibleButton>
                     <AccessibleButton onClick={onClickExplore} className="mx_HomePage_button_explore">
+                        <ExploreIcon />
                         {_tDom("onboarding|explore_rooms")}
                     </AccessibleButton>
                     <AccessibleButton onClick={onClickNewRoom} className="mx_HomePage_button_createGroup">
+                        <GroupIcon />
                         {_tDom("onboarding|create_room")}
                     </AccessibleButton>
                 </div>
diff --git a/src/components/structures/InteractiveAuth.tsx b/src/components/structures/InteractiveAuth.tsx
index a4de1e4d21..7a41403410 100644
--- a/src/components/structures/InteractiveAuth.tsx
+++ b/src/components/structures/InteractiveAuth.tsx
@@ -117,6 +117,7 @@ export default class InteractiveAuthComponent<T> extends React.Component<Interac
                 AuthType.UnstableRegistrationToken,
                 AuthType.Sso,
                 AuthType.SsoUnstable,
+                AuthType.OAuth,
                 CustomAuthType.MasCrossSigningReset,
             ],
         });
diff --git a/src/components/structures/MatrixClientContextProvider.tsx b/src/components/structures/MatrixClientContextProvider.tsx
index 7d555f5809..f99ad901e6 100644
--- a/src/components/structures/MatrixClientContextProvider.tsx
+++ b/src/components/structures/MatrixClientContextProvider.tsx
@@ -11,9 +11,9 @@ import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
 import { logger } from "matrix-js-sdk/src/logger";
 
+import { LocalDeviceVerificationStateContext } from "../../contexts/LocalDeviceVerificationStateContext";
 import MatrixClientContext from "../../contexts/MatrixClientContext";
 import { useEventEmitter } from "../../hooks/useEventEmitter";
-import { LocalDeviceVerificationStateContext } from "../../contexts/LocalDeviceVerificationStateContext";
 
 /**
  * A React hook whose value is whether the local device has been "verified".
diff --git a/src/components/structures/MessagePanel.tsx b/src/components/structures/MessagePanel.tsx
index 30f9b474a6..40b69130a7 100644
--- a/src/components/structures/MessagePanel.tsx
+++ b/src/components/structures/MessagePanel.tsx
@@ -18,6 +18,7 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import { isSupportedReceiptType } from "matrix-js-sdk/src/utils";
+import { TimelineSeparator } from "@element-hq/web-shared-components";
 
 import shouldHideEvent from "../../shouldHideEvent";
 import { formatDate, wantsDateSeparator } from "../../DateUtils";
@@ -37,7 +38,6 @@ import type LegacyCallEventGrouper from "./LegacyCallEventGrouper";
 import WhoIsTypingTile from "../views/rooms/WhoIsTypingTile";
 import ScrollPanel, { type IScrollState } from "./ScrollPanel";
 import DateSeparator from "../views/messages/DateSeparator";
-import TimelineSeparator, { SeparatorKind } from "../views/messages/TimelineSeparator";
 import ErrorBoundary from "../views/elements/ErrorBoundary";
 import Spinner from "../views/elements/Spinner";
 import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
@@ -57,6 +57,18 @@ import { getLateEventInfo } from "./grouper/LateEventGrouper";
 const CONTINUATION_MAX_INTERVAL = 5 * 60 * 1000; // 5 minutes
 const continuedTypes = [EventType.Sticker, EventType.RoomMessage];
 
+/**
+ * Indicates which separator (if any) should be rendered between timeline events.
+ */
+export const enum SeparatorKind {
+    /** No separator should be shown between the two events. */
+    None,
+    /** Insert a date separator (oriented by event date boundaries). */
+    Date,
+    /** Insert a late-event separator when events belong to different late groups. */
+    LateEvent,
+}
+
 // check if there is a previous event and it has the same sender as this event
 // and the types are the same/is in continuedTypes and the time between them is <= CONTINUATION_MAX_INTERVAL
 export function shouldFormContinuation(
@@ -756,7 +768,7 @@ export default class MessagePanel extends React.Component<IProps, IState> {
                 });
                 ret.push(
                     <li key={ts1}>
-                        <TimelineSeparator key={ts1} label={text}>
+                        <TimelineSeparator key={ts1} label={text} className="mx_TimelineSeparator">
                             {text}
                         </TimelineSeparator>
                     </li>,
diff --git a/src/components/structures/RoomStatusBar.tsx b/src/components/structures/RoomStatusBar.tsx
deleted file mode 100644
index d9889342b1..0000000000
--- a/src/components/structures/RoomStatusBar.tsx
+++ /dev/null
@@ -1,297 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2015-2021 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type JSX, type ReactNode } from "react";
-import {
-    ClientEvent,
-    EventStatus,
-    type MatrixError,
-    type MatrixEvent,
-    type Room,
-    RoomEvent,
-    type SyncState,
-    type SyncStateData,
-} from "matrix-js-sdk/src/matrix";
-import { RestartIcon, WarningIcon, DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
-
-import { _t, _td } from "../../languageHandler";
-import Resend from "../../Resend";
-import dis from "../../dispatcher/dispatcher";
-import { messageForResourceLimitError } from "../../utils/ErrorUtils";
-import { Action } from "../../dispatcher/actions";
-import { StaticNotificationState } from "../../stores/notifications/StaticNotificationState";
-import AccessibleButton from "../views/elements/AccessibleButton";
-import InlineSpinner from "../views/elements/InlineSpinner";
-import MatrixClientContext from "../../contexts/MatrixClientContext";
-import { RoomStatusBarUnsentMessages } from "./RoomStatusBarUnsentMessages";
-import ExternalLink from "../views/elements/ExternalLink";
-
-const STATUS_BAR_HIDDEN = 0;
-const STATUS_BAR_EXPANDED = 1;
-const STATUS_BAR_EXPANDED_LARGE = 2;
-
-export function getUnsentMessages(room: Room, threadId?: string): MatrixEvent[] {
-    if (!room) {
-        return [];
-    }
-    return room.getPendingEvents().filter(function (ev) {
-        const isNotSent = ev.status === EventStatus.NOT_SENT;
-        const belongsToTheThread = threadId === ev.threadRootId;
-        return isNotSent && (!threadId || belongsToTheThread);
-    });
-}
-
-interface IProps {
-    // the room this statusbar is representing.
-    room: Room;
-
-    // true if the room is being peeked at. This affects components that shouldn't
-    // logically be shown when peeking, such as a prompt to invite people to a room.
-    isPeeking?: boolean;
-    // callback for when the user clicks on the 'resend all' button in the
-    // 'unsent messages' bar
-    onResendAllClick?: () => void;
-
-    // callback for when the user clicks on the 'cancel all' button in the
-    // 'unsent messages' bar
-    onCancelAllClick?: () => void;
-
-    // callback for when the user clicks on the 'invite others' button in the
-    // 'you are alone' bar
-    onInviteClick?: () => void;
-
-    // callback for when we do something that changes the size of the
-    // status bar. This is used to trigger a re-layout in the parent
-    // component.
-    onResize?: () => void;
-
-    // callback for when the status bar can be hidden from view, as it is
-    // not displaying anything
-    onHidden?: () => void;
-
-    // callback for when the status bar is displaying something and should
-    // be visible
-    onVisible?: () => void;
-}
-
-interface IState {
-    syncState: SyncState | null;
-    syncStateData: SyncStateData | null;
-    unsentMessages: MatrixEvent[];
-    isResending: boolean;
-}
-
-export default class RoomStatusBar extends React.PureComponent<IProps, IState> {
-    private unmounted = false;
-    public static contextType = MatrixClientContext;
-    declare public context: React.ContextType<typeof MatrixClientContext>;
-
-    public constructor(props: IProps, context: React.ContextType<typeof MatrixClientContext>) {
-        super(props, context);
-
-        this.state = {
-            syncState: this.context.getSyncState(),
-            syncStateData: this.context.getSyncStateData(),
-            unsentMessages: getUnsentMessages(this.props.room),
-            isResending: false,
-        };
-    }
-
-    public componentDidMount(): void {
-        this.unmounted = false;
-
-        const client = this.context;
-        client.on(ClientEvent.Sync, this.onSyncStateChange);
-        client.on(RoomEvent.LocalEchoUpdated, this.onRoomLocalEchoUpdated);
-
-        this.checkSize();
-    }
-
-    public componentDidUpdate(): void {
-        this.checkSize();
-    }
-
-    public componentWillUnmount(): void {
-        this.unmounted = true;
-        // we may have entirely lost our client as we're logging out before clicking login on the guest bar...
-        const client = this.context;
-        if (client) {
-            client.removeListener(ClientEvent.Sync, this.onSyncStateChange);
-            client.removeListener(RoomEvent.LocalEchoUpdated, this.onRoomLocalEchoUpdated);
-        }
-    }
-
-    private onSyncStateChange = (state: SyncState, prevState: SyncState | null, data?: SyncStateData): void => {
-        if (state === "SYNCING" && prevState === "SYNCING") {
-            return;
-        }
-        if (this.unmounted) return;
-        this.setState({
-            syncState: state,
-            syncStateData: data ?? null,
-        });
-    };
-
-    private onResendAllClick = (): void => {
-        Resend.resendUnsentEvents(this.props.room).then(() => {
-            this.setState({ isResending: false });
-        });
-        this.setState({ isResending: true });
-        dis.fire(Action.FocusSendMessageComposer);
-    };
-
-    private onCancelAllClick = (): void => {
-        Resend.cancelUnsentEvents(this.props.room);
-        dis.fire(Action.FocusSendMessageComposer);
-    };
-
-    private onRoomLocalEchoUpdated = (ev: MatrixEvent, room: Room): void => {
-        if (room.roomId !== this.props.room.roomId) return;
-        const messages = getUnsentMessages(this.props.room);
-        this.setState({
-            unsentMessages: messages,
-            isResending: messages.length > 0 && this.state.isResending,
-        });
-    };
-
-    // Check whether current size is greater than 0, if yes call props.onVisible
-    private checkSize(): void {
-        if (this.getSize()) {
-            if (this.props.onVisible) this.props.onVisible();
-        } else {
-            if (this.props.onHidden) this.props.onHidden();
-        }
-    }
-
-    // We don't need the actual height - just whether it is likely to have
-    // changed - so we use '0' to indicate normal size, and other values to
-    // indicate other sizes.
-    private getSize(): number {
-        if (this.shouldShowConnectionError()) {
-            return STATUS_BAR_EXPANDED;
-        } else if (this.state.unsentMessages.length > 0 || this.state.isResending) {
-            return STATUS_BAR_EXPANDED_LARGE;
-        }
-        return STATUS_BAR_HIDDEN;
-    }
-
-    private shouldShowConnectionError(): boolean {
-        // no conn bar trumps the "some not sent" msg since you can't resend without
-        // a connection!
-        // There's one situation in which we don't show this 'no connection' bar, and that's
-        // if it's a resource limit exceeded error: those are shown in the top bar.
-        const errorIsMauError = Boolean(
-            this.state.syncStateData &&
-            this.state.syncStateData.error &&
-            this.state.syncStateData.error.name === "M_RESOURCE_LIMIT_EXCEEDED",
-        );
-        return this.state.syncState === "ERROR" && !errorIsMauError;
-    }
-
-    private getUnsentMessageContent(): JSX.Element {
-        const unsentMessages = this.state.unsentMessages;
-
-        let title: ReactNode;
-
-        let consentError: MatrixError | null = null;
-        let resourceLimitError: MatrixError | null = null;
-        for (const m of unsentMessages) {
-            if (m.error && m.error.errcode === "M_CONSENT_NOT_GIVEN") {
-                consentError = m.error;
-                break;
-            } else if (m.error && m.error.errcode === "M_RESOURCE_LIMIT_EXCEEDED") {
-                resourceLimitError = m.error;
-                break;
-            }
-        }
-        if (consentError) {
-            title = _t(
-                "room|status_bar|requires_consent_agreement",
-                {},
-                {
-                    consentLink: (sub) => (
-                        <ExternalLink href={consentError!.data?.consent_uri} target="_blank" rel="noreferrer noopener">
-                            {sub}
-                        </ExternalLink>
-                    ),
-                },
-            );
-        } else if (resourceLimitError) {
-            title = messageForResourceLimitError(
-                resourceLimitError.data.limit_type,
-                resourceLimitError.data.admin_contact,
-                {
-                    "monthly_active_user": _td("room|status_bar|monthly_user_limit_reached"),
-                    "hs_disabled": _td("room|status_bar|homeserver_blocked"),
-                    "": _td("room|status_bar|exceeded_resource_limit"),
-                },
-            );
-        } else {
-            title = _t("room|status_bar|some_messages_not_sent");
-        }
-
-        let buttonRow = (
-            <>
-                <AccessibleButton onClick={this.onCancelAllClick}>
-                    <DeleteIcon />
-                    {_t("room|status_bar|delete_all")}
-                </AccessibleButton>
-                <AccessibleButton onClick={this.onResendAllClick} className="mx_RoomStatusBar_unsentRetry">
-                    <RestartIcon />
-                    {_t("room|status_bar|retry_all")}
-                </AccessibleButton>
-            </>
-        );
-        if (this.state.isResending) {
-            buttonRow = (
-                <>
-                    <InlineSpinner w={20} h={20} />
-                    {/* span for css */}
-                    <span>{_t("forward|sending")}</span>
-                </>
-            );
-        }
-
-        return (
-            <RoomStatusBarUnsentMessages
-                title={title}
-                description={_t("room|status_bar|select_messages_to_retry")}
-                notificationState={StaticNotificationState.RED_EXCLAMATION}
-                buttons={buttonRow}
-            />
-        );
-    }
-
-    public render(): React.ReactNode {
-        if (this.shouldShowConnectionError()) {
-            return (
-                <div className="mx_RoomStatusBar">
-                    <div role="alert">
-                        <div className="mx_RoomStatusBar_connectionLostBar">
-                            <WarningIcon width="24px" height="24px" />
-                            <div>
-                                <div className="mx_RoomStatusBar_connectionLostBar_title">
-                                    {_t("room|status_bar|server_connectivity_lost_title")}
-                                </div>
-                                <div className="mx_RoomStatusBar_connectionLostBar_desc">
-                                    {_t("room|status_bar|server_connectivity_lost_description")}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            );
-        }
-
-        if (this.state.unsentMessages.length > 0 || this.state.isResending) {
-            return this.getUnsentMessageContent();
-        }
-
-        return null;
-    }
-}
diff --git a/src/components/structures/RoomStatusBarUnsentMessages.tsx b/src/components/structures/RoomStatusBarUnsentMessages.tsx
deleted file mode 100644
index 0845f2550a..0000000000
--- a/src/components/structures/RoomStatusBarUnsentMessages.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2022 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type ReactElement, type ReactNode } from "react";
-
-import { type StaticNotificationState } from "../../stores/notifications/StaticNotificationState";
-import NotificationBadge from "../views/rooms/NotificationBadge";
-
-interface RoomStatusBarUnsentMessagesProps {
-    title: ReactNode;
-    description?: string;
-    notificationState: StaticNotificationState;
-    buttons: ReactElement;
-}
-
-export const RoomStatusBarUnsentMessages = (props: RoomStatusBarUnsentMessagesProps): ReactElement => {
-    return (
-        <div className="mx_RoomStatusBar mx_RoomStatusBar_unsentMessages">
-            <div role="alert">
-                <div className="mx_RoomStatusBar_unsentBadge">
-                    <NotificationBadge notification={props.notificationState} />
-                </div>
-                <div>
-                    <div className="mx_RoomStatusBar_unsentTitle">{props.title}</div>
-                    {props.description && <div className="mx_RoomStatusBar_unsentDescription">{props.description}</div>}
-                </div>
-                <div className="mx_RoomStatusBar_unsentButtonBar">{props.buttons}</div>
-            </div>
-        </div>
-    );
-};
diff --git a/src/components/structures/RoomView.tsx b/src/components/structures/RoomView.tsx
index 997d86e0dc..7f86f5d28c 100644
--- a/src/components/structures/RoomView.tsx
+++ b/src/components/structures/RoomView.tsx
@@ -16,6 +16,7 @@ import React, {
     type ReactNode,
     type RefObject,
     type JSX,
+    useEffect,
 } from "react";
 import classNames from "classnames";
 import {
@@ -45,7 +46,7 @@ import { debounce, throttle } from "lodash";
 import { CryptoEvent } from "matrix-js-sdk/src/crypto-api";
 import { type ViewRoomOpts } from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
 import { type RoomViewProps } from "@element-hq/element-web-module-api";
-import { RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { RoomStatusBarView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
 
 import shouldHideEvent from "../../shouldHideEvent";
 import { _t } from "../../languageHandler";
@@ -92,7 +93,6 @@ import { type IOpts } from "../../createRoom";
 import EditorStateTransfer from "../../utils/EditorStateTransfer";
 import ErrorDialog from "../views/dialogs/ErrorDialog";
 import UploadBar from "./UploadBar";
-import RoomStatusBar from "./RoomStatusBar";
 import MessageComposer from "../views/rooms/MessageComposer";
 import JumpToBottomButton from "../views/rooms/JumpToBottomButton";
 import TopUnreadMessagesBar from "../views/rooms/TopUnreadMessagesBar";
@@ -112,10 +112,8 @@ import { LocalRoom, LocalRoomState } from "../../models/LocalRoom";
 import { createRoomFromLocalRoom } from "../../utils/direct-messages";
 import NewRoomIntro from "../views/rooms/NewRoomIntro";
 import EncryptionEvent from "../views/messages/EncryptionEvent";
-import { StaticNotificationState } from "../../stores/notifications/StaticNotificationState";
 import { isLocalRoom } from "../../utils/localRoom/isLocalRoom";
 import { type ShowThreadPayload } from "../../dispatcher/payloads/ShowThreadPayload";
-import { RoomStatusBarUnsentMessages } from "./RoomStatusBarUnsentMessages";
 import { LargeLoader } from "./LargeLoader";
 import { isVideoRoom } from "../../utils/video-rooms";
 import { SDKContext } from "../../contexts/SDKContext";
@@ -137,6 +135,7 @@ import { DeclineAndBlockInviteDialog } from "../views/dialogs/DeclineAndBlockInv
 import { type FocusMessageSearchPayload } from "../../dispatcher/payloads/FocusMessageSearchPayload.ts";
 import { isRoomEncrypted } from "../../hooks/useIsEncrypted";
 import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
+import { RoomStatusBarViewModel } from "../../viewmodels/room/RoomStatusBar.ts";
 
 const DEBUG = false;
 const PREVENT_MULTIPLE_JITSI_WITHIN = 30_000;
@@ -317,33 +316,11 @@ function LocalRoomView(props: LocalRoomViewProps): ReactElement {
         encryptionTile = <EncryptionEvent mxEvent={encryptionEvent} />;
     }
 
-    const onRetryClicked = (): void => {
-        // eslint-disable-next-line react-compiler/react-compiler
-        room.state = LocalRoomState.NEW;
-        defaultDispatcher.dispatch({
-            action: "local_room_event",
-            roomId: room.roomId,
-        });
-    };
-
     let statusBar: ReactElement | null = null;
     let composer: ReactElement | null = null;
 
     if (room.isError) {
-        const buttons = (
-            <AccessibleButton onClick={onRetryClicked}>
-                <RestartIcon />
-                {_t("action|retry")}
-            </AccessibleButton>
-        );
-
-        statusBar = (
-            <RoomStatusBarUnsentMessages
-                title={_t("room|status_bar|some_messages_not_sent")}
-                notificationState={StaticNotificationState.RED_EXCLAMATION}
-                buttons={buttons}
-            />
-        );
+        statusBar = <RoomStatusBarWrappedView room={room} />;
     } else {
         composer = (
             <MessageComposer
@@ -400,6 +377,33 @@ function LocalRoomCreateLoader(props: ILocalRoomCreateLoaderProps): ReactElement
         </div>
     );
 }
+/**
+ * Wrap a RoomStatusBarView and ViewModel into one component, for usage with legacy React components.
+ */
+function RoomStatusBarWrappedView(props: ConstructorParameters<typeof RoomStatusBarViewModel>[0]): ReactElement {
+    const vm = useCreateAutoDisposedViewModel(() => new RoomStatusBarViewModel(props));
+    useEffect(() => {
+        // Note: We need to tell the parent component whether the viewmodel expects to render anything
+        // (see onStatusBarVisible). This is ugly, but works.
+        if ("onVisible" in props) {
+            // Initial setup
+            if (vm.getSnapshot().state !== null) {
+                props.onVisible();
+            } else {
+                props.onHidden?.();
+            }
+            vm.subscribe(() => {
+                if (vm.getSnapshot().state !== null) {
+                    props.onVisible?.();
+                } else {
+                    props.onHidden?.();
+                }
+            });
+        }
+    }, [vm, props]);
+
+    return <RoomStatusBarView vm={vm} />;
+}
 
 export class RoomView extends React.Component<IRoomProps, IRoomState> {
     // We cache the latest computed e2eStatus per room to show as soon as we switch rooms otherwise defaulting to
@@ -766,6 +770,15 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
             newState.search = undefined;
         }
 
+        if (
+            room &&
+            this.getMainSplitContentType(room) !== MainSplitContentType.Timeline &&
+            newState.initialEventId !== this.state.initialEventId
+        ) {
+            // Ensure the right panel timeline is open to show the linked event
+            this.context.rightPanelStore.setCard({ phase: RightPanelPhases.Timeline }, true, room.roomId);
+        }
+
         this.setState(newState as IRoomState);
         // At this point, newState.roomId could be null (e.g. the alias might not
         // have been resolved yet) so anything called here must handle this case.
@@ -1678,14 +1691,6 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
         }
     }
 
-    private onInviteClick = (): void => {
-        // open the room inviter
-        defaultDispatcher.dispatch({
-            action: "view_invite",
-            roomId: this.getRoomId(),
-        });
-    };
-
     private onJoinButtonClicked = (): void => {
         // If the user is a ROU, allow them to transition to a PWLU
         if (this.context.client?.isGuest()) {
@@ -2392,10 +2397,8 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
         } else if (!this.state.search) {
             isStatusAreaExpanded = this.state.statusBarVisible;
             statusBar = (
-                <RoomStatusBar
+                <RoomStatusBarWrappedView
                     room={this.state.room}
-                    isPeeking={myMembership !== KnownMembership.Join}
-                    onInviteClick={this.onInviteClick}
                     onVisible={this.onStatusBarVisible}
                     onHidden={this.onStatusBarHidden}
                 />
diff --git a/src/components/structures/SpaceRoomView.tsx b/src/components/structures/SpaceRoomView.tsx
index 1df95439d4..bf43369d9e 100644
--- a/src/components/structures/SpaceRoomView.tsx
+++ b/src/components/structures/SpaceRoomView.tsx
@@ -14,7 +14,10 @@ import {
     GroupIcon,
     PlusIcon,
     RoomIcon,
+    SettingsSolidIcon,
+    UserAddIcon,
     UserProfileSolidIcon,
+    VideoCallSolidIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import MatrixClientContext from "../../contexts/MatrixClientContext";
@@ -72,7 +75,6 @@ import MainSplit from "./MainSplit";
 import RightPanel from "./RightPanel";
 import SpaceHierarchy, { showRoom } from "./SpaceHierarchy";
 import { type RoomPermalinkCreator } from "../../utils/permalinks/Permalinks";
-import { Icon as HashVideoIcon } from "../../../res/img/element-icons/roomlist/hash-video.svg";
 import SpacePillButton from "./SpacePillButton.tsx";
 
 interface IProps {
@@ -140,7 +142,7 @@ const SpaceLandingAddButton: React.FC<{ space: Room }> = ({ space }) => {
                             {videoRoomsEnabled && (
                                 <IconizedContextMenuOption
                                     label={_t("action|new_video_room")}
-                                    icon={<HashVideoIcon />}
+                                    icon={<VideoCallSolidIcon />}
                                     onClick={async (e): Promise<void> => {
                                         e.preventDefault();
                                         e.stopPropagation();
@@ -231,6 +233,7 @@ const SpaceLanding: React.FC<{ space: Room }> = ({ space }) => {
                     showSpaceInvite(space);
                 }}
             >
+                <UserAddIcon />
                 {_t("action|invite")}
             </AccessibleButton>
         );
@@ -254,7 +257,9 @@ const SpaceLanding: React.FC<{ space: Room }> = ({ space }) => {
                 }}
                 title={_t("common|settings")}
                 placement="bottom"
-            />
+            >
+                <SettingsSolidIcon />
+            </AccessibleButton>
         );
     }
 
@@ -578,10 +583,8 @@ const SpaceSetupPrivateInvite: React.FC<{
             </form>
 
             <div className="mx_SpaceRoomView_inviteTeammates_buttons">
-                <AccessibleButton
-                    className="mx_SpaceRoomView_inviteTeammates_inviteDialogButton"
-                    onClick={() => showRoomInviteDialog(space.roomId)}
-                >
+                <AccessibleButton onClick={() => showRoomInviteDialog(space.roomId)}>
+                    <UserAddIcon />
                     {_t("create_space|invite_teammates_by_username")}
                 </AccessibleButton>
             </div>
diff --git a/src/components/structures/TabbedView.tsx b/src/components/structures/TabbedView.tsx
index 7b11b92e9c..efffd49025 100644
--- a/src/components/structures/TabbedView.tsx
+++ b/src/components/structures/TabbedView.tsx
@@ -11,7 +11,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX } from "react";
 import classNames from "classnames";
 
-import { _t, type TranslationKey } from "../../languageHandler";
+import { _t } from "../../languageHandler";
 import AutoHideScrollbar from "./AutoHideScrollbar";
 import { PosthogScreenTracker, type ScreenName } from "../../PosthogTrackers";
 import { type NonEmptyArray } from "../../@types/common";
@@ -93,11 +93,7 @@ function TabLabel<T extends string>({ tab, isActive, showToolip, onClick }: ITab
 
     let tabIcon: JSX.Element | undefined;
     if (tab.icon) {
-        if (typeof tab.icon === "object") {
-            tabIcon = tab.icon;
-        } else if (typeof tab.icon === "string") {
-            tabIcon = <span className={`mx_TabbedView_maskedIcon ${tab.icon}`} />;
-        }
+        tabIcon = tab.icon;
     }
 
     const id = domIDForTabID(tab.id);
diff --git a/src/components/structures/TimelinePanel.tsx b/src/components/structures/TimelinePanel.tsx
index 665ca6f677..aeda2237e0 100644
--- a/src/components/structures/TimelinePanel.tsx
+++ b/src/components/structures/TimelinePanel.tsx
@@ -29,6 +29,7 @@ import {
     Thread,
     ThreadEvent,
     ReceiptType,
+    EventStatus,
 } from "matrix-js-sdk/src/matrix";
 import { debounce } from "lodash";
 import { logger } from "matrix-js-sdk/src/logger";
@@ -1004,6 +1005,7 @@ class TimelinePanel extends React.Component<IProps, IState> {
         lastReadEventIndex: number | null,
     ): lastReadEvent is MatrixEvent {
         if (!lastReadEvent) return false;
+        if (lastReadEvent.status === EventStatus.NOT_SENT) return false;
 
         // We want to avoid sending out read receipts when we are looking at
         // events in the past which are before the latest RR.
diff --git a/src/components/structures/ToastContainer.tsx b/src/components/structures/ToastContainer.tsx
index a84af5a504..16275d9d8e 100644
--- a/src/components/structures/ToastContainer.tsx
+++ b/src/components/structures/ToastContainer.tsx
@@ -8,14 +8,15 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import classNames from "classnames";
-import { Text } from "@vector-im/compound-web";
+import { IconButton, Text } from "@vector-im/compound-web";
 import { type EmptyObject } from "matrix-js-sdk/src/matrix";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import ToastStore, { type IToast } from "../../stores/ToastStore";
+import { _t } from "../../languageHandler";
 
 interface IState {
     toasts: IToast<any>[];
-    countSeen: number;
 }
 
 export default class ToastContainer extends React.Component<EmptyObject, IState> {
@@ -23,7 +24,6 @@ export default class ToastContainer extends React.Component<EmptyObject, IState>
         super(props);
         this.state = {
             toasts: ToastStore.sharedInstance().getToasts(),
-            countSeen: ToastStore.sharedInstance().getCountSeen(),
         };
     }
 
@@ -39,7 +39,6 @@ export default class ToastContainer extends React.Component<EmptyObject, IState>
     private onToastStoreUpdate = (): void => {
         this.setState({
             toasts: ToastStore.sharedInstance().getToasts(),
-            countSeen: ToastStore.sharedInstance().getCountSeen(),
         });
     };
 
@@ -50,7 +49,7 @@ export default class ToastContainer extends React.Component<EmptyObject, IState>
         let containerClasses;
         if (totalCount !== 0) {
             const topToast = this.state.toasts[0];
-            const { title, icon, key, component, className, bodyClassName, props } = topToast;
+            const { title, icon, key, component, className, bodyClassName, onCloseButtonClicked, props } = topToast;
             const bodyClasses = classNames("mx_Toast_body", bodyClassName);
             const toastClasses = classNames("mx_Toast_toast", className, {
                 mx_Toast_hasIcon: !!icon,
@@ -61,20 +60,27 @@ export default class ToastContainer extends React.Component<EmptyObject, IState>
             });
             const content = React.createElement(component, toastProps);
 
-            let countIndicator;
-            if ((title && isStacked) || this.state.countSeen > 0) {
-                countIndicator = ` (${this.state.countSeen + 1}/${this.state.countSeen + totalCount})`;
-            }
-
             let titleElement;
             if (title) {
                 titleElement = (
-                    <div className="mx_Toast_title">
-                        <Text size="lg" weight="semibold" as="h2">
-                            {title}
-                        </Text>
-                        <span className="mx_Toast_title_countIndicator">{countIndicator}</span>
-                    </div>
+                    <>
+                        <div className="mx_Toast_title">
+                            <Text size="lg" weight="semibold" as="h2">
+                                {title}
+                            </Text>
+                        </div>
+                        {onCloseButtonClicked && (
+                            <IconButton
+                                className="mx_Toast_closebutton"
+                                size="28px"
+                                onClick={onCloseButtonClicked}
+                                tooltip={_t("action|close")}
+                                kind="secondary"
+                            >
+                                <CloseIcon />
+                            </IconButton>
+                        )}
+                    </>
                 );
             }
 
diff --git a/src/components/structures/UserMenu.tsx b/src/components/structures/UserMenu.tsx
index 249a5f456b..6f9b768588 100644
--- a/src/components/structures/UserMenu.tsx
+++ b/src/components/structures/UserMenu.tsx
@@ -15,6 +15,8 @@ import {
     QrCodeIcon,
     SettingsSolidIcon,
     LeaveIcon,
+    NotificationsSolidIcon,
+    ThemeIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { MatrixClientPeg } from "../../MatrixClientPeg";
@@ -50,8 +52,6 @@ import PosthogTrackers from "../../PosthogTrackers";
 import { type ViewHomePagePayload } from "../../dispatcher/payloads/ViewHomePagePayload";
 import { SDKContext } from "../../contexts/SDKContext";
 import { shouldShowFeedback } from "../../utils/Feedback";
-import { Icon as DarkLightModeSvg } from "../../../res/img/element-icons/roomlist/dark-light-mode.svg";
-import { Icon as NotificationsIcon } from "../../../res/img/element-icons/notifications.svg";
 
 interface IProps {
     isPanelCollapsed: boolean;
@@ -337,7 +337,7 @@ export default class UserMenu extends React.Component<IProps, IState> {
                 {homeButton}
                 {linkNewDeviceButton}
                 <IconizedContextMenuOption
-                    icon={<NotificationsIcon />}
+                    icon={<NotificationsSolidIcon />}
                     label={_t("notifications|enable_prompt_toast_title")}
                     onClick={(e) => this.onSettingsOpen(e, UserTab.Notifications)}
                 />
@@ -407,7 +407,7 @@ export default class UserMenu extends React.Component<IProps, IState> {
                                 : _t("user_menu|switch_theme_dark")
                         }
                     >
-                        <DarkLightModeSvg width="16px" height="16px" />
+                        <ThemeIcon width="16px" height="16px" />
                     </RovingAccessibleButton>
                 </div>
                 {topSection}
diff --git a/src/components/structures/WaitingForThirdPartyRoomView.tsx b/src/components/structures/WaitingForThirdPartyRoomView.tsx
index a02a807c9b..0b0e07bbeb 100644
--- a/src/components/structures/WaitingForThirdPartyRoomView.tsx
+++ b/src/components/structures/WaitingForThirdPartyRoomView.tsx
@@ -8,12 +8,13 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type RefObject } from "react";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
 import type ResizeNotifier from "../../utils/ResizeNotifier";
 import ErrorBoundary from "../views/elements/ErrorBoundary";
 import RoomHeader from "../views/rooms/RoomHeader/RoomHeader.tsx";
 import ScrollPanel from "./ScrollPanel";
-import EventTileBubble from "../views/messages/EventTileBubble";
 import NewRoomIntro from "../views/rooms/NewRoomIntro";
 import { UnwrappedEventTile } from "../views/rooms/EventTile";
 import { _t } from "../../languageHandler";
@@ -43,7 +44,8 @@ export const WaitingForThirdPartyRoomView: React.FC<Props> = ({ roomView, resize
                     <div className="mx_RoomView_timeline">
                         <ScrollPanel className="mx_RoomView_messagePanel">
                             <EventTileBubble
-                                className="mx_cryptoEvent mx_cryptoEvent_icon"
+                                icon={<LockSolidIcon />}
+                                className="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon"
                                 title={_t("room|waiting_for_join_title", { brand })}
                                 subtitle={_t("room|waiting_for_join_subtitle", { brand })}
                             />
diff --git a/src/components/structures/auth/CompleteSecurity.tsx b/src/components/structures/auth/CompleteSecurity.tsx
index ed3b3d9a20..27676bb561 100644
--- a/src/components/structures/auth/CompleteSecurity.tsx
+++ b/src/components/structures/auth/CompleteSecurity.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { Glass } from "@vector-im/compound-web";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import { Phase, SetupEncryptionStore } from "../../../stores/SetupEncryptionStore";
@@ -92,7 +93,9 @@ export default class CompleteSecurity extends React.Component<IProps, IState> {
                     onClick={this.onSkipClick}
                     className="mx_CompleteSecurity_skip"
                     aria-label={_t("encryption|verification|after_new_login|skip_verification")}
-                />
+                >
+                    <CloseIcon />
+                </AccessibleButton>
             );
         }
 
diff --git a/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx b/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx
index 5f57146fe5..460495e317 100644
--- a/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx
+++ b/src/components/structures/auth/forgot-password/VerifyEmailModal.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type ReactNode } from "react";
 import { Tooltip } from "@vector-im/compound-web";
-import { RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { CloseIcon, RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../../languageHandler";
 import AccessibleButton from "../../../views/elements/AccessibleButton";
@@ -77,7 +77,9 @@ export const VerifyEmailModal: React.FC<Props> = ({
                 onClick={onCloseClick}
                 className="mx_Dialog_cancelButton"
                 aria-label={_t("dialog_close_label")}
-            />
+            >
+                <CloseIcon />
+            </AccessibleButton>
         </>
     );
 };
diff --git a/src/components/structures/grouper/CreationGrouper.tsx b/src/components/structures/grouper/CreationGrouper.tsx
index 009f5bdc26..80c9bfedcd 100644
--- a/src/components/structures/grouper/CreationGrouper.tsx
+++ b/src/components/structures/grouper/CreationGrouper.tsx
@@ -11,14 +11,13 @@ import { EventType, M_BEACON_INFO, type MatrixEvent } from "matrix-js-sdk/src/ma
 import { KnownMembership } from "matrix-js-sdk/src/types";
 
 import { BaseGrouper } from "./BaseGrouper";
-import { type WrappedEvent } from "../MessagePanel";
+import { SeparatorKind, type WrappedEvent } from "../MessagePanel";
 import type MessagePanel from "../MessagePanel";
 import DMRoomMap from "../../../utils/DMRoomMap";
 import { _t } from "../../../languageHandler";
 import DateSeparator from "../../views/messages/DateSeparator";
 import NewRoomIntro from "../../views/rooms/NewRoomIntro";
 import GenericEventListSummary from "../../views/elements/GenericEventListSummary";
-import { SeparatorKind } from "../../views/messages/TimelineSeparator";
 
 // Wrap initial room creation events into a GenericEventListSummary
 // Grouping only events sent by the same user that sent the `m.room.create` and only until
diff --git a/src/components/structures/grouper/MainGrouper.tsx b/src/components/structures/grouper/MainGrouper.tsx
index e686f1aa81..6766f0e5b7 100644
--- a/src/components/structures/grouper/MainGrouper.tsx
+++ b/src/components/structures/grouper/MainGrouper.tsx
@@ -10,14 +10,13 @@ import React, { type ReactNode } from "react";
 import { EventType, type MatrixEvent } from "matrix-js-sdk/src/matrix";
 
 import type MessagePanel from "../MessagePanel";
-import type { WrappedEvent } from "../MessagePanel";
+import { SeparatorKind, type WrappedEvent } from "../MessagePanel";
 import { BaseGrouper } from "./BaseGrouper";
 import { hasText } from "../../../TextForEvent";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import DateSeparator from "../../views/messages/DateSeparator";
 import HistoryTile from "../../views/rooms/HistoryTile";
 import EventListSummary from "../../views/elements/EventListSummary";
-import { SeparatorKind } from "../../views/messages/TimelineSeparator";
 
 const groupedStateEvents = [
     EventType.RoomMember,
diff --git a/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.tsx b/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.tsx
index d99c127d85..1cb29029ea 100644
--- a/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.tsx
+++ b/src/components/viewmodels/memberlist/tiles/MemberTileViewModel.tsx
@@ -15,7 +15,7 @@ import { Action } from "../../../../dispatcher/actions";
 import { asyncSome } from "../../../../utils/arrays";
 import { getUserDeviceIds } from "../../../../utils/crypto/deviceInfo";
 import { type RoomMember } from "../../../../models/rooms/RoomMember";
-import { _t, _td, type TranslationKey } from "../../../../languageHandler";
+import { _t, _td } from "../../../../languageHandler";
 import { E2EStatus } from "../../../../utils/ShieldUtils";
 
 interface MemberTileViewModelProps {
diff --git a/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.tsx b/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.tsx
index 143f3fca18..db3bdb51ac 100644
--- a/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.tsx
+++ b/src/components/viewmodels/right_panel/RoomSummaryCardViewModel.tsx
@@ -5,7 +5,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { useEffect, useRef, useState } from "react";
-import { EventType, type JoinRule, type Room, RoomStateEvent } from "matrix-js-sdk/src/matrix";
+import { EventType, type HistoryVisibility, type JoinRule, type Room, RoomStateEvent } from "matrix-js-sdk/src/matrix";
 
 import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
 import { useIsEncrypted } from "../../../hooks/useIsEncrypted";
@@ -49,6 +49,10 @@ export interface RoomSummaryCardState {
      * The join rule of the room, used to display the correct badge and icon
      */
     roomJoinRule: JoinRule;
+    /**
+     * The history visibility of the room, used to display the correct badge.
+     */
+    historyVisibility: HistoryVisibility;
     /**
      * if it is a video room, it should not display export chat, polls, files, extensions
      */
@@ -158,9 +162,10 @@ export function useRoomSummaryCardViewModel(
     const e2eStatus = roomContext.e2eStatus;
     const isVideoRoom = calcIsVideoRoom(room);
 
-    const roomState = useRoomState(room);
-    // used to check if the room is public or not
-    const roomJoinRule = roomState.getJoinRule();
+    const { historyVisibility, roomJoinRule } = useRoomState(room, (state) => ({
+        roomJoinRule: state.getJoinRule(),
+        historyVisibility: state.getHistoryVisibility(),
+    }));
     const alias = room.getCanonicalAlias() || room.getAltAliases()[0] || "";
     const pinCount = usePinnedEvents(room).length;
     // value to check if the user can invite to the room
@@ -254,6 +259,7 @@ export function useRoomSummaryCardViewModel(
         isRoomEncrypted,
         roomJoinRule,
         e2eStatus,
+        historyVisibility,
         isVideoRoom,
         alias,
         isFavorite,
diff --git a/src/components/viewmodels/roomlist/MessagePreviewViewModel.tsx b/src/components/viewmodels/roomlist/MessagePreviewViewModel.tsx
deleted file mode 100644
index 9e141c1379..0000000000
--- a/src/components/viewmodels/roomlist/MessagePreviewViewModel.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { useCallback, useEffect, useState } from "react";
-
-import type { Room } from "matrix-js-sdk/src/matrix";
-import { type MessagePreview, MessagePreviewStore } from "../../../stores/room-list/MessagePreviewStore";
-import { useEventEmitter } from "../../../hooks/useEventEmitter";
-
-interface MessagePreviewViewState {
-    /**
-     * A string representation of the message preview if available.
-     */
-    message?: string;
-}
-
-/**
- * View model for rendering a message preview for a given room list item.
- * @param room The room for which we're rendering the message preview.
- * @see {@link MessagePreviewViewState} for what this view model returns.
- */
-export function useMessagePreviewViewModel(room: Room): MessagePreviewViewState {
-    const [messagePreview, setMessagePreview] = useState<MessagePreview | null>(null);
-
-    const updatePreview = useCallback(async (): Promise<void> => {
-        /**
-         * The second argument to getPreviewForRoom is a tag id which doesn't really make
-         * much sense within the context of the new room list. We can pass an empty string
-         * to match all tags for now but we should remember to actually change the implementation
-         * in the store once we remove the legacy room list.
-         */
-        const newPreview = await MessagePreviewStore.instance.getPreviewForRoom(room, "");
-        setMessagePreview(newPreview);
-    }, [room]);
-
-    /**
-     * Update when the message preview has changed for this room.
-     */
-    useEventEmitter(MessagePreviewStore.instance, MessagePreviewStore.getPreviewChangedEventName(room), () => {
-        updatePreview();
-    });
-
-    /**
-     * Do an initial fetch of the message preview.
-     */
-    useEffect(() => {
-        updatePreview();
-    }, [updatePreview]);
-
-    return {
-        message: messagePreview?.text,
-    };
-}
diff --git a/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx b/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx
deleted file mode 100644
index 451a4898b7..0000000000
--- a/src/components/viewmodels/roomlist/RoomListHeaderViewModel.tsx
+++ /dev/null
@@ -1,224 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { useCallback } from "react";
-import { JoinRule, type Room, RoomEvent, RoomType } from "matrix-js-sdk/src/matrix";
-
-import { useFeatureEnabled } from "../../../hooks/useSettings";
-import defaultDispatcher from "../../../dispatcher/dispatcher";
-import PosthogTrackers from "../../../PosthogTrackers";
-import { Action } from "../../../dispatcher/actions";
-import { useEventEmitterState, useTypedEventEmitterState } from "../../../hooks/useEventEmitter";
-import {
-    getMetaSpaceName,
-    type MetaSpace,
-    type SpaceKey,
-    UPDATE_HOME_BEHAVIOUR,
-    UPDATE_SELECTED_SPACE,
-} from "../../../stores/spaces";
-import SpaceStore from "../../../stores/spaces/SpaceStore";
-import {
-    shouldShowSpaceSettings,
-    showCreateNewRoom,
-    showSpaceInvite,
-    showSpacePreferences,
-    showSpaceSettings,
-} from "../../../utils/space";
-import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
-import type { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
-import { createRoom, hasCreateRoomRights } from "./utils";
-import { type SortOption, useSorter } from "./useSorter";
-
-/**
- * Hook to get the active space and its title.
- */
-function useSpace(): { activeSpace: Room | null; title: string } {
-    const [spaceKey, activeSpace] = useEventEmitterState<[SpaceKey, Room | null]>(
-        SpaceStore.instance,
-        UPDATE_SELECTED_SPACE,
-        () => [SpaceStore.instance.activeSpace, SpaceStore.instance.activeSpaceRoom],
-    );
-    const spaceName = useTypedEventEmitterState(activeSpace ?? undefined, RoomEvent.Name, () => activeSpace?.name);
-    const allRoomsInHome = useEventEmitterState(
-        SpaceStore.instance,
-        UPDATE_HOME_BEHAVIOUR,
-        () => SpaceStore.instance.allRoomsInHome,
-    );
-
-    const title = spaceName ?? getMetaSpaceName(spaceKey as MetaSpace, allRoomsInHome);
-
-    return {
-        activeSpace,
-        title,
-    };
-}
-
-export interface RoomListHeaderViewState {
-    /**
-     * The title of the room list
-     */
-    title: string;
-    /**
-     * Whether to display the compose menu
-     * True if the user can create rooms
-     */
-    displayComposeMenu: boolean;
-    /**
-     * Whether to display the space menu
-     * True if there is an active space
-     */
-    displaySpaceMenu: boolean;
-    /**
-     * Whether the user can create rooms
-     */
-    canCreateRoom: boolean;
-    /**
-     * Whether the user can create video rooms
-     */
-    canCreateVideoRoom: boolean;
-    /**
-     * Whether the user can invite in the active space
-     */
-    canInviteInSpace: boolean;
-    /**
-     * Whether the user can access space settings
-     */
-    canAccessSpaceSettings: boolean;
-    /**
-     * Create a chat room
-     * @param e - The click event
-     */
-    createChatRoom: (e: Event) => void;
-    /**
-     * Create a room
-     * @param e - The click event
-     */
-    createRoom: (e: Event) => void;
-    /**
-     * Create a video room
-     */
-    createVideoRoom: () => void;
-    /**
-     * Open the active space home
-     */
-    openSpaceHome: () => void;
-    /**
-     * Display the space invite dialog
-     */
-    inviteInSpace: () => void;
-    /**
-     * Open the space preferences
-     */
-    openSpacePreferences: () => void;
-    /**
-     * Open the space settings
-     */
-    openSpaceSettings: () => void;
-    /**
-     * Change the sort order of the room-list.
-     */
-    sort: (option: SortOption) => void;
-    /**
-     * The currently active sort option.
-     */
-    activeSortOption: SortOption;
-}
-
-/**
- * View model for the RoomListHeader.
- */
-export function useRoomListHeaderViewModel(): RoomListHeaderViewState {
-    const matrixClient = useMatrixClientContext();
-    const { activeSpace, title } = useSpace();
-    const isSpaceRoom = Boolean(activeSpace);
-
-    const canCreateRoom = hasCreateRoomRights(matrixClient, activeSpace);
-    const canCreateVideoRoom = useFeatureEnabled("feature_video_rooms") && canCreateRoom;
-    const displayComposeMenu = canCreateRoom;
-    const displaySpaceMenu = isSpaceRoom;
-    const canInviteInSpace = Boolean(
-        activeSpace?.getJoinRule() === JoinRule.Public || activeSpace?.canInvite(matrixClient.getSafeUserId()),
-    );
-    const canAccessSpaceSettings = Boolean(activeSpace && shouldShowSpaceSettings(activeSpace));
-
-    /* Actions */
-
-    const { activeSortOption, sort } = useSorter();
-
-    const createChatRoom = useCallback((e: Event) => {
-        defaultDispatcher.fire(Action.CreateChat);
-        PosthogTrackers.trackInteraction("WebRoomListHeaderPlusMenuCreateChatItem", e);
-    }, []);
-
-    const createRoomMemoized = useCallback(
-        (e: Event) => {
-            createRoom(activeSpace);
-            PosthogTrackers.trackInteraction("WebRoomListHeaderPlusMenuCreateRoomItem", e);
-        },
-        [activeSpace],
-    );
-
-    const elementCallVideoRoomsEnabled = useFeatureEnabled("feature_element_call_video_rooms");
-    const createVideoRoom = useCallback(() => {
-        const type = elementCallVideoRoomsEnabled ? RoomType.UnstableCall : RoomType.ElementVideo;
-        if (activeSpace) {
-            showCreateNewRoom(activeSpace, type);
-        } else {
-            defaultDispatcher.dispatch({
-                action: Action.CreateRoom,
-                type,
-            });
-        }
-    }, [activeSpace, elementCallVideoRoomsEnabled]);
-
-    const openSpaceHome = useCallback(() => {
-        // openSpaceHome is only available when there is an active space
-        if (!activeSpace) return;
-        defaultDispatcher.dispatch<ViewRoomPayload>({
-            action: Action.ViewRoom,
-            room_id: activeSpace.roomId,
-            metricsTrigger: undefined,
-        });
-    }, [activeSpace]);
-
-    const inviteInSpace = useCallback(() => {
-        // inviteInSpace is only available when there is an active space
-        if (!activeSpace) return;
-        showSpaceInvite(activeSpace);
-    }, [activeSpace]);
-
-    const openSpacePreferences = useCallback(() => {
-        // openSpacePreferences is only available when there is an active space
-        if (!activeSpace) return;
-        showSpacePreferences(activeSpace);
-    }, [activeSpace]);
-
-    const openSpaceSettings = useCallback(() => {
-        // openSpaceSettings is only available when there is an active space
-        if (!activeSpace) return;
-        showSpaceSettings(activeSpace);
-    }, [activeSpace]);
-
-    return {
-        title,
-        displayComposeMenu,
-        displaySpaceMenu,
-        canCreateRoom,
-        canCreateVideoRoom,
-        canInviteInSpace,
-        canAccessSpaceSettings,
-        createChatRoom,
-        createRoom: createRoomMemoized,
-        createVideoRoom,
-        openSpaceHome,
-        inviteInSpace,
-        openSpacePreferences,
-        openSpaceSettings,
-        activeSortOption,
-        sort,
-    };
-}
diff --git a/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx b/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx
deleted file mode 100644
index 738a05b8c3..0000000000
--- a/src/components/viewmodels/roomlist/RoomListItemMenuViewModel.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { useCallback } from "react";
-import { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
-
-import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
-import { useEventEmitterState } from "../../../hooks/useEventEmitter";
-import { useUnreadNotifications } from "../../../hooks/useUnreadNotifications";
-import { hasAccessToNotificationMenu, hasAccessToOptionsMenu } from "./utils";
-import DMRoomMap from "../../../utils/DMRoomMap";
-import { DefaultTagID } from "../../../stores/room-list/models";
-import { NotificationLevel } from "../../../stores/notifications/NotificationLevel";
-import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
-import { UIComponent } from "../../../settings/UIFeature";
-import dispatcher from "../../../dispatcher/dispatcher";
-import { clearRoomNotification, setMarkedUnreadState } from "../../../utils/notifications";
-import PosthogTrackers from "../../../PosthogTrackers";
-import { tagRoom } from "../../../utils/room/tagRoom";
-import { RoomNotifState } from "../../../RoomNotifs";
-import { useNotificationState } from "../../../hooks/useRoomNotificationState";
-
-export interface RoomListItemMenuViewState {
-    /**
-     * Whether the more options menu should be shown.
-     */
-    showMoreOptionsMenu: boolean;
-    /**
-     * Whether the notification menu should be shown.
-     */
-    showNotificationMenu: boolean;
-    /**
-     * Whether the room is a favourite room.
-     */
-    isFavourite: boolean;
-    /**
-     * Whether the room is a low priority room.
-     */
-    isLowPriority: boolean;
-    /**
-     * Can invite other user's in the room.
-     */
-    canInvite: boolean;
-    /**
-     * Can copy the room link.
-     */
-    canCopyRoomLink: boolean;
-    /**
-     * Can mark the room as read.
-     */
-    canMarkAsRead: boolean;
-    /**
-     * Can mark the room as unread.
-     */
-    canMarkAsUnread: boolean;
-    /**
-     * Whether the notification is set to all messages.
-     */
-    isNotificationAllMessage: boolean;
-    /**
-     * Whether the notification is set to all messages loud.
-     */
-    isNotificationAllMessageLoud: boolean;
-    /**
-     * Whether the notification is set to mentions and keywords only.
-     */
-    isNotificationMentionOnly: boolean;
-    /**
-     * Whether the notification is muted.
-     */
-    isNotificationMute: boolean;
-    /**
-     * Mark the room as read.
-     * @param evt
-     */
-    markAsRead: (evt: Event) => void;
-    /**
-     * Mark the room as unread.
-     * @param evt
-     */
-    markAsUnread: (evt: Event) => void;
-    /**
-     * Toggle the room as favourite.
-     * @param evt
-     */
-    toggleFavorite: (evt: Event) => void;
-    /**
-     * Toggle the room as low priority.
-     */
-    toggleLowPriority: () => void;
-    /**
-     * Invite other users in the room.
-     * @param evt
-     */
-    invite: (evt: Event) => void;
-    /**
-     * Copy the room link in the clipboard.
-     * @param evt
-     */
-    copyRoomLink: (evt: Event) => void;
-    /**
-     * Leave the room.
-     * @param evt
-     */
-    leaveRoom: (evt: Event) => void;
-    /**
-     * Set the room notification state.
-     * @param state
-     */
-    setRoomNotifState: (state: RoomNotifState) => void;
-}
-
-export function useRoomListItemMenuViewModel(room: Room): RoomListItemMenuViewState {
-    const matrixClient = useMatrixClientContext();
-    const roomTags = useEventEmitterState(room, RoomEvent.Tags, () => room.tags);
-    const { level: notificationLevel } = useUnreadNotifications(room);
-
-    const isDm = Boolean(DMRoomMap.shared().getUserIdForRoomId(room.roomId));
-    const isFavourite = Boolean(roomTags[DefaultTagID.Favourite]);
-    const isLowPriority = Boolean(roomTags[DefaultTagID.LowPriority]);
-    const isArchived = Boolean(roomTags[DefaultTagID.Archived]);
-
-    const showMoreOptionsMenu = hasAccessToOptionsMenu(room);
-    const showNotificationMenu = hasAccessToNotificationMenu(room, matrixClient.isGuest(), isArchived);
-
-    const canMarkAsRead = notificationLevel > NotificationLevel.None;
-    const canMarkAsUnread = !canMarkAsRead && !isArchived;
-
-    const canInvite =
-        room.canInvite(matrixClient.getUserId()!) && !isDm && shouldShowComponent(UIComponent.InviteUsers);
-    const canCopyRoomLink = !isDm;
-
-    const [roomNotifState, setRoomNotifState] = useNotificationState(room);
-    const isNotificationAllMessage = roomNotifState === RoomNotifState.AllMessages;
-    const isNotificationAllMessageLoud = roomNotifState === RoomNotifState.AllMessagesLoud;
-    const isNotificationMentionOnly = roomNotifState === RoomNotifState.MentionsOnly;
-    const isNotificationMute = roomNotifState === RoomNotifState.Mute;
-
-    // Actions
-
-    const markAsRead = useCallback(
-        async (evt: Event): Promise<void> => {
-            await clearRoomNotification(room, matrixClient);
-            PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuMarkRead", evt);
-        },
-        [room, matrixClient],
-    );
-
-    const markAsUnread = useCallback(
-        async (evt: Event): Promise<void> => {
-            await setMarkedUnreadState(room, matrixClient, true);
-            PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuMarkUnread", evt);
-        },
-        [room, matrixClient],
-    );
-
-    const toggleFavorite = useCallback(
-        (evt: Event): void => {
-            tagRoom(room, DefaultTagID.Favourite);
-            PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuFavouriteToggle", evt);
-        },
-        [room],
-    );
-
-    const toggleLowPriority = useCallback((): void => tagRoom(room, DefaultTagID.LowPriority), [room]);
-
-    const invite = useCallback(
-        (evt: Event): void => {
-            dispatcher.dispatch({
-                action: "view_invite",
-                roomId: room.roomId,
-            });
-            PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuInviteItem", evt);
-        },
-        [room],
-    );
-
-    const copyRoomLink = useCallback(
-        (evt: Event): void => {
-            dispatcher.dispatch({
-                action: "copy_room",
-                room_id: room.roomId,
-            });
-            PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuFavouriteToggle", evt);
-        },
-        [room],
-    );
-
-    const leaveRoom = useCallback(
-        (evt: Event): void => {
-            dispatcher.dispatch({
-                action: isArchived ? "forget_room" : "leave_room",
-                room_id: room.roomId,
-            });
-            PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuLeaveItem", evt);
-        },
-        [room, isArchived],
-    );
-
-    return {
-        showMoreOptionsMenu,
-        showNotificationMenu,
-        isFavourite,
-        isLowPriority,
-        canInvite,
-        canCopyRoomLink,
-        canMarkAsRead,
-        canMarkAsUnread,
-        isNotificationAllMessage,
-        isNotificationAllMessageLoud,
-        isNotificationMentionOnly,
-        isNotificationMute,
-        markAsRead,
-        markAsUnread,
-        toggleFavorite,
-        toggleLowPriority,
-        invite,
-        copyRoomLink,
-        leaveRoom,
-        setRoomNotifState,
-    };
-}
diff --git a/src/components/viewmodels/roomlist/RoomListItemViewModel.tsx b/src/components/viewmodels/roomlist/RoomListItemViewModel.tsx
deleted file mode 100644
index 30576e2dc2..0000000000
--- a/src/components/viewmodels/roomlist/RoomListItemViewModel.tsx
+++ /dev/null
@@ -1,250 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { type Room, RoomEvent } from "matrix-js-sdk/src/matrix";
-import { CallType } from "matrix-js-sdk/src/webrtc/call";
-
-import dispatcher from "../../../dispatcher/dispatcher";
-import type { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
-import { Action } from "../../../dispatcher/actions";
-import { hasAccessToNotificationMenu, hasAccessToOptionsMenu } from "./utils";
-import { _t } from "../../../languageHandler";
-import { type RoomNotificationState } from "../../../stores/notifications/RoomNotificationState";
-import { RoomNotificationStateStore } from "../../../stores/notifications/RoomNotificationStateStore";
-import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
-import { useEventEmitter, useEventEmitterState, useTypedEventEmitter } from "../../../hooks/useEventEmitter";
-import { DefaultTagID } from "../../../stores/room-list/models";
-import { useCall, useConnectionState, useParticipantCount } from "../../../hooks/useCall";
-import { CallEvent, type ConnectionState } from "../../../models/Call";
-import { NotificationStateEvents } from "../../../stores/notifications/NotificationState";
-import DMRoomMap from "../../../utils/DMRoomMap";
-import { MessagePreviewStore } from "../../../stores/room-list/MessagePreviewStore";
-import { useMessagePreviewToggle } from "./useMessagePreviewToggle";
-
-export interface RoomListItemViewState {
-    /**
-     * The name of the room.
-     */
-    name: string;
-    /**
-     * Whether the context menu should be shown.
-     */
-    showContextMenu: boolean;
-    /**
-     * Whether the hover menu should be shown.
-     */
-    showHoverMenu: boolean;
-    /**
-     * Open the room having given roomId.
-     */
-    openRoom: () => void;
-    /**
-     * The a11y label for the room list item.
-     */
-    a11yLabel: string;
-    /**
-     * The notification state of the room.
-     */
-    notificationState: RoomNotificationState;
-    /**
-     * Whether the room should be bolded.
-     */
-    isBold: boolean;
-    /**
-     * Whether the room is a video room
-     */
-    isVideoRoom: boolean;
-    /**
-     * The connection state of the call.
-     * `null` if there is no call in the room.
-     */
-    callConnectionState: ConnectionState | null;
-    /**
-     * Whether there are participants in the call.
-     */
-    hasParticipantInCall: boolean;
-    /**
-     * Whether the call is a voice or video call.
-     */
-    callType: CallType | undefined;
-    /**
-     * Pre-rendered and translated preview for the latest message in the room, or undefined
-     * if no preview should be shown.
-     */
-    messagePreview: string | undefined;
-    /**
-     * Whether the notification decoration should be shown.
-     */
-    showNotificationDecoration: boolean;
-}
-
-/**
- * View model for the room list item
- * @see {@link RoomListItemViewState} for more information about what this view model returns.
- */
-export function useRoomListItemViewModel(room: Room): RoomListItemViewState {
-    const matrixClient = useMatrixClientContext();
-    const roomTags = useEventEmitterState(room, RoomEvent.Tags, () => room.tags);
-    const isArchived = Boolean(roomTags[DefaultTagID.Archived]);
-    const name = useEventEmitterState(room, RoomEvent.Name, () => room.name);
-
-    const notificationState = useMemo(() => RoomNotificationStateStore.instance.getRoomState(room), [room]);
-
-    const [a11yLabel, setA11yLabel] = useState(getA11yLabel(name, notificationState));
-    const [{ isBold, invited, hasVisibleNotification }, setNotificationValues] = useState(
-        getNotificationValues(notificationState),
-    );
-    useEffect(() => {
-        setA11yLabel(getA11yLabel(name, notificationState));
-    }, [name, notificationState]);
-
-    // Listen to changes in the notification state and update the values
-    useTypedEventEmitter(notificationState, NotificationStateEvents.Update, () => {
-        setA11yLabel(getA11yLabel(name, notificationState));
-        setNotificationValues(getNotificationValues(notificationState));
-    });
-
-    // If the notification reference change due to room change, update the values
-    useEffect(() => {
-        setNotificationValues(getNotificationValues(notificationState));
-    }, [notificationState]);
-
-    // We don't want to show the menus if
-    // - there is an invitation for this room
-    // - the user doesn't have access to notification and more options menus
-    const showContextMenu = !invited && hasAccessToOptionsMenu(room);
-    const showHoverMenu =
-        !invited && (showContextMenu || hasAccessToNotificationMenu(room, matrixClient.isGuest(), isArchived));
-
-    const messagePreview = useRoomMessagePreview(room);
-
-    // Video room
-    const isVideoRoom = room.isElementVideoRoom() || room.isCallRoom();
-    // EC video call or video room
-    const call = useCall(room.roomId);
-    const connectionState = useConnectionState(call);
-    const participantCount = useParticipantCount(call);
-    const callConnectionState = call ? connectionState : null;
-
-    const showNotificationDecoration = hasVisibleNotification || participantCount > 0;
-
-    // Actions
-
-    const openRoom = useCallback((): void => {
-        dispatcher.dispatch<ViewRoomPayload>({
-            action: Action.ViewRoom,
-            room_id: room.roomId,
-            metricsTrigger: "RoomList",
-        });
-    }, [room]);
-
-    const [callType, setCallType] = useState<CallType>(CallType.Video);
-    useTypedEventEmitter(call ?? undefined, CallEvent.CallTypeChanged, setCallType);
-
-    return {
-        name,
-        notificationState,
-        showContextMenu,
-        showHoverMenu,
-        openRoom,
-        a11yLabel,
-        isBold,
-        isVideoRoom,
-        callConnectionState,
-        hasParticipantInCall: participantCount > 0,
-        messagePreview,
-        showNotificationDecoration,
-        callType: call ? callType : undefined,
-    };
-}
-
-/**
- * Calculate the values from the notification state
- * @param notificationState
- */
-function getNotificationValues(notificationState: RoomNotificationState): {
-    computeA11yLabel: (name: string) => string;
-    isBold: boolean;
-    invited: boolean;
-    hasVisibleNotification: boolean;
-} {
-    const invited = notificationState.invited;
-    const computeA11yLabel = (name: string): string => getA11yLabel(name, notificationState);
-    const isBold = notificationState.hasAnyNotificationOrActivity;
-
-    const hasVisibleNotification = notificationState.hasAnyNotificationOrActivity || notificationState.muted;
-
-    return {
-        computeA11yLabel,
-        isBold,
-        invited,
-        hasVisibleNotification,
-    };
-}
-
-/**
- * Get the a11y label for the room list item
- * @param roomName
- * @param notificationState
- */
-function getA11yLabel(roomName: string, notificationState: RoomNotificationState): string {
-    if (notificationState.isUnsentMessage) {
-        return _t("a11y|room_messsage_not_sent", {
-            roomName,
-        });
-    } else if (notificationState.invited) {
-        return _t("a11y|room_n_unread_invite", {
-            roomName,
-        });
-    } else if (notificationState.isMention) {
-        return _t("a11y|room_n_unread_messages_mentions", {
-            roomName,
-            count: notificationState.count,
-        });
-    } else if (notificationState.hasUnreadCount) {
-        return _t("a11y|room_n_unread_messages", {
-            roomName,
-            count: notificationState.count,
-        });
-    } else {
-        return _t("room_list|room|open_room", { roomName });
-    }
-}
-
-function useRoomMessagePreview(room: Room): string | undefined {
-    const { shouldShowMessagePreview } = useMessagePreviewToggle();
-    const [previewText, setPreviewText] = useState<string | undefined>(undefined);
-
-    const updatePreview = useCallback(async () => {
-        if (!shouldShowMessagePreview) {
-            setPreviewText(undefined);
-            return;
-        }
-
-        const roomIsDM = Boolean(DMRoomMap.shared().getUserIdForRoomId(room.roomId));
-        // For the tag, we only care about whether the room is a DM or not as we don't show
-        // display names in previewsd for DMs, so anything else we just say is 'untagged'
-        // (even though it could actually be have other tags: we don't care about them).
-        const messagePreview = await MessagePreviewStore.instance.getPreviewForRoom(
-            room,
-            roomIsDM ? DefaultTagID.DM : DefaultTagID.Untagged,
-        );
-        setPreviewText(messagePreview?.text);
-    }, [room, shouldShowMessagePreview]);
-
-    // MessagePreviewStore and the other AsyncStores need to be converted to TypedEventEmitter
-    useEventEmitter(MessagePreviewStore.instance, MessagePreviewStore.getPreviewChangedEventName(room), () => {
-        updatePreview();
-    });
-
-    useEffect(() => {
-        updatePreview();
-    }, [updatePreview]);
-
-    return previewText;
-}
diff --git a/src/components/viewmodels/roomlist/RoomListViewModel.tsx b/src/components/viewmodels/roomlist/RoomListViewModel.tsx
deleted file mode 100644
index a48d973b23..0000000000
--- a/src/components/viewmodels/roomlist/RoomListViewModel.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import { useCallback } from "react";
-
-import type { Room } from "matrix-js-sdk/src/matrix";
-import { type PrimaryFilter, useFilteredRooms } from "./useFilteredRooms";
-import { createRoom as createRoomFunc, hasCreateRoomRights } from "./utils";
-import { useEventEmitterState } from "../../../hooks/useEventEmitter";
-import { UPDATE_SELECTED_SPACE } from "../../../stores/spaces";
-import SpaceStore from "../../../stores/spaces/SpaceStore";
-import dispatcher from "../../../dispatcher/dispatcher";
-import { Action } from "../../../dispatcher/actions";
-import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
-import { useStickyRoomList } from "./useStickyRoomList";
-import { useRoomListNavigation } from "./useRoomListNavigation";
-import { type RoomsResult } from "../../../stores/room-list-v3/RoomListStoreV3";
-
-export interface RoomListViewState {
-    /**
-     * Whether the list of rooms is being loaded.
-     */
-    isLoadingRooms: boolean;
-
-    /**
-     * The room results to be displayed (along with the spaceId and filter keys at the time of query)
-     */
-    roomsResult: RoomsResult;
-
-    /**
-     * Create a chat room
-     * @param e - The click event
-     */
-    createChatRoom: () => void;
-
-    /**
-     * Whether the user can create a room in the current space
-     */
-    canCreateRoom: boolean;
-
-    /**
-     * Create a room
-     * @param e - The click event
-     */
-    createRoom: () => void;
-
-    /**
-     * A list of objects that provide the view enough information
-     * to render primary room filters.
-     */
-    primaryFilters: PrimaryFilter[];
-
-    /**
-     * The currently active primary filter.
-     * If no primary filter is active, this will be undefined.
-     */
-    activePrimaryFilter?: PrimaryFilter;
-
-    /**
-     * The index of the active room in the room list.
-     */
-    activeIndex: number | undefined;
-}
-
-/**
- * View model for the new room list
- * @see {@link RoomListViewState} for more information about what this view model returns.
- */
-export function useRoomListViewModel(): RoomListViewState {
-    const matrixClient = useMatrixClientContext();
-    const { isLoadingRooms, primaryFilters, activePrimaryFilter, roomsResult: filteredRooms } = useFilteredRooms();
-    const { activeIndex, roomsResult } = useStickyRoomList(filteredRooms);
-
-    useRoomListNavigation(roomsResult.rooms);
-
-    const currentSpace = useEventEmitterState<Room | null>(
-        SpaceStore.instance,
-        UPDATE_SELECTED_SPACE,
-        () => SpaceStore.instance.activeSpaceRoom,
-    );
-    const canCreateRoom = hasCreateRoomRights(matrixClient, currentSpace);
-
-    const createChatRoom = useCallback(() => dispatcher.fire(Action.CreateChat), []);
-    const createRoom = useCallback(() => createRoomFunc(currentSpace), [currentSpace]);
-
-    return {
-        isLoadingRooms,
-        roomsResult,
-        canCreateRoom,
-        createRoom,
-        createChatRoom,
-        primaryFilters,
-        activePrimaryFilter,
-        activeIndex,
-    };
-}
diff --git a/src/components/viewmodels/roomlist/useFilteredRooms.tsx b/src/components/viewmodels/roomlist/useFilteredRooms.tsx
deleted file mode 100644
index 4e311f39db..0000000000
--- a/src/components/viewmodels/roomlist/useFilteredRooms.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-
-import { FilterKey } from "../../../stores/room-list-v3/skip-list/filters";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
-import RoomListStoreV3, {
-    LISTS_LOADED_EVENT,
-    LISTS_UPDATE_EVENT,
-    type RoomsResult,
-} from "../../../stores/room-list-v3/RoomListStoreV3";
-import { useEventEmitter } from "../../../hooks/useEventEmitter";
-
-/**
- * Provides information about a primary filter.
- * A primary filter is a commonly used filter that is given
- * more precedence in the UI. For eg, primary filters may be
- * rendered as pills above the room list.
- */
-export interface PrimaryFilter {
-    // A function to toggle this filter on and off.
-    toggle: () => void;
-    // Whether this filter is currently applied
-    active: boolean;
-    // Text that can be used in the UI to represent this filter.
-    name: string;
-    // The key of the filter
-    key: FilterKey;
-}
-
-interface FilteredRooms {
-    primaryFilters: PrimaryFilter[];
-    isLoadingRooms: boolean;
-    roomsResult: RoomsResult;
-    /**
-     * The currently active primary filter.
-     * If no primary filter is active, this will be undefined.
-     */
-    activePrimaryFilter?: PrimaryFilter;
-}
-
-const filterKeyToNameMap: Map<FilterKey, TranslationKey> = new Map([
-    [FilterKey.UnreadFilter, _td("room_list|filters|unread")],
-    [FilterKey.PeopleFilter, _td("room_list|filters|people")],
-    [FilterKey.RoomsFilter, _td("room_list|filters|rooms")],
-    [FilterKey.FavouriteFilter, _td("room_list|filters|favourite")],
-    [FilterKey.MentionsFilter, _td("room_list|filters|mentions")],
-    [FilterKey.InvitesFilter, _td("room_list|filters|invites")],
-    [FilterKey.LowPriorityFilter, _td("room_list|filters|low_priority")],
-]);
-
-/**
- * Track available filters and provide a filtered list of rooms.
- */
-export function useFilteredRooms(): FilteredRooms {
-    /**
-     * Primary filter refers to the pill based filters
-     * rendered above the room list.
-     */
-    const [primaryFilter, setPrimaryFilter] = useState<FilterKey | undefined>();
-
-    const [roomsResult, setRoomsResult] = useState(() => RoomListStoreV3.instance.getSortedRoomsInActiveSpace());
-    const [isLoadingRooms, setIsLoadingRooms] = useState(() => RoomListStoreV3.instance.isLoadingRooms);
-
-    const updateRoomsFromStore = useCallback((filters: FilterKey[] = []): void => {
-        const newRooms = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(filters);
-        setRoomsResult(newRooms);
-    }, []);
-
-    const filterUndefined = (array: (FilterKey | undefined)[]): FilterKey[] =>
-        array.filter((f) => f !== undefined) as FilterKey[];
-
-    const getAppliedFilters = useCallback((): FilterKey[] => {
-        return filterUndefined([primaryFilter]);
-    }, [primaryFilter]);
-
-    useEffect(() => {
-        // Update the rooms state when the primary filter changes
-        const filters = getAppliedFilters();
-        updateRoomsFromStore(filters);
-    }, [getAppliedFilters, updateRoomsFromStore]);
-
-    useEventEmitter(RoomListStoreV3.instance, LISTS_UPDATE_EVENT, () => {
-        const filters = getAppliedFilters();
-        updateRoomsFromStore(filters);
-    });
-
-    useEventEmitter(RoomListStoreV3.instance, LISTS_LOADED_EVENT, () => {
-        setIsLoadingRooms(false);
-    });
-
-    /**
-     * This tells the view which primary filters are available, how to toggle them
-     * and whether a given primary filter is active. @see {@link PrimaryFilter}
-     */
-    const primaryFilters = useMemo(() => {
-        const createPrimaryFilter = (key: FilterKey, name: string): PrimaryFilter => {
-            return {
-                toggle: () => {
-                    setPrimaryFilter((currentFilter) => {
-                        const filter = currentFilter === key ? undefined : key;
-                        updateRoomsFromStore(filterUndefined([filter]));
-                        return filter;
-                    });
-                },
-                active: primaryFilter === key,
-                name,
-                key,
-            };
-        };
-        const filters: PrimaryFilter[] = [];
-        for (const [key, name] of filterKeyToNameMap.entries()) {
-            filters.push(createPrimaryFilter(key, _t(name)));
-        }
-        return filters;
-    }, [primaryFilter, updateRoomsFromStore]);
-
-    const activePrimaryFilter = useMemo(() => primaryFilters.find((filter) => filter.active), [primaryFilters]);
-
-    return {
-        isLoadingRooms,
-        primaryFilters,
-        activePrimaryFilter,
-        roomsResult,
-    };
-}
diff --git a/src/components/viewmodels/roomlist/useMessagePreviewToggle.tsx b/src/components/viewmodels/roomlist/useMessagePreviewToggle.tsx
deleted file mode 100644
index efb58b3e04..0000000000
--- a/src/components/viewmodels/roomlist/useMessagePreviewToggle.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-import { useCallback } from "react";
-
-import SettingsStore from "../../../settings/SettingsStore";
-import { SettingLevel } from "../../../settings/SettingLevel";
-import { useSettingValue } from "../../../hooks/useSettings";
-
-interface MessagePreviewToggleState {
-    shouldShowMessagePreview: boolean;
-    toggleMessagePreview: () => void;
-}
-
-/**
- * This hook:
- * - Provides a state that tracks whether message previews are turned on or off.
- * - Provides a function to toggle message previews.
- */
-export function useMessagePreviewToggle(): MessagePreviewToggleState {
-    const shouldShowMessagePreview = useSettingValue("RoomList.showMessagePreview");
-
-    const toggleMessagePreview = useCallback((): void => {
-        const toggled = !shouldShowMessagePreview;
-        SettingsStore.setValue("RoomList.showMessagePreview", null, SettingLevel.DEVICE, toggled);
-    }, [shouldShowMessagePreview]);
-
-    return { toggleMessagePreview, shouldShowMessagePreview };
-}
diff --git a/src/components/viewmodels/roomlist/useRoomListNavigation.ts b/src/components/viewmodels/roomlist/useRoomListNavigation.ts
deleted file mode 100644
index 5ef979e79c..0000000000
--- a/src/components/viewmodels/roomlist/useRoomListNavigation.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { type Room } from "matrix-js-sdk/src/matrix";
-
-import dispatcher from "../../../dispatcher/dispatcher";
-import { useDispatcher } from "../../../hooks/useDispatcher";
-import { Action } from "../../../dispatcher/actions";
-import { type ViewRoomDeltaPayload } from "../../../dispatcher/payloads/ViewRoomDeltaPayload";
-import type { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
-import { SdkContextClass } from "../../../contexts/SDKContext";
-import { RoomNotificationStateStore } from "../../../stores/notifications/RoomNotificationStateStore";
-
-/**
- * Hook to navigate the room list using keyboard shortcuts.
- * It listens to the ViewRoomDelta action and updates the room list accordingly.
- * @param rooms
- */
-export function useRoomListNavigation(rooms: Room[]): void {
-    useDispatcher(dispatcher, (payload) => {
-        if (payload.action !== Action.ViewRoomDelta) return;
-        const roomId = SdkContextClass.instance.roomViewStore.getRoomId();
-        if (!roomId) return;
-
-        const { delta, unread } = payload as ViewRoomDeltaPayload;
-        const filteredRooms = unread
-            ? // Filter the rooms to only include unread ones and the active room
-              rooms.filter((room) => {
-                  const state = RoomNotificationStateStore.instance.getRoomState(room);
-                  return room.roomId === roomId || state.isUnread;
-              })
-            : rooms;
-
-        const currentIndex = filteredRooms.findIndex((room) => room.roomId === roomId);
-        if (currentIndex === -1) return;
-
-        // Get the next/previous new room according to the delta
-        // Use slice to loop on the list
-        // If delta is -1 at the start of the list, it will go to the end
-        // If delta is 1 at the end of the list, it will go to the start
-        const [newRoom] = filteredRooms.slice((currentIndex + delta) % filteredRooms.length);
-        if (!newRoom) return;
-
-        dispatcher.dispatch<ViewRoomPayload>({
-            action: Action.ViewRoom,
-            room_id: newRoom.roomId,
-            show_room_tile: true, // to make sure the room gets scrolled into view
-            metricsTrigger: "WebKeyboardShortcut",
-            metricsViaKeyboard: true,
-        });
-    });
-}
diff --git a/src/components/viewmodels/roomlist/useSorter.ts b/src/components/viewmodels/roomlist/useSorter.ts
deleted file mode 100644
index c7a880d430..0000000000
--- a/src/components/viewmodels/roomlist/useSorter.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-import { useState } from "react";
-
-import RoomListStoreV3 from "../../../stores/room-list-v3/RoomListStoreV3";
-import { SortingAlgorithm } from "../../../stores/room-list-v3/skip-list/sorters";
-import SettingsStore from "../../../settings/SettingsStore";
-
-/**
- * Sorting options made available to the view.
- */
-export const enum SortOption {
-    Activity = SortingAlgorithm.Recency,
-    AToZ = SortingAlgorithm.Alphabetic,
-}
-
-/**
- * {@link SortOption} holds almost the same information as
- * {@link SortingAlgorithm}. This is done intentionally to
- * prevent the view from having a dependence on the
- * model (which is the store in this case).
- */
-const sortingAlgorithmToSortingOption = {
-    [SortingAlgorithm.Alphabetic]: SortOption.AToZ,
-    [SortingAlgorithm.Recency]: SortOption.Activity,
-};
-
-const sortOptionToSortingAlgorithm = {
-    [SortOption.AToZ]: SortingAlgorithm.Alphabetic,
-    [SortOption.Activity]: SortingAlgorithm.Recency,
-};
-
-interface SortState {
-    sort: (option: SortOption) => void;
-    activeSortOption: SortOption;
-}
-
-/**
- * This hook does two things:
- * - Provides a way to track the currently active sort option.
- * - Provides a function to resort the room list.
- */
-export function useSorter(): SortState {
-    const [activeSortingAlgorithm, setActiveSortingAlgorithm] = useState(() =>
-        SettingsStore.getValue("RoomList.preferredSorting"),
-    );
-
-    const sort = (option: SortOption): void => {
-        const sortingAlgorithm = sortOptionToSortingAlgorithm[option];
-        RoomListStoreV3.instance.resort(sortingAlgorithm);
-        setActiveSortingAlgorithm(sortingAlgorithm);
-    };
-
-    return {
-        sort,
-        activeSortOption: sortingAlgorithmToSortingOption[activeSortingAlgorithm!],
-    };
-}
diff --git a/src/components/viewmodels/roomlist/useStickyRoomList.tsx b/src/components/viewmodels/roomlist/useStickyRoomList.tsx
deleted file mode 100644
index 355e09a292..0000000000
--- a/src/components/viewmodels/roomlist/useStickyRoomList.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { useCallback, useEffect, useRef, useState } from "react";
-
-import { SdkContextClass } from "../../../contexts/SDKContext";
-import { useDispatcher } from "../../../hooks/useDispatcher";
-import dispatcher from "../../../dispatcher/dispatcher";
-import { Action } from "../../../dispatcher/actions";
-import type { Room } from "matrix-js-sdk/src/matrix";
-import SpaceStore from "../../../stores/spaces/SpaceStore";
-import { type RoomsResult } from "../../../stores/room-list-v3/RoomListStoreV3";
-
-function getIndexByRoomId(rooms: Room[], roomId: string): number | undefined {
-    const index = rooms.findIndex((room) => room.roomId === roomId);
-    return index === -1 ? undefined : index;
-}
-
-function getRoomsWithStickyRoom(
-    rooms: Room[],
-    oldIndex: number | undefined,
-    newIndex: number | undefined,
-    isRoomChange: boolean,
-): { newRooms: Room[]; newIndex: number | undefined } {
-    const updated = { newIndex, newRooms: rooms };
-    if (isRoomChange) {
-        /*
-         * When opening another room, the index should obviously change.
-         */
-        return updated;
-    }
-    if (newIndex === undefined || oldIndex === undefined) {
-        /*
-         * If oldIndex is undefined, then there was no active room before.
-         * So nothing to do in regards to sticky room.
-         * Similarly, if newIndex is undefined, there's no active room anymore.
-         */
-        return updated;
-    }
-    if (newIndex === oldIndex) {
-        /*
-         * If the index hasn't changed, we have nothing to do.
-         */
-        return updated;
-    }
-    if (oldIndex > rooms.length - 1) {
-        /*
-         * If the old index falls out of the bounds of the rooms array
-         * (usually because rooms were removed), we can no longer place
-         * the active room in the same old index.
-         */
-        return updated;
-    }
-
-    /*
-     * Making the active room sticky is as simple as removing it from
-     * its new index and placing it in the old index.
-     */
-    const newRooms = [...rooms];
-    const [newRoom] = newRooms.splice(newIndex, 1);
-    newRooms.splice(oldIndex, 0, newRoom);
-
-    return { newIndex: oldIndex, newRooms };
-}
-
-export interface StickyRoomListResult {
-    /**
-     * The rooms result with the active sticky room applied
-     */
-    roomsResult: RoomsResult;
-    /**
-     * Index of the active room in the room list.
-     */
-    activeIndex: number | undefined;
-}
-
-/**
- * - Provides a list of rooms such that the active room is sticky i.e the active room is kept
- * in the same index even when the order of rooms in the list changes.
- * - Provides the index of the active room.
- * @param rooms list of rooms
- * @see {@link StickyRoomListResult} details what this hook returns..
- */
-export function useStickyRoomList(roomsResult: RoomsResult): StickyRoomListResult {
-    const [listState, setListState] = useState<StickyRoomListResult>({
-        activeIndex: getIndexByRoomId(roomsResult.rooms, SdkContextClass.instance.roomViewStore.getRoomId()!),
-        roomsResult: roomsResult,
-    });
-
-    const currentSpaceRef = useRef(SpaceStore.instance.activeSpace);
-
-    const updateRoomsAndIndex = useCallback(
-        (newRoomId: string | null, isRoomChange: boolean = false) => {
-            setListState((current) => {
-                const activeRoomId = newRoomId ?? SdkContextClass.instance.roomViewStore.getRoomId();
-                const newActiveIndex = getIndexByRoomId(roomsResult.rooms, activeRoomId!);
-                const oldIndex = current.activeIndex;
-                const { newIndex, newRooms } = getRoomsWithStickyRoom(
-                    roomsResult.rooms,
-                    oldIndex,
-                    newActiveIndex,
-                    isRoomChange,
-                );
-                return { activeIndex: newIndex, roomsResult: { ...roomsResult, rooms: newRooms } };
-            });
-        },
-        [roomsResult],
-    );
-
-    // Re-calculate the index when the active room has changed.
-    useDispatcher(dispatcher, (payload) => {
-        if (payload.action === Action.ActiveRoomChanged) updateRoomsAndIndex(payload.newRoomId, true);
-    });
-
-    // Re-calculate the index when the list of rooms has changed.
-    useEffect(() => {
-        let newRoomId: string | null = null;
-        let isRoomChange = false;
-        if (currentSpaceRef.current !== roomsResult.spaceId) {
-            /*
-            If the space has changed, we check if we can immediately set the active
-            index to the last opened room in that space. Otherwise, we might see a
-            flicker because of the delay between the space change event and
-            active room change dispatch.
-            */
-            newRoomId = SpaceStore.instance.getLastSelectedRoomIdForSpace(roomsResult.spaceId);
-            isRoomChange = true;
-            currentSpaceRef.current = roomsResult.spaceId;
-        }
-        updateRoomsAndIndex(newRoomId, isRoomChange);
-    }, [roomsResult, updateRoomsAndIndex]);
-
-    return listState;
-}
diff --git a/src/components/views/auth/EmailField.tsx b/src/components/views/auth/EmailField.tsx
index fb420ed459..a8388f7ad9 100644
--- a/src/components/views/auth/EmailField.tsx
+++ b/src/components/views/auth/EmailField.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ComponentProps, PureComponent, type Ref } from "react";
 
 import Field, { type IInputProps } from "../elements/Field";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
 import * as Email from "../../../email";
 
diff --git a/src/components/views/auth/InteractiveAuthEntryComponents.tsx b/src/components/views/auth/InteractiveAuthEntryComponents.tsx
index 6f1e74b63d..49443bdd2e 100644
--- a/src/components/views/auth/InteractiveAuthEntryComponents.tsx
+++ b/src/components/views/auth/InteractiveAuthEntryComponents.tsx
@@ -951,7 +951,7 @@ export class FallbackAuthEntry<T extends object> extends React.Component<IAuthEn
 }
 
 export enum CustomAuthType {
-    // Workaround for MAS requiring non-UIA authentication for resetting cross-signing.
+    // This is the unstable value from MSC4312
     MasCrossSigningReset = "org.matrix.cross_signing_reset",
 }
 
@@ -960,7 +960,8 @@ export class MasUnlockCrossSigningAuthEntry extends FallbackAuthEntry<{
         url?: string;
     };
 }> {
-    public static LOGIN_TYPE = CustomAuthType.MasCrossSigningReset;
+    public static readonly LOGIN_TYPE = AuthType.OAuth;
+    public static readonly UNSTABLE_LOGIN_TYPE = CustomAuthType.MasCrossSigningReset;
 
     private onGoToAccountClick = (): void => {
         if (!this.props.stageParams?.url) return;
@@ -1017,6 +1018,7 @@ export interface IStageComponent extends React.ComponentClass<React.PropsWithRef
 
 export default function getEntryComponentForLoginType(loginType: AuthType | CustomAuthType): IStageComponent {
     switch (loginType) {
+        case AuthType.OAuth:
         case CustomAuthType.MasCrossSigningReset:
             return MasUnlockCrossSigningAuthEntry;
         case AuthType.Password:
diff --git a/src/components/views/auth/PassphraseConfirmField.tsx b/src/components/views/auth/PassphraseConfirmField.tsx
index 4dc720e8af..0eb0ce79b0 100644
--- a/src/components/views/auth/PassphraseConfirmField.tsx
+++ b/src/components/views/auth/PassphraseConfirmField.tsx
@@ -10,7 +10,7 @@ import React, { type ComponentProps, PureComponent, type Ref } from "react";
 
 import Field, { type IInputProps } from "../elements/Field";
 import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 
 interface IProps extends Omit<IInputProps, "onValidate" | "label" | "element"> {
     id?: string;
diff --git a/src/components/views/auth/PassphraseField.tsx b/src/components/views/auth/PassphraseField.tsx
index 938e559fd7..d5cd27e401 100644
--- a/src/components/views/auth/PassphraseField.tsx
+++ b/src/components/views/auth/PassphraseField.tsx
@@ -12,7 +12,7 @@ import classNames from "classnames";
 import type { ZxcvbnResult } from "@zxcvbn-ts/core";
 import SdkConfig from "../../../SdkConfig";
 import withValidation, { type IFieldState, type IValidationResult } from "../elements/Validation";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import Field, { type IInputProps } from "../elements/Field";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 
diff --git a/src/components/views/avatars/DecoratedRoomAvatar.tsx b/src/components/views/avatars/DecoratedRoomAvatar.tsx
index 321c0501dc..ac7206ae59 100644
--- a/src/components/views/avatars/DecoratedRoomAvatar.tsx
+++ b/src/components/views/avatars/DecoratedRoomAvatar.tsx
@@ -19,6 +19,7 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { UnstableValue } from "matrix-js-sdk/src/NamespacedValue";
 import { Tooltip } from "@vector-im/compound-web";
+import { PublicIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import RoomAvatar from "./RoomAvatar";
 import NotificationBadge from "../rooms/NotificationBadge";
@@ -45,6 +46,7 @@ interface IProps {
     tooltipProps?: {
         tabIndex?: number;
     };
+    className?: string;
 }
 
 interface IState {
@@ -185,7 +187,8 @@ export default class DecoratedRoomAvatar extends React.PureComponent<IProps, ISt
 
     public render(): React.ReactNode {
         // Spread the remaining props to make it work with compound component
-        const { room, size, displayBadge, hideIfDot, oobData, viewAvatarOnClick, tooltipProps, ...props } = this.props;
+        const { room, size, displayBadge, hideIfDot, oobData, viewAvatarOnClick, tooltipProps, className, ...props } =
+            this.props;
 
         let badge: React.ReactNode;
         if (this.props.displayBadge && this.state.notificationState) {
@@ -204,13 +207,19 @@ export default class DecoratedRoomAvatar extends React.PureComponent<IProps, ISt
                 <div
                     tabIndex={this.props.tooltipProps?.tabIndex ?? 0}
                     className={`mx_DecoratedRoomAvatar_icon mx_DecoratedRoomAvatar_icon_${this.state.icon.toLowerCase()}`}
-                />
+                >
+                    {this.state.icon === Icon.Globe ? <PublicIcon /> : null}
+                </div>
             );
         }
 
-        const classes = classNames("mx_DecoratedRoomAvatar", {
-            mx_DecoratedRoomAvatar_cutout: icon,
-        });
+        const classes = classNames(
+            "mx_DecoratedRoomAvatar",
+            {
+                mx_DecoratedRoomAvatar_cutout: icon,
+            },
+            className,
+        );
 
         return (
             <div className={classes} {...props}>
diff --git a/src/components/views/beacon/RoomCallBanner.tsx b/src/components/views/beacon/RoomCallBanner.tsx
index 25109a0a5a..e8b6895720 100644
--- a/src/components/views/beacon/RoomCallBanner.tsx
+++ b/src/components/views/beacon/RoomCallBanner.tsx
@@ -9,6 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { useCallback } from "react";
 import { type Room } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
+import { VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
@@ -66,7 +67,10 @@ const RoomCallBannerInner: React.FC<RoomCallBannerProps> = ({ roomId, call }) =>
     return (
         <div className="mx_RoomCallBanner" onClick={onClick}>
             <div className="mx_RoomCallBanner_text">
-                <span className="mx_RoomCallBanner_label">{_t("voip|video_call")}</span>
+                <span className="mx_RoomCallBanner_label">
+                    <VideoCallSolidIcon />
+                    {_t("voip|video_call")}
+                </span>
                 <SessionDuration session={call.session} />
             </div>
 
diff --git a/src/components/views/composer/HistoryVisibleBanner.tsx b/src/components/views/composer/HistoryVisibleBanner.tsx
deleted file mode 100644
index 85a6bd7fb9..0000000000
--- a/src/components/views/composer/HistoryVisibleBanner.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright (c) 2025 Element Creations Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { HistoryVisibleBannerView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
-import React from "react";
-import { type Room } from "matrix-js-sdk/src/matrix";
-
-import { HistoryVisibleBannerViewModel } from "../../../viewmodels/composer/HistoryVisibleBannerViewModel";
-
-/** Wrapper around {@link HistoryVisibleBannerViewModel} for the creation of an auto-disposed view model. */
-export const HistoryVisibleBanner: React.FC<{
-    /** The room instance associated with this banner view model. */
-    room: Room;
-
-    /** Whether the current user can send messages in the room. */
-    canSendMessages: boolean;
-
-    /**
-     * If not null, specifies the ID of the thread currently being viewed in the thread timeline side view,
-     * where the banner view is displayed as a child of the message composer.
-     */
-    threadId: string | null;
-}> = (props) => {
-    const vm = useCreateAutoDisposedViewModel(() => new HistoryVisibleBannerViewModel(props));
-    return <HistoryVisibleBannerView vm={vm} />;
-};
diff --git a/src/components/views/context_menus/DeviceContextMenu.tsx b/src/components/views/context_menus/DeviceContextMenu.tsx
index 7560b4a7d5..e780449f12 100644
--- a/src/components/views/context_menus/DeviceContextMenu.tsx
+++ b/src/components/views/context_menus/DeviceContextMenu.tsx
@@ -11,7 +11,7 @@ import React, { useEffect, useState } from "react";
 import MediaDeviceHandler, { MediaDeviceKindEnum } from "../../../MediaDeviceHandler";
 import IconizedContextMenu, { IconizedContextMenuOptionList, IconizedContextMenuRadio } from "./IconizedContextMenu";
 import { type IProps as IContextMenuProps } from "../../structures/ContextMenu";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 
 const SECTION_NAMES: Record<MediaDeviceKindEnum, TranslationKey> = {
     [MediaDeviceKindEnum.AudioInput]: _td("voip|input_devices"),
diff --git a/src/components/views/context_menus/DialpadContextMenu.tsx b/src/components/views/context_menus/DialpadContextMenu.tsx
index 004c86ff72..b3cc6a21fe 100644
--- a/src/components/views/context_menus/DialpadContextMenu.tsx
+++ b/src/components/views/context_menus/DialpadContextMenu.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { createRef } from "react";
 import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
 import ContextMenu, { type IProps as IContextMenuProps } from "../../structures/ContextMenu";
@@ -65,7 +66,9 @@ export default class DialpadContextMenu extends React.Component<IProps, IState>
             <ContextMenu {...this.props}>
                 <div className="mx_DialPadContextMenuWrapper">
                     <div>
-                        <AccessibleButton className="mx_DialPadContextMenu_cancel" onClick={this.onCancelClick} />
+                        <AccessibleButton className="mx_DialPadContextMenu_cancel" onClick={this.onCancelClick}>
+                            <CloseIcon />
+                        </AccessibleButton>
                     </div>
                     <div className="mx_DialPadContextMenu_header">
                         <Field
diff --git a/src/components/views/context_menus/MessageContextMenu.tsx b/src/components/views/context_menus/MessageContextMenu.tsx
index 4f1a6a962a..b6f9821dd4 100644
--- a/src/components/views/context_menus/MessageContextMenu.tsx
+++ b/src/components/views/context_menus/MessageContextMenu.tsx
@@ -40,6 +40,7 @@ import {
     VisibilityOnIcon,
     ShareIcon,
     CopyIcon,
+    TreeIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
@@ -74,8 +75,6 @@ import { type ShowThreadPayload } from "../../../dispatcher/payloads/ShowThreadP
 import { CardContext } from "../right_panel/context";
 import PinningUtils from "../../../utils/PinningUtils";
 import PosthogTrackers from "../../../PosthogTrackers.ts";
-import { Icon as ViewInRoomIcon } from "../../../../res/img/element-icons/view-in-room.svg";
-import { Icon as ChildRelationshipIcon } from "../../../../res/img/element-icons/child-relationship.svg";
 
 interface IReplyInThreadButton {
     mxEvent: MatrixEvent;
@@ -570,7 +569,7 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
         if (relatedEventId && SettingsStore.getValue("developerMode")) {
             jumpToRelatedEventButton = (
                 <IconizedContextMenuOption
-                    icon={<ChildRelationshipIcon />}
+                    icon={<TreeIcon />}
                     label={_t("timeline|context_menu|view_related_event")}
                     onClick={() => this.onJumpToRelatedEventClick(relatedEventId)}
                 />
@@ -691,7 +690,7 @@ export default class MessageContextMenu extends React.Component<IProps, IState>
         if (isThreadRootEvent) {
             viewInRoomButton = (
                 <IconizedContextMenuOption
-                    icon={<ViewInRoomIcon />}
+                    icon={<VisibilityOnIcon />}
                     label={_t("timeline|mab|view_in_room")}
                     onClick={this.viewInRoom}
                 />
diff --git a/src/components/views/context_menus/RoomNotificationContextMenu.tsx b/src/components/views/context_menus/RoomNotificationContextMenu.tsx
index 9ad381736a..bcf240dddd 100644
--- a/src/components/views/context_menus/RoomNotificationContextMenu.tsx
+++ b/src/components/views/context_menus/RoomNotificationContextMenu.tsx
@@ -20,10 +20,6 @@ import IconizedContextMenu, {
     IconizedContextMenuRadio,
 } from "../context_menus/IconizedContextMenu";
 import { type ButtonEvent } from "../elements/AccessibleButton";
-import { Icon as NotificationsIcon } from "../../../../res/img/element-icons/notifications.svg";
-import { Icon as NotificationsDefaultIcon } from "../../../../res/img/element-icons/roomlist/notifications-default.svg";
-import { Icon as NotificationsDmIcon } from "../../../../res/img/element-icons/roomlist/notifications-dm.svg";
-import { Icon as NotificationsOffIcon } from "../../../../res/img/element-icons/roomlist/notifications-off.svg";
 
 interface IProps extends IContextMenuProps {
     room: Room;
@@ -50,7 +46,6 @@ export const RoomNotificationContextMenu: React.FC<IProps> = ({ room, onFinished
         <IconizedContextMenuRadio
             label={_t("room|context_menu|notifications_default")}
             active={notificationState === RoomNotifState.AllMessages}
-            icon={<NotificationsIcon />}
             onClick={wrapHandler(() => setNotificationState(RoomNotifState.AllMessages))}
         />
     );
@@ -59,7 +54,6 @@ export const RoomNotificationContextMenu: React.FC<IProps> = ({ room, onFinished
         <IconizedContextMenuRadio
             label={_t("notifications|all_messages")}
             active={notificationState === RoomNotifState.AllMessagesLoud}
-            icon={<NotificationsDefaultIcon />}
             onClick={wrapHandler(() => setNotificationState(RoomNotifState.AllMessagesLoud))}
         />
     );
@@ -68,7 +62,6 @@ export const RoomNotificationContextMenu: React.FC<IProps> = ({ room, onFinished
         <IconizedContextMenuRadio
             label={_t("notifications|mentions_keywords")}
             active={notificationState === RoomNotifState.MentionsOnly}
-            icon={<NotificationsDmIcon />}
             onClick={wrapHandler(() => setNotificationState(RoomNotifState.MentionsOnly))}
         />
     );
@@ -77,7 +70,6 @@ export const RoomNotificationContextMenu: React.FC<IProps> = ({ room, onFinished
         <IconizedContextMenuRadio
             label={_t("room|context_menu|notifications_mute")}
             active={notificationState === RoomNotifState.Mute}
-            icon={<NotificationsOffIcon />}
             onClick={wrapHandler(() => setNotificationState(RoomNotifState.Mute))}
         />
     );
diff --git a/src/components/views/context_menus/ThreadListContextMenu.tsx b/src/components/views/context_menus/ThreadListContextMenu.tsx
index 11292f2a4f..2b3ee57653 100644
--- a/src/components/views/context_menus/ThreadListContextMenu.tsx
+++ b/src/components/views/context_menus/ThreadListContextMenu.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { useCallback, useEffect } from "react";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
-import { LinkIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { LinkIcon, OverflowHorizontalIcon, VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { type ButtonEvent } from "../elements/AccessibleButton";
 import dis from "../../../dispatcher/dispatcher";
@@ -21,7 +21,6 @@ import IconizedContextMenu, { IconizedContextMenuOption, IconizedContextMenuOpti
 import { WidgetLayoutStore } from "../../../stores/widgets/WidgetLayoutStore";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
-import { Icon as ViewInRoomIcon } from "../../../../res/img/element-icons/view-in-room.svg";
 
 export interface ThreadListContextMenuProps {
     mxEvent: MatrixEvent;
@@ -90,7 +89,9 @@ const ThreadListContextMenu: React.FC<ThreadListContextMenuProps> = ({
                 isExpanded={menuDisplayed}
                 ref={button}
                 data-testid="threadlist-dropdown-button"
-            />
+            >
+                <OverflowHorizontalIcon />
+            </ContextMenuTooltipButton>
             {menuDisplayed && (
                 <IconizedContextMenu
                     onFinished={closeThreadOptions}
@@ -104,7 +105,7 @@ const ThreadListContextMenu: React.FC<ThreadListContextMenuProps> = ({
                             <IconizedContextMenuOption
                                 onClick={(e) => viewInRoom(e)}
                                 label={_t("timeline|mab|view_in_room")}
-                                icon={<ViewInRoomIcon />}
+                                icon={<VisibilityOnIcon />}
                             />
                         )}
                         {permalinkCreator && (
diff --git a/src/components/views/context_menus/WidgetContextMenu.tsx b/src/components/views/context_menus/WidgetContextMenu.tsx
index ff74e25d38..4ba300370f 100644
--- a/src/components/views/context_menus/WidgetContextMenu.tsx
+++ b/src/components/views/context_menus/WidgetContextMenu.tsx
@@ -84,26 +84,6 @@ const showMoveButtons = (app: IWidget, room: Room | undefined, showUnpin: boolea
     return [widgetIndex > 0, widgetIndex < pinnedWidgets.length - 1];
 };
 
-export const showContextMenu = (
-    cli: MatrixClient,
-    room: Room | undefined,
-    app: IWidget,
-    userWidget: boolean,
-    showUnpin: boolean,
-    onDeleteClick: (() => void) | undefined,
-): boolean => {
-    const canModify = userWidget || WidgetUtils.canUserModifyWidgets(cli, room?.roomId);
-    const widgetMessaging = WidgetMessagingStore.instance.getMessagingForUid(WidgetUtils.getWidgetUid(app));
-    return (
-        showStreamAudioStreamButton(app) ||
-        showEditButton(app, canModify) ||
-        showRevokeButton(cli, room?.roomId, app, userWidget) ||
-        showDeleteButton(canModify, onDeleteClick) ||
-        showSnapshotButton(widgetMessaging) ||
-        showMoveButtons(app, room, showUnpin).some(Boolean)
-    );
-};
-
 export const WidgetContextMenu: React.FC<IProps> = ({
     onFinished,
     app,
diff --git a/src/components/views/dialogs/AddExistingToSpaceDialog.tsx b/src/components/views/dialogs/AddExistingToSpaceDialog.tsx
index c247c3aea9..d60e3edab6 100644
--- a/src/components/views/dialogs/AddExistingToSpaceDialog.tsx
+++ b/src/components/views/dialogs/AddExistingToSpaceDialog.tsx
@@ -12,9 +12,9 @@ import { type Room, EventType } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { sleep } from "matrix-js-sdk/src/utils";
 import { logger } from "matrix-js-sdk/src/logger";
-import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { CheckIcon, ErrorIcon, RestartIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import BaseDialog from "./BaseDialog";
 import Dropdown from "../elements/Dropdown";
 import SearchBox from "../../structures/SearchBox";
@@ -241,6 +241,7 @@ export const AddExistingToSpace: React.FC<IAddExistingToSpaceProps> = ({
                 </span>
 
                 <AccessibleButton className="mx_AddExistingToSpaceDialog_retryButton" onClick={addRooms}>
+                    <RestartIcon />
                     {_t("action|retry")}
                 </AccessibleButton>
             </>
@@ -424,6 +425,7 @@ export const SubspaceSelector: React.FC<ISubspaceSelectorProps> = ({ title, spac
                             <div key={space.roomId} className={classes}>
                                 <RoomAvatar room={space} size="24px" />
                                 {space.name || getDisplayAliasForRoom(space) || space.roomId}
+                                {space === value ? <CheckIcon /> : null}
                             </div>
                         );
                     }) as NonEmptyArray<ReactElement & { key: string }>
diff --git a/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx b/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx
index d80f03b7d4..77ef5d522f 100644
--- a/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx
+++ b/src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
+import { CheckCircleIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import BaseDialog from "./BaseDialog";
 import { _t } from "../../../languageHandler";
@@ -72,9 +73,18 @@ export const AnalyticsLearnMoreDialog: React.FC<IProps> = ({
                     {_t("analytics|pseudonymous_usage_data", { analyticsOwner })}
                 </div>
                 <ul className="mx_AnalyticsLearnMore_bullets">
-                    <li>{_t("analytics|bullet_1", {}, { Bold: (sub) => <strong>{sub}</strong> })}</li>
-                    <li>{_t("analytics|bullet_2", {}, { Bold: (sub) => <strong>{sub}</strong> })}</li>
-                    <li>{_t("analytics|disable_prompt")}</li>
+                    <li>
+                        <CheckCircleIcon />
+                        {_t("analytics|bullet_1", {}, { Bold: (sub) => <strong>{sub}</strong> })}
+                    </li>
+                    <li>
+                        <CheckCircleIcon />
+                        {_t("analytics|bullet_2", {}, { Bold: (sub) => <strong>{sub}</strong> })}
+                    </li>
+                    <li>
+                        <CheckCircleIcon />
+                        {_t("analytics|disable_prompt")}
+                    </li>
                 </ul>
                 {privacyPolicyLink}
             </div>
diff --git a/src/components/views/dialogs/BaseDialog.tsx b/src/components/views/dialogs/BaseDialog.tsx
index 8eba4d3fc6..4c08c80560 100644
--- a/src/components/views/dialogs/BaseDialog.tsx
+++ b/src/components/views/dialogs/BaseDialog.tsx
@@ -13,6 +13,7 @@ import FocusLock from "react-focus-lock";
 import classNames from "classnames";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { I18nContext } from "@element-hq/web-shared-components";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import AccessibleButton from "../elements/AccessibleButton";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
@@ -134,7 +135,9 @@ export default class BaseDialog extends React.Component<IProps> {
                     title={_t("action|close")}
                     aria-label={_t("dialog_close_label")}
                     placement="bottom"
-                />
+                >
+                    <CloseIcon />
+                </AccessibleButton>
             );
         }
 
diff --git a/src/components/views/dialogs/BugReportDialog.tsx b/src/components/views/dialogs/BugReportDialog.tsx
index 83e6da8dfe..2977570957 100644
--- a/src/components/views/dialogs/BugReportDialog.tsx
+++ b/src/components/views/dialogs/BugReportDialog.tsx
@@ -1,4 +1,5 @@
 /*
+Copyright 2026 Element Creations Ltd.
 Copyright 2024 New Vector Ltd.
 Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
 Copyright 2019 The Matrix.org Foundation C.I.C.
@@ -10,7 +11,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX, type ReactNode } from "react";
-import { Link } from "@vector-im/compound-web";
+import { Link, Text } from "@vector-im/compound-web";
 
 import SdkConfig from "../../../SdkConfig";
 import Modal from "../../../Modal";
@@ -26,6 +27,7 @@ import { sendSentryReport } from "../../../sentry";
 import defaultDispatcher from "../../../dispatcher/dispatcher";
 import { Action } from "../../../dispatcher/actions";
 import { getBrowserSupport } from "../../../SupportedBrowser";
+import { BugReportEndpointURLLocal } from "../../../IConfigOptions";
 
 export interface BugReportDialogProps {
     onFinished: (success: boolean) => void;
@@ -48,6 +50,7 @@ interface IState {
 export default class BugReportDialog extends React.Component<BugReportDialogProps, IState> {
     private unmounted: boolean;
     private issueRef: React.RefObject<Field | null>;
+    private readonly isLocalOnly: boolean;
 
     public constructor(props: BugReportDialogProps) {
         super(props);
@@ -65,6 +68,8 @@ export default class BugReportDialog extends React.Component<BugReportDialogProp
 
         this.unmounted = false;
         this.issueRef = React.createRef();
+        // This config is static at runtime, but may change during tests.
+        this.isLocalOnly = SdkConfig.get().bug_report_endpoint_url === BugReportEndpointURLLocal;
     }
 
     public componentDidMount(): void {
@@ -142,6 +147,14 @@ export default class BugReportDialog extends React.Component<BugReportDialogProp
         this.setState({ busy: true, progress: null, err: null });
         this.sendProgressCallback(_t("bug_reporting|preparing_logs"));
 
+        if (this.isLocalOnly) {
+            // Shouldn't reach here, but throw in case we do.
+            this.setState({
+                err: _t("bug_reporting|failed_send_logs_causes|unknown_error"),
+            });
+            return;
+        }
+
         sendBugReport(SdkConfig.get().bug_report_endpoint_url, {
             userText,
             sendLogs: true,
@@ -241,77 +254,77 @@ export default class BugReportDialog extends React.Component<BugReportDialogProp
             (window.Modernizr && Object.values(window.Modernizr).some((support) => support === false)) ||
             !getBrowserSupport()
         ) {
-            warning = (
-                <p>
-                    <strong>{_t("bug_reporting|unsupported_browser")}</strong>
-                </p>
-            );
+            warning = <Text weight="semibold">{_t("bug_reporting|unsupported_browser")}</Text>;
         }
 
         return (
             <BaseDialog
                 className="mx_BugReportDialog"
                 onFinished={this.onCancel}
-                title={_t("bug_reporting|submit_debug_logs")}
+                title={this.isLocalOnly ? _t("bug_reporting|download_logs") : _t("bug_reporting|submit_debug_logs")}
                 contentId="mx_Dialog_content"
             >
                 <div className="mx_Dialog_content" id="mx_Dialog_content">
                     {warning}
-                    <p>{_t("bug_reporting|description")}</p>
-                    <p>
-                        <strong>
-                            {_t(
-                                "bug_reporting|before_submitting",
-                                {},
-                                {
-                                    a: (sub) => (
-                                        <a
-                                            target="_blank"
-                                            href={SdkConfig.get().feedback.new_issue_url}
-                                            rel="noreferrer noopener"
-                                        >
-                                            {sub}
-                                        </a>
-                                    ),
-                                },
-                            )}
-                        </strong>
-                    </p>
+                    <Text>{_t("bug_reporting|description")}</Text>
+                    {this.isLocalOnly ? (
+                        <>{this.state.downloadProgress && <span>{this.state.downloadProgress} ...</span>}</>
+                    ) : (
+                        <>
+                            <Text weight="semibold">
+                                {_t(
+                                    "bug_reporting|before_submitting",
+                                    {},
+                                    {
+                                        a: (sub) => (
+                                            <Link target="_blank" href={SdkConfig.get().feedback.new_issue_url}>
+                                                {sub}
+                                            </Link>
+                                        ),
+                                    },
+                                )}
+                            </Text>
 
-                    <div className="mx_BugReportDialog_download">
-                        <AccessibleButton onClick={this.onDownload} kind="link" disabled={this.state.downloadBusy}>
-                            {_t("bug_reporting|download_logs")}
-                        </AccessibleButton>
-                        {this.state.downloadProgress && <span>{this.state.downloadProgress} ...</span>}
-                    </div>
+                            <div className="mx_BugReportDialog_download">
+                                <AccessibleButton
+                                    onClick={this.onDownload}
+                                    kind="link"
+                                    disabled={this.state.downloadBusy}
+                                >
+                                    {_t("bug_reporting|download_logs")}
+                                </AccessibleButton>
+                                {this.state.downloadProgress && <span>{this.state.downloadProgress} ...</span>}
+                            </div>
 
-                    <Field
-                        type="text"
-                        className="mx_BugReportDialog_field_input"
-                        label={_t("bug_reporting|github_issue")}
-                        onChange={this.onIssueUrlChange}
-                        value={this.state.issueUrl}
-                        placeholder="https://github.com/vector-im/element-web/issues/..."
-                        ref={this.issueRef}
-                    />
-                    <Field
-                        className="mx_BugReportDialog_field_input"
-                        element="textarea"
-                        label={_t("bug_reporting|textarea_label")}
-                        rows={5}
-                        onChange={this.onTextChange}
-                        value={this.state.text}
-                        placeholder={_t("bug_reporting|additional_context")}
-                    />
-                    {progress}
-                    {error}
+                            <Field
+                                type="text"
+                                className="mx_BugReportDialog_field_input"
+                                label={_t("bug_reporting|github_issue")}
+                                onChange={this.onIssueUrlChange}
+                                value={this.state.issueUrl}
+                                placeholder="https://github.com/vector-im/element-web/issues/..."
+                                ref={this.issueRef}
+                            />
+                            <Field
+                                className="mx_BugReportDialog_field_input"
+                                element="textarea"
+                                label={_t("bug_reporting|textarea_label")}
+                                rows={5}
+                                onChange={this.onTextChange}
+                                value={this.state.text}
+                                placeholder={_t("bug_reporting|additional_context")}
+                            />
+                            {progress}
+                            {error}
+                        </>
+                    )}
                 </div>
                 <DialogButtons
-                    primaryButton={_t("bug_reporting|send_logs")}
-                    onPrimaryButtonClick={this.onSubmit}
+                    primaryButton={this.isLocalOnly ? _t("bug_reporting|download_logs") : _t("bug_reporting|send_logs")}
+                    onPrimaryButtonClick={this.isLocalOnly ? this.onDownload : this.onSubmit}
                     focus={true}
                     onCancel={this.onCancel}
-                    disabled={this.state.busy}
+                    disabled={this.isLocalOnly ? this.state.downloadBusy : this.state.busy}
                 />
             </BaseDialog>
         );
diff --git a/src/components/views/dialogs/DevtoolsDialog.tsx b/src/components/views/dialogs/DevtoolsDialog.tsx
index 5ac0478012..10986095ea 100644
--- a/src/components/views/dialogs/DevtoolsDialog.tsx
+++ b/src/components/views/dialogs/DevtoolsDialog.tsx
@@ -10,7 +10,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX, useState } from "react";
 import { Form } from "@vector-im/compound-web";
 
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import BaseDialog from "./BaseDialog";
 import { TimelineEventEditor } from "./devtools/Event";
diff --git a/src/components/views/dialogs/FeedbackDialog.tsx b/src/components/views/dialogs/FeedbackDialog.tsx
index 1775e9667a..40814d615a 100644
--- a/src/components/views/dialogs/FeedbackDialog.tsx
+++ b/src/components/views/dialogs/FeedbackDialog.tsx
@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX, useEffect, useRef, useState } from "react";
-import { ChatSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { ChatSolidIcon, BugIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import QuestionDialog from "./QuestionDialog";
 import { _t } from "../../../languageHandler";
@@ -20,7 +20,6 @@ import { submitFeedback } from "../../../rageshake/submit-rageshake";
 import { useStateToggle } from "../../../hooks/useStateToggle";
 import StyledCheckbox from "../elements/StyledCheckbox";
 import ExternalLink from "../elements/ExternalLink";
-import { Icon as BugIcon } from "../../../../res/img/feather-customised/bug.svg";
 
 interface IProps {
     feature?: string;
@@ -46,6 +45,7 @@ const FeedbackDialog: React.FC<IProps> = (props: IProps) => {
     const onFinished = (sendFeedback: boolean): void => {
         if (hasFeedback && sendFeedback) {
             const label = props.feature ? `${props.feature}-feedback` : "feedback";
+            // TODO: Handle rejection.
             submitFeedback(label, comment, canContact);
 
             Modal.createDialog(InfoDialog, {
diff --git a/src/components/views/dialogs/ForwardDialog.tsx b/src/components/views/dialogs/ForwardDialog.tsx
index 6b4f737fa0..19c84bc108 100644
--- a/src/components/views/dialogs/ForwardDialog.tsx
+++ b/src/components/views/dialogs/ForwardDialog.tsx
@@ -23,6 +23,7 @@ import {
     type TimelineEvents,
 } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
+import { CheckCircleIcon, CircleIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import dis from "../../../dispatcher/dispatcher";
@@ -127,12 +128,12 @@ const Entry: React.FC<IEntryProps<any>> = ({ room, type, content, matrixClient:
         className = "mx_ForwardList_sending";
         disabled = true;
         title = _t("forward|sending");
-        icon = <div className="mx_ForwardList_sendIcon" aria-label={title} />;
+        icon = <CircleIcon aria-label={title} />;
     } else if (sendState === SendState.Sent) {
         className = "mx_ForwardList_sent";
         disabled = true;
         title = _t("forward|sent");
-        icon = <div className="mx_ForwardList_sendIcon" aria-label={title} />;
+        icon = <CheckCircleIcon aria-label={title} />;
     } else {
         className = "mx_ForwardList_sendFailed";
         disabled = true;
diff --git a/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx b/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx
index 3967de7c4d..8df5b8dbb4 100644
--- a/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx
+++ b/src/components/views/dialogs/GenericFeatureFeedbackDialog.tsx
@@ -38,7 +38,7 @@ const GenericFeatureFeedbackDialog: React.FC<IProps> = ({
 
     const sendFeedback = async (ok: boolean): Promise<void> => {
         if (!ok) return onFinished(false);
-
+        // TODO: Handle rejection.
         submitFeedback(rageshakeLabel, comment, canContact, rageshakeData);
         onFinished(true);
 
diff --git a/src/components/views/dialogs/RoomSettingsDialog.tsx b/src/components/views/dialogs/RoomSettingsDialog.tsx
index 5e9e660967..10e4a3e428 100644
--- a/src/components/views/dialogs/RoomSettingsDialog.tsx
+++ b/src/components/views/dialogs/RoomSettingsDialog.tsx
@@ -18,6 +18,8 @@ import {
     SettingsIcon,
     VoiceCallIcon,
     NotificationsIcon,
+    AdvancedSettingsIcon,
+    TreeIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import TabbedView, { Tab } from "../../structures/TabbedView";
@@ -40,8 +42,6 @@ import { type NonEmptyArray } from "../../../@types/common";
 import { PollHistoryTab } from "../settings/tabs/room/PollHistoryTab";
 import ErrorBoundary from "../elements/ErrorBoundary";
 import { PeopleRoomSettingsTab } from "../settings/tabs/room/PeopleRoomSettingsTab";
-import { Icon as AdvancedIcon } from "../../../../res/img/element-icons/room/settings/advanced.svg";
-import { Icon as BridgeIcon } from "../../../../res/img/feather-customised/bridge.svg";
 
 export const enum RoomSettingsTab {
     General = "ROOM_GENERAL_TAB",
@@ -201,7 +201,7 @@ class RoomSettingsDialog extends React.Component<IProps, IState> {
                 new Tab(
                     RoomSettingsTab.Bridges,
                     _td("room_settings|bridges|title"),
-                    <BridgeIcon />,
+                    <TreeIcon />,
                     <BridgeSettingsTab room={this.state.room} />,
                     "RoomSettingsBridges",
                 ),
@@ -222,7 +222,7 @@ class RoomSettingsDialog extends React.Component<IProps, IState> {
                 new Tab(
                     RoomSettingsTab.Advanced,
                     _td("common|advanced"),
-                    <AdvancedIcon />,
+                    <AdvancedSettingsIcon />,
                     <AdvancedRoomSettingsTab
                         room={this.state.room}
                         closeSettingsFn={() => this.props.onFinished(true)}
diff --git a/src/components/views/dialogs/ScrollableBaseModal.tsx b/src/components/views/dialogs/ScrollableBaseModal.tsx
index a379b90d5f..9f4ad52dd3 100644
--- a/src/components/views/dialogs/ScrollableBaseModal.tsx
+++ b/src/components/views/dialogs/ScrollableBaseModal.tsx
@@ -9,6 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type FormEvent } from "react";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import FocusLock from "react-focus-lock";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
@@ -91,7 +92,9 @@ export default abstract class ScrollableBaseModal<
                         onClick={this.onCancel}
                         className="mx_CompoundDialog_cancelButton"
                         aria-label={_t("dialog_close_label")}
-                    />
+                    >
+                        <CloseIcon />
+                    </AccessibleButton>
                     <form onSubmit={this.onSubmit} className="mx_CompoundDialog_form">
                         <div className="mx_CompoundDialog_content">{this.renderContent()}</div>
                         <div className="mx_CompoundDialog_footer">
diff --git a/src/components/views/dialogs/SpaceSettingsDialog.tsx b/src/components/views/dialogs/SpaceSettingsDialog.tsx
index 336dee0c87..7566cbb9c8 100644
--- a/src/components/views/dialogs/SpaceSettingsDialog.tsx
+++ b/src/components/views/dialogs/SpaceSettingsDialog.tsx
@@ -8,7 +8,12 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { useMemo } from "react";
 import { type Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
-import { AdminIcon, SettingsSolidIcon, VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import {
+    AdminIcon,
+    AdvancedSettingsIcon,
+    SettingsSolidIcon,
+    VisibilityOnIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t, _td } from "../../../languageHandler";
 import BaseDialog from "./BaseDialog";
@@ -23,7 +28,6 @@ import AdvancedRoomSettingsTab from "../settings/tabs/room/AdvancedRoomSettingsT
 import RolesRoomSettingsTab from "../settings/tabs/room/RolesRoomSettingsTab";
 import { Action } from "../../../dispatcher/actions";
 import { type NonEmptyArray } from "../../../@types/common";
-import { Icon as AdvancedIcon } from "../../../../res/img/element-icons/room/settings/advanced.svg";
 
 export enum SpaceSettingsTab {
     General = "SPACE_GENERAL_TAB",
@@ -69,7 +73,7 @@ const SpaceSettingsDialog: React.FC<IProps> = ({ matrixClient: cli, space, onFin
                 ? new Tab(
                       SpaceSettingsTab.Advanced,
                       _td("common|advanced"),
-                      <AdvancedIcon />,
+                      <AdvancedSettingsIcon />,
                       <AdvancedRoomSettingsTab room={space} closeSettingsFn={onFinished} />,
                   )
                 : null,
diff --git a/src/components/views/dialogs/TextInputDialog.tsx b/src/components/views/dialogs/TextInputDialog.tsx
index 1a86a40d14..ed076bc472 100644
--- a/src/components/views/dialogs/TextInputDialog.tsx
+++ b/src/components/views/dialogs/TextInputDialog.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ChangeEvent, createRef } from "react";
 
 import Field from "../elements/Field";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import { type IFieldState, type IValidationResult } from "../elements/Validation";
 import BaseDialog from "./BaseDialog";
 import DialogButtons from "../elements/DialogButtons";
diff --git a/src/components/views/dialogs/devtools/AccountData.tsx b/src/components/views/dialogs/devtools/AccountData.tsx
index d4dfe039fd..6900a7097e 100644
--- a/src/components/views/dialogs/devtools/AccountData.tsx
+++ b/src/components/views/dialogs/devtools/AccountData.tsx
@@ -14,7 +14,7 @@ import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
 import MatrixClientContext from "../../../../contexts/MatrixClientContext";
 import { EventEditor, EventViewer, eventTypeField, type IEditorProps, stringify } from "./Event";
 import FilteredList from "./FilteredList";
-import { _td, type TranslationKey } from "../../../../languageHandler";
+import { _td } from "../../../../languageHandler";
 
 export const AccountDataEventEditor: React.FC<IEditorProps> = ({ mxEvent, onBack }) => {
     const cli = useContext(MatrixClientContext);
diff --git a/src/components/views/dialogs/devtools/BaseTool.tsx b/src/components/views/dialogs/devtools/BaseTool.tsx
index 8a923e2623..555d5b31ff 100644
--- a/src/components/views/dialogs/devtools/BaseTool.tsx
+++ b/src/components/views/dialogs/devtools/BaseTool.tsx
@@ -11,7 +11,7 @@ import React, { createContext, type ReactNode, useState } from "react";
 import { type Room } from "matrix-js-sdk/src/matrix";
 import classNames from "classnames";
 
-import { _t, type TranslationKey } from "../../../../languageHandler";
+import { _t } from "../../../../languageHandler";
 import { type XOR } from "../../../../@types/common";
 import { type Tool } from "../DevtoolsDialog";
 
diff --git a/src/components/views/dialogs/devtools/Event.tsx b/src/components/views/dialogs/devtools/Event.tsx
index 00669cd614..63712b28d9 100644
--- a/src/components/views/dialogs/devtools/Event.tsx
+++ b/src/components/views/dialogs/devtools/Event.tsx
@@ -10,7 +10,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ChangeEvent, type ReactNode, useContext, useMemo, useRef, useState } from "react";
 import { type IContent, type MatrixEvent, type TimelineEvents } from "matrix-js-sdk/src/matrix";
 
-import { _t, _td, type TranslationKey } from "../../../../languageHandler";
+import { _t, _td } from "../../../../languageHandler";
 import Field from "../../elements/Field";
 import BaseTool, { DevtoolsContext, type IDevtoolsProps } from "./BaseTool";
 import MatrixClientContext from "../../../../contexts/MatrixClientContext";
diff --git a/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx b/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
index f1f81a2bf2..1b241f4c23 100644
--- a/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
+++ b/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
@@ -10,9 +10,10 @@ import { Button, PasswordInput } from "@vector-im/compound-web";
 import LockSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/lock-solid";
 import { debounce } from "lodash";
 import classNames from "classnames";
-import React, { type ChangeEvent, type FormEvent } from "react";
+import React, { type ChangeEvent, type FormEvent, type ReactNode } from "react";
 import { type SecretStorage } from "matrix-js-sdk/src/matrix";
 import { Flex } from "@element-hq/web-shared-components";
+import { ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../../languageHandler";
 import { EncryptionCard } from "../../settings/encryption/EncryptionCard";
@@ -142,27 +143,29 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
     };
 
     private getRecoveryKeyFeedback(): React.ReactNode | null {
-        let validationText: string;
+        let content: ReactNode;
         let classes: string | undefined;
 
         if (this.state.recoveryKeyCorrect) {
             // The recovery key is good. Empty feedback.
-            validationText = "\xA0"; // &nbsp;
+            content = "\xA0"; // &nbsp;
         } else if (this.state.recoveryKeyCorrect === null) {
             // The input element is empty. Tell the user they can also use a passphrase.
-            validationText = _t("encryption|access_secret_storage_dialog|alternatives");
+            content = _t("encryption|access_secret_storage_dialog|alternatives");
         } else {
             // The entered key is not (yet) correct. Tell them so.
-            validationText = _t("encryption|access_secret_storage_dialog|key_validation_text|wrong_security_key");
-            classes = classNames({
-                "mx_AccessSecretStorageDialog_recoveryKeyFeedback": true,
-                "mx_AccessSecretStorageDialog_recoveryKeyFeedback--invalid": true,
-            });
+            content = (
+                <>
+                    <ErrorSolidIcon />
+                    {_t("encryption|access_secret_storage_dialog|key_validation_text|wrong_security_key")}
+                </>
+            );
+            classes = "mx_AccessSecretStorageDialog_recoveryKeyFeedback--invalid";
         }
 
         return (
-            <Flex align="center" className={classes}>
-                {validationText}
+            <Flex align="center" className={classNames("mx_AccessSecretStorageDialog_recoveryKeyFeedback", classes)}>
+                {content}
             </Flex>
         );
     }
diff --git a/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx b/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx
index 8bf5c1e22b..c11bd777e2 100644
--- a/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx
+++ b/src/components/views/dialogs/spotlight/RoomResultContextMenus.tsx
@@ -7,8 +7,12 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { type Room } from "matrix-js-sdk/src/matrix";
-import React, { type JSX, Fragment, useState, type ReactNode } from "react";
-import { OverflowHorizontalIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import React, { Fragment, type JSX, type ReactNode, useState } from "react";
+import {
+    NotificationsOffSolidIcon,
+    OverflowHorizontalIcon,
+    NotificationsSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { ContextMenuTooltipButton } from "../../../../accessibility/context_menu/ContextMenuTooltipButton";
 import { useNotificationState } from "../../../../hooks/useRoomNotificationState";
@@ -21,23 +25,18 @@ import { type ButtonEvent } from "../../elements/AccessibleButton";
 import { contextMenuBelow } from "../../rooms/RoomTile";
 import { shouldShowComponent } from "../../../../customisations/helpers/UIComponents";
 import { UIComponent } from "../../../../settings/UIFeature";
-import { Icon as NotificationsIcon } from "../../../../../res/img/element-icons/notifications.svg";
-import { Icon as NotificationsDefaultIcon } from "../../../../../res/img/element-icons/roomlist/notifications-default.svg";
-import { Icon as NotificationsDmIcon } from "../../../../../res/img/element-icons/roomlist/notifications-dm.svg";
-import { Icon as NotificationsOffIcon } from "../../../../../res/img/element-icons/roomlist/notifications-off.svg";
 
 interface Props {
     room: Room;
 }
 
 export function getNotificationIcon(state: RoomNotifState): ReactNode {
-    const icons: Record<RoomNotifState, JSX.Element> = {
-        [RoomNotifState.AllMessages]: <NotificationsIcon />,
-        [RoomNotifState.AllMessagesLoud]: <NotificationsDefaultIcon />,
-        [RoomNotifState.MentionsOnly]: <NotificationsDmIcon />,
-        [RoomNotifState.Mute]: <NotificationsOffIcon />,
-    };
-    return icons[state];
+    switch (state) {
+        case RoomNotifState.Mute:
+            return <NotificationsOffSolidIcon />;
+        default:
+            return <NotificationsSolidIcon />;
+    }
 }
 
 export function RoomResultContextMenus({ room }: Props): JSX.Element {
diff --git a/src/components/views/dialogs/spotlight/SpotlightDialog.tsx b/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
index f4e33ce155..204c404fde 100644
--- a/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
+++ b/src/components/views/dialogs/spotlight/SpotlightDialog.tsx
@@ -7,22 +7,21 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { type WebSearch as WebSearchEvent } from "@matrix-org/analytics-events/types/typescript/WebSearch";
-import classNames from "classnames";
 import { capitalize, sum } from "lodash";
 import {
+    type HierarchyRoom,
     type IPublicRoomsChunkRoom,
+    JoinRule,
     type MatrixClient,
+    type Room,
     RoomMember,
     RoomType,
-    type Room,
-    type HierarchyRoom,
-    JoinRule,
 } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { normalize } from "matrix-js-sdk/src/utils";
 import React, {
-    type JSX,
     type ChangeEvent,
+    type JSX,
     useCallback,
     useContext,
     useEffect,
@@ -31,6 +30,17 @@ import React, {
     useState,
 } from "react";
 import sanitizeHtml from "sanitize-html";
+import {
+    ChatIcon,
+    RoomIcon,
+    SpaceIcon,
+    UserProfileIcon,
+    FavouriteIcon,
+    HomeIcon,
+    GroupIcon,
+    CloseIcon,
+    LinkIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
 import {
@@ -62,7 +72,7 @@ import { type RoomNotificationState } from "../../../../stores/notifications/Roo
 import { RoomNotificationStateStore } from "../../../../stores/notifications/RoomNotificationStateStore";
 import { RecentAlgorithm } from "../../../../stores/room-list/algorithms/tag-sorting/RecentAlgorithm";
 import { SdkContextClass } from "../../../../contexts/SDKContext";
-import { getMetaSpaceName } from "../../../../stores/spaces";
+import { getMetaSpaceName, MetaSpace } from "../../../../stores/spaces";
 import SpaceStore from "../../../../stores/spaces/SpaceStore";
 import { DirectoryMember, type Member, startDmOnFirstMessage } from "../../../../utils/direct-messages";
 import DMRoomMap from "../../../../utils/DMRoomMap";
@@ -131,6 +141,30 @@ function filterToLabel(filter: Filter): string {
     }
 }
 
+function filterToIcon(filter: Filter): JSX.Element {
+    switch (filter) {
+        case Filter.People:
+            return <UserProfileIcon />;
+        case Filter.PublicRooms:
+            return <RoomIcon />;
+        case Filter.PublicSpaces:
+            return <SpaceIcon />;
+    }
+}
+
+function metaspaceToIcon(key: MetaSpace): JSX.Element | undefined {
+    switch (key) {
+        case MetaSpace.Home:
+            return <HomeIcon />;
+        case MetaSpace.Favourites:
+            return <FavouriteIcon />;
+        case MetaSpace.People:
+            return <UserProfileIcon />;
+        case MetaSpace.Orphans:
+            return <RoomIcon />;
+    }
+}
+
 interface IBaseResult {
     section: Section;
     filter: Filter[];
@@ -396,14 +430,7 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
             ...SpaceStore.instance.enabledMetaSpaces.map((spaceKey) => ({
                 section: Section.Spaces,
                 filter: [] as Filter[],
-                avatar: (
-                    <div
-                        className={classNames(
-                            "mx_SpotlightDialog_metaspaceResult",
-                            `mx_SpotlightDialog_metaspaceResult_${spaceKey}`,
-                        )}
-                    />
-                ),
+                avatar: <div className="mx_SpotlightDialog_metaspaceResult">{metaspaceToIcon(spaceKey)}</div>,
                 name: getMetaSpaceName(spaceKey, SpaceStore.instance.allRoomsInHome),
                 onClick() {
                     SpaceStore.instance.setActiveSpace(spaceKey);
@@ -584,34 +611,30 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                     {filter !== Filter.PublicSpaces && supportsSpaceFiltering && (
                         <Option
                             id="mx_SpotlightDialog_button_explorePublicSpaces"
-                            className="mx_SpotlightDialog_explorePublicSpaces"
                             onClick={() => setFilter(Filter.PublicSpaces)}
                         >
+                            {filterToIcon(Filter.PublicSpaces)}
                             {filterToLabel(Filter.PublicSpaces)}
                         </Option>
                     )}
                     {filter !== Filter.PublicRooms && (
                         <Option
                             id="mx_SpotlightDialog_button_explorePublicRooms"
-                            className="mx_SpotlightDialog_explorePublicRooms"
                             onClick={() => setFilter(Filter.PublicRooms)}
                         >
+                            {filterToIcon(Filter.PublicRooms)}
                             {filterToLabel(Filter.PublicRooms)}
                         </Option>
                     )}
                     {filter !== Filter.People && (
-                        <Option
-                            id="mx_SpotlightDialog_button_startChat"
-                            className="mx_SpotlightDialog_startChat"
-                            onClick={() => setFilter(Filter.People)}
-                        >
+                        <Option id="mx_SpotlightDialog_button_startChat" onClick={() => setFilter(Filter.People)}>
+                            {filterToIcon(Filter.People)}
                             {filterToLabel(Filter.People)}
                         </Option>
                     )}
                     {filter === null && (
                         <Option
                             id="mx_SpotlightDialog_button_searchMessages"
-                            className="mx_SpotlightDialog_searchMessages"
                             onClick={() => {
                                 defaultDispatcher.dispatch({
                                     action: Action.FocusMessageSearch,
@@ -620,6 +643,7 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                                 onFinished();
                             }}
                         >
+                            <ChatIcon />
                             {_t("spotlight_dialog|messages_label")}
                         </Option>
                     )}
@@ -919,7 +943,6 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                     <div>
                         <Option
                             id="mx_SpotlightDialog_button_joinRoomAlias"
-                            className="mx_SpotlightDialog_joinRoomAlias"
                             onClick={(ev) => {
                                 defaultDispatcher.dispatch<ViewRoomPayload>({
                                     action: Action.ViewRoom,
@@ -931,6 +954,7 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                                 onFinished();
                             }}
                         >
+                            <RoomIcon />
                             {_t("spotlight_dialog|join_button_text", {
                                 roomAddress: trimmedQuery,
                             })}
@@ -961,6 +985,7 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                         title={inviteLinkCopied ? _t("common|copied") : _t("action|copy")}
                     >
                         <span className="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline">
+                            <LinkIcon />
                             {_t("spotlight_dialog|copy_link_text")}
                         </span>
                     </TooltipOption>
@@ -985,6 +1010,7 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                         }
                     >
                         <span className="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline">
+                            <RoomIcon />
                             {_t("spotlight_dialog|create_new_room_button")}
                         </span>
                     </Option>
@@ -1003,9 +1029,9 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                     <h4 id="mx_SpotlightDialog_section_groupChat">{_t("spotlight_dialog|group_chat_section_title")}</h4>
                     <Option
                         id="mx_SpotlightDialog_button_startGroupChat"
-                        className="mx_SpotlightDialog_startGroupChat"
                         onClick={() => showStartChatInviteDialog(trimmedQuery)}
                     >
+                        <GroupIcon />
                         {_t("spotlight_dialog|start_group_chat_button")}
                     </Option>
                 </div>
@@ -1244,13 +1270,8 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
             >
                 <div className="mx_SpotlightDialog_searchBox mx_textinput">
                     {filter !== null && (
-                        <div
-                            className={classNames("mx_SpotlightDialog_filter", {
-                                mx_SpotlightDialog_filterPeople: filter === Filter.People,
-                                mx_SpotlightDialog_filterPublicRooms: filter === Filter.PublicRooms,
-                                mx_SpotlightDialog_filterPublicSpaces: filter === Filter.PublicSpaces,
-                            })}
-                        >
+                        <div className="mx_SpotlightDialog_filter">
+                            {filterToIcon(filter)}
                             <span>{filterToLabel(filter)}</span>
                             <AccessibleButton
                                 tabIndex={-1}
@@ -1259,7 +1280,9 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
                                 })}
                                 className="mx_SpotlightDialog_filter--close"
                                 onClick={() => setFilter(null)}
-                            />
+                            >
+                                <CloseIcon />
+                            </AccessibleButton>
                         </div>
                     )}
                     <input
diff --git a/src/components/views/elements/AccessibleButton.tsx b/src/components/views/elements/AccessibleButton.tsx
index a3e8a57c47..a2018b2211 100644
--- a/src/components/views/elements/AccessibleButton.tsx
+++ b/src/components/views/elements/AccessibleButton.tsx
@@ -30,7 +30,6 @@ export type AccessibleButtonKind =
     | "primary_outline"
     | "primary_sm"
     | "secondary"
-    | "secondary_content"
     | "content_inline"
     | "danger"
     | "danger_outline"
@@ -39,8 +38,6 @@ export type AccessibleButtonKind =
     | "link"
     | "link_inline"
     | "link_sm"
-    | "confirm_sm"
-    | "cancel_sm"
     | "icon"
     | "icon_primary"
     | "icon_primary_outline";
diff --git a/src/components/views/elements/AppTile.tsx b/src/components/views/elements/AppTile.tsx
index c56a23e43d..46de406d84 100644
--- a/src/components/views/elements/AppTile.tsx
+++ b/src/components/views/elements/AppTile.tsx
@@ -30,6 +30,7 @@ import {
     CollapseIcon,
     PopOutIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { I18nContext } from "@element-hq/web-shared-components";
 
 import AccessibleButton from "./AccessibleButton";
 import { _t } from "../../../languageHandler";
@@ -39,11 +40,10 @@ import Spinner from "./Spinner";
 import dis from "../../../dispatcher/dispatcher";
 import ActiveWidgetStore from "../../../stores/ActiveWidgetStore";
 import SettingsStore from "../../../settings/SettingsStore";
-import { aboveLeftOf, ContextMenuButton } from "../../structures/ContextMenu";
+import { ContextMenuButton } from "../../structures/ContextMenu";
 import PersistedElement, { getPersistKey } from "./PersistedElement";
 import { WidgetType } from "../../../widgets/WidgetType";
 import { ElementWidget, WidgetMessaging, WidgetMessagingEvent } from "../../../stores/widgets/WidgetMessaging";
-import { showContextMenu, WidgetContextMenu } from "../context_menus/WidgetContextMenu";
 import WidgetAvatar from "../avatars/WidgetAvatar";
 import LegacyCallHandler from "../../../LegacyCallHandler";
 import { type IApp, isAppWidget } from "../../../stores/WidgetStore";
@@ -61,6 +61,7 @@ import { ModuleRunner } from "../../../modules/ModuleRunner";
 import { parseUrl } from "../../../utils/UrlUtils";
 import RightPanelStore from "../../../stores/right-panel/RightPanelStore.ts";
 import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases.ts";
+import { WidgetContextMenu } from "../../../viewmodels/right-panel/WidgetContextMenuViewModel.tsx";
 
 // Note that there is advice saying allow-scripts shouldn't be used with allow-same-origin
 // because that would allow the iframe to programmatically remove the sandbox attribute, but
@@ -132,7 +133,6 @@ interface IState {
     error: Error | null;
     menuDisplayed: boolean;
     requiresClient: boolean;
-    hasContextMenuOptions: boolean;
 }
 
 export default class AppTile extends React.Component<IProps, IState> {
@@ -276,14 +276,6 @@ export default class AppTile extends React.Component<IProps, IState> {
             error: null,
             menuDisplayed: false,
             requiresClient: this.determineInitialRequiresClientState(),
-            hasContextMenuOptions: showContextMenu(
-                this.context,
-                this.props.room,
-                newProps.app,
-                newProps.userWidget,
-                !newProps.userWidget,
-                newProps.onDeleteClick,
-            ),
         };
     }
 
@@ -768,21 +760,6 @@ export default class AppTile extends React.Component<IProps, IState> {
         }
         appTileClasses = classNames(appTileClasses);
 
-        let contextMenu;
-        if (this.state.menuDisplayed) {
-            contextMenu = (
-                <WidgetContextMenu
-                    {...aboveLeftOf(this.contextMenuButton.current.getBoundingClientRect())}
-                    app={this.props.app}
-                    onFinished={this.closeContextMenu}
-                    showUnpin={!this.props.userWidget}
-                    userWidget={this.props.userWidget}
-                    onEditClick={this.props.onEditClick}
-                    onDeleteClick={this.props.onDeleteClick}
-                />
-            );
-        }
-
         const layoutButtons: ReactNode[] = [];
         if (this.props.showLayoutButtons) {
             const isMaximised =
@@ -838,24 +815,33 @@ export default class AppTile extends React.Component<IProps, IState> {
                                         <PopOutIcon className="mx_Icon mx_Icon_12" />
                                     </AccessibleButton>
                                 )}
-                                {this.state.hasContextMenuOptions && (
-                                    <ContextMenuButton
-                                        className="mx_AppTileMenuBar_widgets_button"
-                                        label={_t("common|options")}
-                                        isExpanded={this.state.menuDisplayed}
-                                        ref={this.contextMenuButton}
-                                        onClick={this.onContextMenuClick}
-                                    >
-                                        <OverflowHorizontalIcon className="mx_Icon mx_Icon_12" />
-                                    </ContextMenuButton>
-                                )}
+                                <I18nContext.Provider value={window.mxModuleApi.i18n}>
+                                    <WidgetContextMenu
+                                        trigger={
+                                            <ContextMenuButton
+                                                className="mx_AppTileMenuBar_widgets_button"
+                                                label={_t("common|options")}
+                                                isExpanded={this.state.menuDisplayed}
+                                                ref={this.contextMenuButton}
+                                                onClick={this.onContextMenuClick}
+                                            >
+                                                <OverflowHorizontalIcon className="mx_Icon mx_Icon_12" />
+                                            </ContextMenuButton>
+                                        }
+                                        app={this.props.app}
+                                        onFinished={this.closeContextMenu}
+                                        showUnpin={!this.props.userWidget}
+                                        userWidget={this.props.userWidget}
+                                        onEditClick={this.props.onEditClick}
+                                        onDeleteClick={this.props.onDeleteClick}
+                                        menuDisplayed={this.state.menuDisplayed}
+                                    />
+                                </I18nContext.Provider>
                             </span>
                         </div>
                     )}
                     {appTileBody}
                 </div>
-
-                {contextMenu}
             </React.Fragment>
         );
     }
diff --git a/src/components/views/elements/AppWarning.tsx b/src/components/views/elements/AppWarning.tsx
index 9f8a26e6cd..0e500c5bb1 100644
--- a/src/components/views/elements/AppWarning.tsx
+++ b/src/components/views/elements/AppWarning.tsx
@@ -7,8 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-
-import WarningSvg from "../../../../res/img/warning.svg";
+import { WarningIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 interface IProps {
     errorMsg?: string;
@@ -18,7 +17,7 @@ const AppWarning: React.FC<IProps> = (props) => {
     return (
         <div className="mx_AppWarning">
             <div>
-                <img src={WarningSvg} alt="" />
+                <WarningIcon width="24px" height="24px" />
             </div>
             <div>
                 <span>{props.errorMsg || "Error"}</span>
diff --git a/src/components/views/elements/BugReportDialogButton.tsx b/src/components/views/elements/BugReportDialogButton.tsx
new file mode 100644
index 0000000000..284501e7b9
--- /dev/null
+++ b/src/components/views/elements/BugReportDialogButton.tsx
@@ -0,0 +1,43 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { useCallback } from "react";
+import { Button } from "@vector-im/compound-web";
+
+import SdkConfig from "../../../SdkConfig";
+import { _t } from "../../../languageHandler";
+import Modal from "../../../Modal";
+import BugReportDialog, { type BugReportDialogProps } from "../dialogs/BugReportDialog";
+import { BugReportEndpointURLLocal } from "../../../IConfigOptions";
+
+/**
+ * Renders a button to open the BugReportDialog *if* the configuration
+ * supports it.
+ */
+export function BugReportDialogButton({
+    label,
+    error,
+}: Pick<BugReportDialogProps, "label" | "error">): React.ReactElement | null {
+    const bugReportUrl = SdkConfig.get().bug_report_endpoint_url;
+    const onClick = useCallback(() => {
+        Modal.createDialog(BugReportDialog, {
+            label,
+            error,
+        });
+    }, [label, error]);
+
+    if (!bugReportUrl) {
+        return null;
+    }
+    return (
+        <Button kind="secondary" size="sm" onClick={onClick}>
+            {bugReportUrl === BugReportEndpointURLLocal
+                ? _t("bug_reporting|download_logs")
+                : _t("bug_reporting|submit_debug_logs")}
+        </Button>
+    );
+}
diff --git a/src/components/views/elements/DesktopCapturerSourcePicker.tsx b/src/components/views/elements/DesktopCapturerSourcePicker.tsx
index 636e37ccd0..fd20db7ef6 100644
--- a/src/components/views/elements/DesktopCapturerSourcePicker.tsx
+++ b/src/components/views/elements/DesktopCapturerSourcePicker.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import classNames from "classnames";
 
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import BaseDialog from "..//dialogs/BaseDialog";
 import DialogButtons from "./DialogButtons";
 import AccessibleButton from "./AccessibleButton";
diff --git a/src/components/views/elements/DialPadBackspaceButton.tsx b/src/components/views/elements/DialPadBackspaceButton.tsx
index 2a3b7df5e5..322d5b71db 100644
--- a/src/components/views/elements/DialPadBackspaceButton.tsx
+++ b/src/components/views/elements/DialPadBackspaceButton.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
+import { BackspaceSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import AccessibleButton, { type ButtonEvent } from "./AccessibleButton";
@@ -24,7 +25,9 @@ export default class DialPadBackspaceButton extends React.PureComponent<IProps>
                     className="mx_DialPadBackspaceButton"
                     onClick={this.props.onBackspacePress}
                     aria-label={_t("keyboard|backspace")}
-                />
+                >
+                    <BackspaceSolidIcon />
+                </AccessibleButton>
             </div>
         );
     }
diff --git a/src/components/views/elements/EditableItemList.tsx b/src/components/views/elements/EditableItemList.tsx
index c5679a543b..28d4b9dc1c 100644
--- a/src/components/views/elements/EditableItemList.tsx
+++ b/src/components/views/elements/EditableItemList.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX, type ChangeEvent } from "react";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import Field from "./Field";
@@ -74,12 +75,14 @@ export class EditableItem extends React.Component<IItemProps, IItemState> {
 
         return (
             <div className="mx_EditableItem">
-                <div
+                <AccessibleButton
                     onClick={this.onRemove}
                     className="mx_EditableItem_delete"
                     title={_t("action|remove")}
                     role="button"
-                />
+                >
+                    <CloseIcon />
+                </AccessibleButton>
                 <span className="mx_EditableItem_item">{this.props.value}</span>
             </div>
         );
diff --git a/src/components/views/elements/ErrorBoundary.tsx b/src/components/views/elements/ErrorBoundary.tsx
index 7fd2ba9712..ae5e3f93bf 100644
--- a/src/components/views/elements/ErrorBoundary.tsx
+++ b/src/components/views/elements/ErrorBoundary.tsx
@@ -12,10 +12,9 @@ import { logger } from "matrix-js-sdk/src/logger";
 import { _t } from "../../../languageHandler";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import PlatformPeg from "../../../PlatformPeg";
-import Modal from "../../../Modal";
 import SdkConfig from "../../../SdkConfig";
-import BugReportDialog from "../dialogs/BugReportDialog";
 import AccessibleButton from "./AccessibleButton";
+import { BugReportDialogButton } from "./BugReportDialogButton";
 
 interface Props {
     children: ReactNode;
@@ -60,13 +59,6 @@ export default class ErrorBoundary extends React.PureComponent<Props, IState> {
             });
     };
 
-    private onBugReport = (): void => {
-        Modal.createDialog(BugReportDialog, {
-            label: "react-soft-crash",
-            error: this.state.error,
-        });
-    };
-
     public render(): ReactNode {
         if (this.state.error) {
             const newIssueUrl = SdkConfig.get().feedback.new_issue_url;
@@ -95,9 +87,7 @@ export default class ErrorBoundary extends React.PureComponent<Props, IState> {
                             &nbsp;
                             {_t("bug_reporting|description")}
                         </p>
-                        <AccessibleButton onClick={this.onBugReport} kind="primary">
-                            {_t("bug_reporting|submit_debug_logs")}
-                        </AccessibleButton>
+                        <BugReportDialogButton error={this.state.error} label="react-soft-crash" />
                     </React.Fragment>
                 );
             }
diff --git a/src/components/views/elements/Field.tsx b/src/components/views/elements/Field.tsx
index 2d57d1772b..71e6d91f68 100644
--- a/src/components/views/elements/Field.tsx
+++ b/src/components/views/elements/Field.tsx
@@ -19,6 +19,7 @@ import React, {
 import classNames from "classnames";
 import { debounce } from "lodash";
 import { Tooltip } from "@vector-im/compound-web";
+import { ChevronDownIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { type IFieldState, type IValidationResult } from "./Validation";
 
@@ -326,6 +327,11 @@ export default class Field extends React.PureComponent<PropShapes, IState> {
             mx_Field_invalid: hasValidationFlag ? !forceValidity : onValidate && this.state.valid === false,
         });
 
+        let inputDecoration: JSX.Element | undefined;
+        if (this.props.element === "select") {
+            inputDecoration = <ChevronDownIcon className="mx_Field_select_chevron" />;
+        }
+
         return (
             <div className={fieldClasses}>
                 {prefixContainer}
@@ -340,6 +346,7 @@ export default class Field extends React.PureComponent<PropShapes, IState> {
                     {fieldInput}
                 </Tooltip>
                 <label htmlFor={this.id}>{this.props.label}</label>
+                {inputDecoration}
                 {postfixContainer}
             </div>
         );
diff --git a/src/components/views/elements/ImageView.tsx b/src/components/views/elements/ImageView.tsx
index e88a1c066e..ac13f04bc3 100644
--- a/src/components/views/elements/ImageView.tsx
+++ b/src/components/views/elements/ImageView.tsx
@@ -11,6 +11,15 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX, createRef, type CSSProperties, useEffect } from "react";
 import FocusLock from "react-focus-lock";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    CloseIcon,
+    DownloadIcon,
+    OverflowHorizontalIcon,
+    RotateLeftIcon,
+    RotateRightIcon,
+    ZoomInIcon,
+    ZoomOutIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import MemberAvatar from "../avatars/MemberAvatar";
@@ -501,25 +510,12 @@ export default class ImageView extends React.Component<IProps, IState> {
                     onClick={this.onOpenContextMenu}
                     ref={this.contextMenuButton}
                     isExpanded={this.state.contextMenuDisplayed}
-                />
+                >
+                    <OverflowHorizontalIcon />
+                </ContextMenuTooltipButton>
             );
         }
 
-        const zoomOutButton = (
-            <AccessibleButton
-                className="mx_ImageView_button mx_ImageView_button_zoomOut"
-                title={_t("action|zoom_out")}
-                onClick={this.onZoomOutClick}
-            />
-        );
-        const zoomInButton = (
-            <AccessibleButton
-                className="mx_ImageView_button mx_ImageView_button_zoomIn"
-                title={_t("action|zoom_in")}
-                onClick={this.onZoomInClick}
-            />
-        );
-
         let title: JSX.Element | undefined;
         if (this.props.mxEvent?.getContent()) {
             title = (
@@ -544,18 +540,34 @@ export default class ImageView extends React.Component<IProps, IState> {
                     {info}
                     {title}
                     <div className="mx_ImageView_toolbar">
-                        {zoomOutButton}
-                        {zoomInButton}
                         <AccessibleButton
-                            className="mx_ImageView_button mx_ImageView_button_rotateCCW"
+                            className="mx_ImageView_button"
+                            title={_t("action|zoom_out")}
+                            onClick={this.onZoomOutClick}
+                        >
+                            <ZoomOutIcon />
+                        </AccessibleButton>
+                        <AccessibleButton
+                            className="mx_ImageView_button"
+                            title={_t("action|zoom_in")}
+                            onClick={this.onZoomInClick}
+                        >
+                            <ZoomInIcon />
+                        </AccessibleButton>
+                        <AccessibleButton
+                            className="mx_ImageView_button"
                             title={_t("lightbox|rotate_left")}
                             onClick={this.onRotateCounterClockwiseClick}
-                        />
+                        >
+                            <RotateLeftIcon />
+                        </AccessibleButton>
                         <AccessibleButton
-                            className="mx_ImageView_button mx_ImageView_button_rotateCW"
+                            className="mx_ImageView_button"
                             title={_t("lightbox|rotate_right")}
                             onClick={this.onRotateClockwiseClick}
-                        />
+                        >
+                            <RotateRightIcon />
+                        </AccessibleButton>
                         <DownloadButton
                             url={this.props.src}
                             fileName={this.props.name}
@@ -567,7 +579,9 @@ export default class ImageView extends React.Component<IProps, IState> {
                             className="mx_ImageView_button mx_ImageView_button_close"
                             title={_t("action|close")}
                             onClick={this.props.onFinished}
-                        />
+                        >
+                            <CloseIcon />
+                        </AccessibleButton>
                         {this.renderContextMenu()}
                     </div>
                 </div>
@@ -612,10 +626,12 @@ export const DownloadButton: React.FC<DownloadButtonProps> = ({ url, fileName, m
 
     return (
         <AccessibleButton
-            className="mx_ImageView_button mx_ImageView_button_download"
+            className="mx_ImageView_button"
             title={loading ? _t("timeline|download_action_downloading") : _t("action|download")}
             onClick={download}
             disabled={loading}
-        />
+        >
+            <DownloadIcon />
+        </AccessibleButton>
     );
 };
diff --git a/src/components/views/elements/PollCreateDialog.tsx b/src/components/views/elements/PollCreateDialog.tsx
index 41a3bc9dfb..f72c28f26e 100644
--- a/src/components/views/elements/PollCreateDialog.tsx
+++ b/src/components/views/elements/PollCreateDialog.tsx
@@ -18,6 +18,7 @@ import {
     type TimelineEvents,
 } from "matrix-js-sdk/src/matrix";
 import { PollStartEvent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import ScrollableBaseModal, { type IScrollableBaseState } from "../dialogs/ScrollableBaseModal";
 import QuestionDialog from "../dialogs/QuestionDialog";
@@ -233,7 +234,9 @@ export default class PollCreateDialog extends ScrollableBaseModal<IProps, IState
                             onClick={() => this.onOptionRemove(i)}
                             className="mx_PollCreateDialog_removeOption"
                             disabled={this.state.busy}
-                        />
+                        >
+                            <CloseIcon />
+                        </AccessibleButton>
                     </div>
                 ))}
                 <AccessibleButton
diff --git a/src/components/views/elements/PowerSelector.tsx b/src/components/views/elements/PowerSelector.tsx
index 6c7c1889d4..fd74fa482f 100644
--- a/src/components/views/elements/PowerSelector.tsx
+++ b/src/components/views/elements/PowerSelector.tsx
@@ -14,6 +14,7 @@ import Field from "./Field";
 import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
 import { getKeyBindingsManager } from "../../../KeyBindingsManager";
 import { objectHasDiff } from "../../../utils/objects";
+import { arrayHasDiff } from "../../../utils/arrays.ts";
 
 const CUSTOM_VALUE = "SELECT_VALUE_CUSTOM";
 
@@ -38,7 +39,6 @@ interface Props<K extends undefined | string> {
 }
 
 interface IState {
-    levelRoleMap: Partial<Record<number | "undefined", string>>;
     // List of power levels to show in the drop-down
     options: number[];
 
@@ -47,7 +47,7 @@ interface IState {
     custom?: boolean;
 }
 
-export default class PowerSelector<K extends undefined | string> extends React.Component<Props<K>, IState> {
+export default class PowerSelector<K extends undefined | string> extends React.PureComponent<Props<K>, IState> {
     public static defaultProps: Partial<Props<any>> = {
         maxValue: Infinity,
         usersDefault: 0,
@@ -58,7 +58,6 @@ export default class PowerSelector<K extends undefined | string> extends React.C
         super(props);
 
         this.state = {
-            levelRoleMap: {},
             // List of power levels to show in the drop-down
             options: [],
 
@@ -85,6 +84,7 @@ export default class PowerSelector<K extends undefined | string> extends React.C
     private initStateFromProps(): void {
         // This needs to be done now because levelRoleMap has translated strings
         const levelRoleMap = Roles.levelRoleMap(this.props.usersDefault);
+
         const options = Object.keys(levelRoleMap)
             .filter((level) => {
                 return (
@@ -93,11 +93,13 @@ export default class PowerSelector<K extends undefined | string> extends React.C
             })
             .map((level) => parseInt(level));
 
+        if (arrayHasDiff(options, this.state.options)) {
+            this.setState({ options });
+        }
+
         const isCustom = levelRoleMap[this.props.value] === undefined;
 
         this.setState({
-            levelRoleMap,
-            options,
             custom: isCustom,
             customValue: this.props.value,
             selectValue: isCustom ? CUSTOM_VALUE : this.props.value,
diff --git a/src/components/views/elements/ReplyChain.tsx b/src/components/views/elements/ReplyChain.tsx
index d81ff992ee..f082947162 100644
--- a/src/components/views/elements/ReplyChain.tsx
+++ b/src/components/views/elements/ReplyChain.tsx
@@ -106,7 +106,13 @@ export default class ReplyChain extends React.Component<IProps, IState> {
             if (el) {
                 const code: HTMLElement | null = el.querySelector("code");
                 const isCodeEllipsisShown = code ? code.offsetHeight >= SHOW_EXPAND_QUOTE_PIXELS : false;
-                const isElipsisShown = el.offsetHeight >= SHOW_EXPAND_QUOTE_PIXELS || isCodeEllipsisShown;
+                const isElipsisShown =
+                    isCodeEllipsisShown ||
+                    el.offsetHeight >= SHOW_EXPAND_QUOTE_PIXELS ||
+                    // Check whether the body fits into it's scroll container
+                    el.clientHeight !== el.scrollHeight ||
+                    // Do the same for its children as the scroll container may be on them instead
+                    [...el.children].some((child) => child.clientHeight !== child.scrollHeight);
                 if (isElipsisShown) {
                     this.props.setQuoteExpanded(false);
                 }
diff --git a/src/components/views/elements/ServerPicker.tsx b/src/components/views/elements/ServerPicker.tsx
index 430f205377..1debb50645 100644
--- a/src/components/views/elements/ServerPicker.tsx
+++ b/src/components/views/elements/ServerPicker.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
+import { InfoIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import AccessibleButton from "./AccessibleButton";
 import { type ValidatedServerConfig } from "../../../utils/ValidatedServerConfig";
@@ -86,11 +87,9 @@ const ServerPicker: React.FC<IProps> = ({ title, dialogTitle, serverConfig, onSe
         <div className="mx_ServerPicker">
             <h2>{title || _t("common|homeserver")}</h2>
             {!disableCustomUrls ? (
-                <AccessibleButton
-                    className="mx_ServerPicker_help"
-                    onClick={onHelpClick}
-                    aria-label={_t("common|help")}
-                />
+                <AccessibleButton className="mx_ServerPicker_help" onClick={onHelpClick} aria-label={_t("common|help")}>
+                    <InfoIcon />
+                </AccessibleButton>
             ) : null}
             <span className="mx_ServerPicker_server" title={typeof serverName === "string" ? serverName : undefined}>
                 {serverName}
diff --git a/src/components/views/elements/StyledRadioButton.tsx b/src/components/views/elements/StyledRadioButton.tsx
index 54bee73b4a..e56787044f 100644
--- a/src/components/views/elements/StyledRadioButton.tsx
+++ b/src/components/views/elements/StyledRadioButton.tsx
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type Ref } from "react";
+import React, { type JSX, type Ref } from "react";
 import classnames from "classnames";
 
 interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -16,6 +16,11 @@ interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {
     // If false, they'll be in a div. Putting interactive components that have labels
     // themselves in labels can cause strange bugs like https://github.com/vector-im/element-web/issues/18031
     childrenInLabel?: boolean;
+
+    /**
+     * If provided will override the default dot icon drawn for checked state
+     */
+    icon?: JSX.Element;
 }
 
 export default class StyledRadioButton extends React.PureComponent<IProps> {
@@ -25,7 +30,7 @@ export default class StyledRadioButton extends React.PureComponent<IProps> {
     };
 
     public render(): React.ReactNode {
-        const { children, className, disabled, outlined, childrenInLabel, inputRef, ...otherProps } = this.props;
+        const { children, className, disabled, outlined, childrenInLabel, inputRef, icon, ...otherProps } = this.props;
         const _className = classnames("mx_StyledRadioButton", className, {
             mx_StyledRadioButton_disabled: disabled,
             mx_StyledRadioButton_enabled: !disabled,
@@ -42,9 +47,9 @@ export default class StyledRadioButton extends React.PureComponent<IProps> {
                     disabled={disabled}
                     {...otherProps}
                 />
-                {/* Used to render the radio button circle */}
                 <div>
-                    <div />
+                    {/* Empty div is used to render the radio button circle */}
+                    <div>{icon}</div>
                 </div>
             </React.Fragment>
         );
diff --git a/src/components/views/emojipicker/Category.tsx b/src/components/views/emojipicker/Category.tsx
index 21e5c97c33..17f33d9346 100644
--- a/src/components/views/emojipicker/Category.tsx
+++ b/src/components/views/emojipicker/Category.tsx
@@ -22,6 +22,8 @@ export type CategoryKey = keyof typeof DATA_BY_CATEGORY | "recent";
 export interface ICategory {
     id: CategoryKey;
     name: string;
+    // Emoji to show in the header for this category
+    emoji: string;
     enabled: boolean;
     // Whether the category is currently visible
     visible: boolean;
diff --git a/src/components/views/emojipicker/EmojiPicker.tsx b/src/components/views/emojipicker/EmojiPicker.tsx
index 9ba2445102..192a40b782 100644
--- a/src/components/views/emojipicker/EmojiPicker.tsx
+++ b/src/components/views/emojipicker/EmojiPicker.tsx
@@ -81,19 +81,16 @@ class EmojiPicker extends React.Component<IProps, IState> {
 
         const hasRecentlyUsed = this.recentlyUsed.length > 0;
 
-        const categoryConfig: Array<{
-            id: CategoryKey;
-            name: string;
-        }> = [
-            { id: "recent", name: _t("emoji|category_frequently_used") },
-            { id: "people", name: _t("emoji|category_smileys_people") },
-            { id: "nature", name: _t("emoji|category_animals_nature") },
-            { id: "foods", name: _t("emoji|category_food_drink") },
-            { id: "activity", name: _t("emoji|category_activities") },
-            { id: "places", name: _t("emoji|category_travel_places") },
-            { id: "objects", name: _t("emoji|category_objects") },
-            { id: "symbols", name: _t("emoji|category_symbols") },
-            { id: "flags", name: _t("emoji|category_flags") },
+        const categoryConfig: Pick<ICategory, "id" | "name" | "emoji">[] = [
+            { id: "recent", name: _t("emoji|category_frequently_used"), emoji: "🕒" },
+            { id: "people", name: _t("emoji|category_smileys_people"), emoji: "😀" },
+            { id: "nature", name: _t("emoji|category_animals_nature"), emoji: "🐕" },
+            { id: "foods", name: _t("emoji|category_food_drink"), emoji: "🍎" },
+            { id: "activity", name: _t("emoji|category_activities"), emoji: "⚽️" },
+            { id: "places", name: _t("emoji|category_travel_places"), emoji: "🚗" },
+            { id: "objects", name: _t("emoji|category_objects"), emoji: "💡" },
+            { id: "symbols", name: _t("emoji|category_symbols"), emoji: "⁉️" },
+            { id: "flags", name: _t("emoji|category_flags"), emoji: "🏁" },
         ];
 
         this.categories = categoryConfig.map((config) => {
@@ -109,8 +106,7 @@ class EmojiPicker extends React.Component<IProps, IState> {
                 firstVisible = !hasRecentlyUsed;
             }
             return {
-                id: config.id,
-                name: config.name,
+                ...config,
                 enabled: isEnabled,
                 visible: isVisible,
                 firstVisible: firstVisible,
diff --git a/src/components/views/emojipicker/Header.tsx b/src/components/views/emojipicker/Header.tsx
index ed2c6b9f21..5b57c065b5 100644
--- a/src/components/views/emojipicker/Header.tsx
+++ b/src/components/views/emojipicker/Header.tsx
@@ -84,7 +84,7 @@ class Header extends React.PureComponent<IProps> {
                 onKeyDown={this.onKeyDown}
             >
                 {this.props.categories.map((category) => {
-                    const classes = classNames(`mx_EmojiPicker_anchor mx_EmojiPicker_anchor_${category.id}`, {
+                    const classes = classNames("mx_EmojiPicker_anchor", {
                         mx_EmojiPicker_anchor_visible: category.visible,
                     });
                     // Properties of this button are also modified by EmojiPicker's updateVisibility in DOM.
@@ -100,7 +100,9 @@ class Header extends React.PureComponent<IProps> {
                             tabIndex={category.firstVisible ? 0 : -1} // roving
                             aria-selected={category.visible}
                             aria-controls={`mx_EmojiPicker_category_${category.id}`}
-                        />
+                        >
+                            {category.emoji}
+                        </button>
                     );
                 })}
             </nav>
diff --git a/src/components/views/emojipicker/Search.tsx b/src/components/views/emojipicker/Search.tsx
index 007fa2251d..4f6ede9c06 100644
--- a/src/components/views/emojipicker/Search.tsx
+++ b/src/components/views/emojipicker/Search.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX } from "react";
+import { CloseIcon, SearchIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
@@ -52,12 +53,18 @@ class Search extends React.PureComponent<IProps> {
             rightButton = (
                 <button
                     onClick={() => this.props.onChange("")}
-                    className="mx_EmojiPicker_search_icon mx_EmojiPicker_search_clear"
+                    className="mx_EmojiPicker_search_clear"
                     title={_t("emoji_picker|cancel_search_label")}
-                />
+                >
+                    <CloseIcon />
+                </button>
             );
         } else {
-            rightButton = <span className="mx_EmojiPicker_search_icon" />;
+            rightButton = (
+                <span className="mx_EmojiPicker_search_icon">
+                    <SearchIcon />
+                </span>
+            );
         }
 
         return (
diff --git a/src/components/views/messages/CallEvent.tsx b/src/components/views/messages/CallEvent.tsx
index f8efd8381e..b7eb0be699 100644
--- a/src/components/views/messages/CallEvent.tsx
+++ b/src/components/views/messages/CallEvent.tsx
@@ -7,16 +7,12 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type Ref, useCallback, useContext, useMemo, type JSX } from "react";
+import { VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import type { MatrixEvent, RoomMember } from "matrix-js-sdk/src/matrix";
 import { ConnectionState, type ElementCall } from "../../../models/Call";
 import { _t } from "../../../languageHandler";
-import {
-    useCall,
-    useConnectionState,
-    useJoinCallButtonDisabledTooltip,
-    useParticipatingMembers,
-} from "../../../hooks/useCall";
+import { useCall, useConnectionState, useParticipatingMembers } from "../../../hooks/useCall";
 import defaultDispatcher from "../../../dispatcher/dispatcher";
 import type { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
 import { Action } from "../../../dispatcher/actions";
@@ -102,7 +98,6 @@ interface ActiveLoadedCallEventProps {
 const ActiveLoadedCallEvent = ({ mxEvent, call, ref }: ActiveLoadedCallEventProps): JSX.Element => {
     const connectionState = useConnectionState(call);
     const participatingMembers = useParticipatingMembers(call);
-    const joinCallButtonDisabledTooltip = useJoinCallButtonDisabledTooltip(call);
 
     const connect = useCallback(
         (ev: ButtonEvent) => {
@@ -146,7 +141,6 @@ const ActiveLoadedCallEvent = ({ mxEvent, call, ref }: ActiveLoadedCallEventProp
             participatingMembers={participatingMembers}
             buttonText={buttonText}
             buttonKind={buttonKind}
-            buttonDisabledTooltip={joinCallButtonDisabledTooltip ?? undefined}
             onButtonClick={onButtonClick}
         />
     );
@@ -173,7 +167,10 @@ export const CallEvent = ({ mxEvent, ref }: CallEventProps): JSX.Element => {
             <div className="mx_CallEvent_wrapper" ref={ref}>
                 <div className="mx_CallEvent mx_CallEvent_inactive">
                     <div className="mx_CallEvent_columns">
-                        <span className="mx_CallEvent_title">{_t("timeline|m.call|video_call_ended")}</span>
+                        <span className="mx_CallEvent_title">
+                            <VideoCallSolidIcon />
+                            {_t("timeline|m.call|video_call_ended")}
+                        </span>
                         <CallDuration delta={latestEvent.getTs() - mxEvent.getTs()} />
                     </div>
                 </div>
diff --git a/src/components/views/messages/DateSeparator.tsx b/src/components/views/messages/DateSeparator.tsx
index 7d49042533..061cc76204 100644
--- a/src/components/views/messages/DateSeparator.tsx
+++ b/src/components/views/messages/DateSeparator.tsx
@@ -12,6 +12,7 @@ import { Direction, ConnectionError, MatrixError, HTTPError } from "matrix-js-sd
 import { logger } from "matrix-js-sdk/src/logger";
 import { capitalize } from "lodash";
 import { ChevronDownIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { TimelineSeparator } from "@element-hq/web-shared-components";
 
 import { _t, getUserLanguage } from "../../../languageHandler";
 import { formatFullDateNoDay, formatFullDateNoTime, getDaysArray } from "../../../DateUtils";
@@ -32,7 +33,6 @@ import IconizedContextMenu, {
 } from "../context_menus/IconizedContextMenu";
 import JumpToDatePicker from "./JumpToDatePicker";
 import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
-import TimelineSeparator from "./TimelineSeparator";
 import RoomContext from "../../../contexts/RoomContext";
 
 interface IProps {
@@ -335,6 +335,10 @@ export default class DateSeparator extends React.Component<IProps, IState> {
             );
         }
 
-        return <TimelineSeparator label={label}>{dateHeaderContent}</TimelineSeparator>;
+        return (
+            <TimelineSeparator label={label} className="mx_TimelineSeparator">
+                {dateHeaderContent}
+            </TimelineSeparator>
+        );
     }
 }
diff --git a/src/components/views/messages/DecryptionFailureBody.tsx b/src/components/views/messages/DecryptionFailureBody.tsx
deleted file mode 100644
index f75a7c48f8..0000000000
--- a/src/components/views/messages/DecryptionFailureBody.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2022-2024 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import classNames from "classnames";
-import React, { type JSX, useContext } from "react";
-import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
-import { DecryptionFailureCode } from "matrix-js-sdk/src/crypto-api";
-import { BlockIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
-
-import { _t } from "../../../languageHandler";
-import { type IBodyProps } from "./IBodyProps";
-import { LocalDeviceVerificationStateContext } from "../../../contexts/LocalDeviceVerificationStateContext";
-
-function getErrorMessage(mxEvent: MatrixEvent, isVerified: boolean | undefined): string | JSX.Element {
-    switch (mxEvent.decryptionFailureReason) {
-        case DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE:
-            return _t("timeline|decryption_failure|blocked");
-
-        case DecryptionFailureCode.HISTORICAL_MESSAGE_NO_KEY_BACKUP:
-            return _t("timeline|decryption_failure|historical_event_no_key_backup");
-
-        case DecryptionFailureCode.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED:
-            if (isVerified === false) {
-                // The user seems to have a key backup, so prompt them to verify in the hope that doing so will
-                // mean we can restore from backup and we'll get the key for this message.
-                return _t("timeline|decryption_failure|historical_event_unverified_device");
-            }
-            // otherwise, use the default.
-            break;
-
-        case DecryptionFailureCode.HISTORICAL_MESSAGE_USER_NOT_JOINED:
-            // TODO: event should be hidden instead of showing this error.
-            //   To be revisited as part of https://github.com/element-hq/element-meta/issues/2449
-            return _t("timeline|decryption_failure|historical_event_user_not_joined");
-
-        case DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
-            return (
-                <span>
-                    <BlockIcon className="mx_Icon mx_Icon_16" />
-                    {_t("timeline|decryption_failure|sender_identity_previously_verified")}
-                </span>
-            );
-
-        case DecryptionFailureCode.UNSIGNED_SENDER_DEVICE:
-            // TODO: event should be hidden instead of showing this error.
-            //   To be revisited as part of https://github.com/element-hq/element-meta/issues/2449
-            return (
-                <span>
-                    <BlockIcon className="mx_Icon mx_Icon_16" />
-                    {_t("timeline|decryption_failure|sender_unsigned_device")}
-                </span>
-            );
-    }
-    return _t("timeline|decryption_failure|unable_to_decrypt");
-}
-
-/** Get an extra CSS class, specific to the decryption failure reason */
-function errorClassName(mxEvent: MatrixEvent): string | null {
-    switch (mxEvent.decryptionFailureReason) {
-        case DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
-        case DecryptionFailureCode.UNSIGNED_SENDER_DEVICE:
-            return "mx_DecryptionFailureSenderTrustRequirement";
-
-        default:
-            return null;
-    }
-}
-
-// A placeholder element for messages that could not be decrypted
-export const DecryptionFailureBody = ({ mxEvent, ref }: IBodyProps): JSX.Element => {
-    const verificationState = useContext(LocalDeviceVerificationStateContext);
-    const classes = classNames("mx_DecryptionFailureBody", "mx_EventTile_content", errorClassName(mxEvent));
-
-    return (
-        <div className={classes} ref={ref}>
-            {getErrorMessage(mxEvent, verificationState)}
-        </div>
-    );
-};
diff --git a/src/components/views/messages/EncryptionEvent.tsx b/src/components/views/messages/EncryptionEvent.tsx
index cf8b00db39..a8467e0519 100644
--- a/src/components/views/messages/EncryptionEvent.tsx
+++ b/src/components/views/messages/EncryptionEvent.tsx
@@ -6,12 +6,13 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type JSX, type Ref, type ReactNode } from "react";
+import React, { type JSX, type ReactNode } from "react";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { ErrorSolidIcon, LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
 import type { RoomEncryptionEventContent } from "matrix-js-sdk/src/types";
 import { _t } from "../../../languageHandler";
-import EventTileBubble from "./EventTileBubble";
 import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
 import DMRoomMap from "../../../utils/DMRoomMap";
 import { objectHasDiff } from "../../../utils/objects";
@@ -22,7 +23,7 @@ import { useIsEncrypted } from "../../../hooks/useIsEncrypted.ts";
 interface IProps {
     mxEvent: MatrixEvent;
     timestamp?: JSX.Element;
-    ref?: Ref<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
 }
 
 const EncryptionEvent = ({ mxEvent, timestamp, ref }: IProps): ReactNode => {
@@ -58,33 +59,39 @@ const EncryptionEvent = ({ mxEvent, timestamp, ref }: IProps): ReactNode => {
 
         return (
             <EventTileBubble
-                className="mx_cryptoEvent mx_cryptoEvent_icon"
+                icon={<LockSolidIcon />}
+                className="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon"
                 title={stateEncrypted ? _t("common|state_encryption_enabled") : _t("common|encryption_enabled")}
                 subtitle={subtitle}
-                timestamp={timestamp}
-            />
+            >
+                {timestamp}
+            </EventTileBubble>
         );
     }
 
     if (isRoomEncrypted) {
         return (
             <EventTileBubble
-                className="mx_cryptoEvent mx_cryptoEvent_icon"
+                icon={<LockSolidIcon />}
+                className="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon"
                 title={_t("common|encryption_enabled")}
                 subtitle={_t("timeline|m.room.encryption|disable_attempt")}
-                timestamp={timestamp}
-            />
+            >
+                {timestamp}
+            </EventTileBubble>
         );
     }
 
     return (
         <EventTileBubble
-            className="mx_cryptoEvent mx_cryptoEvent_icon mx_cryptoEvent_icon_warning"
+            icon={<ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />}
+            className="mx_EventTileBubble mx_cryptoEvent"
             title={_t("timeline|m.room.encryption|disabled")}
             subtitle={_t("timeline|m.room.encryption|unsupported")}
             ref={ref}
-            timestamp={timestamp}
-        />
+        >
+            {timestamp}
+        </EventTileBubble>
     );
 };
 
diff --git a/src/components/views/messages/EventTileBubble.tsx b/src/components/views/messages/EventTileBubble.tsx
deleted file mode 100644
index 4569115c0d..0000000000
--- a/src/components/views/messages/EventTileBubble.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2020 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type JSX, type ReactNode, type Ref } from "react";
-import classNames from "classnames";
-
-interface IProps {
-    className: string;
-    title: string;
-    timestamp?: JSX.Element;
-    subtitle?: ReactNode;
-    children?: JSX.Element;
-    ref?: Ref<HTMLDivElement>;
-}
-
-const EventTileBubble = ({ className, title, timestamp, subtitle, children, ref }: IProps): JSX.Element => {
-    return (
-        <div className={classNames("mx_EventTileBubble", className)} ref={ref}>
-            <div className="mx_EventTileBubble_title">{title}</div>
-            {subtitle && <div className="mx_EventTileBubble_subtitle">{subtitle}</div>}
-            {children}
-            {timestamp}
-        </div>
-    );
-};
-
-export default EventTileBubble;
diff --git a/src/components/views/messages/HiddenBody.tsx b/src/components/views/messages/HiddenBody.tsx
index 20410017be..aeca8e7ea7 100644
--- a/src/components/views/messages/HiddenBody.tsx
+++ b/src/components/views/messages/HiddenBody.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX } from "react";
+import { VisibilityOffIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import { type IBodyProps } from "./IBodyProps";
@@ -34,6 +35,7 @@ const HiddenBody = ({ mxEvent, ref }: IBodyProps): JSX.Element => {
 
     return (
         <span className="mx_HiddenBody" ref={ref}>
+            <VisibilityOffIcon />
             {text}
         </span>
     );
diff --git a/src/components/views/messages/JumpToDatePicker.tsx b/src/components/views/messages/JumpToDatePicker.tsx
index 7f196cfe82..23a35dd164 100644
--- a/src/components/views/messages/JumpToDatePicker.tsx
+++ b/src/components/views/messages/JumpToDatePicker.tsx
@@ -25,7 +25,7 @@ const JumpToDatePicker: React.FC<IProps> = ({ ts, onDatePicked }: IProps) => {
     const [dateValue, setDateValue] = useState(dateInputDefaultValue);
     const [onFocus, isActive, refCallback] = useRovingTabIndex<HTMLInputElement>();
 
-    const onDateValueInput = (ev: React.ChangeEvent<HTMLInputElement>): void => setDateValue(ev.target.value);
+    const onDateValueInput = (ev: React.InputEvent<HTMLInputElement>): void => setDateValue(ev.currentTarget.value);
     const onJumpToDateSubmit = (ev: FormEvent): void => {
         ev.preventDefault();
         onDatePicked(dateValue);
diff --git a/src/components/views/messages/LegacyCallEvent.tsx b/src/components/views/messages/LegacyCallEvent.tsx
index f43953fb6e..2941705b0b 100644
--- a/src/components/views/messages/LegacyCallEvent.tsx
+++ b/src/components/views/messages/LegacyCallEvent.tsx
@@ -6,11 +6,21 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type JSX, createRef } from "react";
+import React, { createRef, type JSX } from "react";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
 import { CallErrorCode, CallState } from "matrix-js-sdk/src/webrtc/call";
 import classNames from "classnames";
 import { Clock } from "@element-hq/web-shared-components";
+import {
+    EndCallIcon,
+    VideoCallDeclinedSolidIcon,
+    VideoCallMissedSolidIcon,
+    VideoCallSolidIcon,
+    VoiceCallMissedSolidIcon,
+    VoiceCallSolidIcon,
+    VolumeOffSolidIcon,
+    VolumeOnSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import MemberAvatar from "../avatars/MemberAvatar";
@@ -35,6 +45,17 @@ interface IState {
     length: number;
 }
 
+export function getCallStateIcon(isVoice: boolean, state: undefined | "missed" | "declined"): JSX.Element {
+    let icon = isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />;
+    if (state === "missed") {
+        icon = isVoice ? <VoiceCallMissedSolidIcon /> : <VideoCallMissedSolidIcon />;
+    } else if (state === "declined") {
+        icon = isVoice ? <EndCallIcon /> : <VideoCallDeclinedSolidIcon />;
+    }
+
+    return <div className="mx_LegacyCallEvent_type_icon">{icon}</div>;
+}
+
 export default class LegacyCallEvent extends React.PureComponent<IProps, IState> {
     private wrapperElement = createRef<HTMLDivElement>();
     private resizeObserver?: ResizeObserver;
@@ -89,28 +110,25 @@ export default class LegacyCallEvent extends React.PureComponent<IProps, IState>
     private renderCallBackButton(text: string): JSX.Element {
         return (
             <AccessibleButton
-                className="mx_LegacyCallEvent_content_button mx_LegacyCallEvent_content_button_callBack"
+                className="mx_LegacyCallEvent_content_button"
                 onClick={this.props.callEventGrouper.callBack}
                 kind="primary"
             >
-                <span> {text} </span>
+                {this.props.callEventGrouper.isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />}
+                {text}
             </AccessibleButton>
         );
     }
 
     private renderSilenceIcon(): JSX.Element {
-        const silenceClass = classNames({
-            mx_LegacyCallEvent_iconButton: true,
-            mx_LegacyCallEvent_unSilence: this.state.silenced,
-            mx_LegacyCallEvent_silence: !this.state.silenced,
-        });
-
         return (
             <AccessibleButton
-                className={silenceClass}
+                className="mx_LegacyCallEvent_iconButton"
                 onClick={this.props.callEventGrouper.toggleSilenced}
                 title={this.state.silenced ? _t("voip|unsilence") : _t("voip|silence")}
-            />
+            >
+                {this.state.silenced ? <VolumeOffSolidIcon /> : <VolumeOnSolidIcon />}
+            </AccessibleButton>
         );
     }
 
@@ -125,18 +143,20 @@ export default class LegacyCallEvent extends React.PureComponent<IProps, IState>
                 <div className="mx_LegacyCallEvent_content">
                     {silenceIcon}
                     <AccessibleButton
-                        className="mx_LegacyCallEvent_content_button mx_LegacyCallEvent_content_button_reject"
+                        className="mx_LegacyCallEvent_content_button"
                         onClick={this.props.callEventGrouper.rejectCall}
                         kind="danger"
                     >
-                        <span> {_t("action|decline")} </span>
+                        <EndCallIcon />
+                        {_t("action|decline")}
                     </AccessibleButton>
                     <AccessibleButton
-                        className="mx_LegacyCallEvent_content_button mx_LegacyCallEvent_content_button_answer"
+                        className="mx_LegacyCallEvent_content_button"
                         onClick={this.props.callEventGrouper.answerCall}
                         kind="primary"
                     >
-                        <span> {_t("action|accept")} </span>
+                        {this.props.callEventGrouper.isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />}
+                        {_t("action|accept")}
                     </AccessibleButton>
                     {this.props.timestamp}
                 </div>
@@ -268,15 +288,23 @@ export default class LegacyCallEvent extends React.PureComponent<IProps, IState>
             mx_LegacyCallEvent_voice: isVoice,
             mx_LegacyCallEvent_video: !isVoice,
             mx_LegacyCallEvent_narrow: this.state.narrow,
-            mx_LegacyCallEvent_missed: this.props.callEventGrouper.callWasMissed,
-            mx_LegacyCallEvent_noAnswer: callState === CallState.Ended && hangupReason === CallErrorCode.InviteTimeout,
-            mx_LegacyCallEvent_rejected: callState === CallState.Ended && this.props.callEventGrouper.gotRejected,
         });
+
         let silenceIcon;
         if (this.state.narrow && this.state.callState === CallState.Ringing) {
             silenceIcon = this.renderSilenceIcon();
         }
 
+        let iconState: Parameters<typeof getCallStateIcon>[1] = undefined;
+        if (this.props.callEventGrouper.callWasMissed) {
+            iconState = "missed";
+        } else if (
+            callState === CallState.Ended &&
+            (hangupReason === CallErrorCode.InviteTimeout || this.props.callEventGrouper.gotRejected)
+        ) {
+            iconState = "declined";
+        }
+
         return (
             <div className="mx_LegacyCallEvent_wrapper" ref={this.wrapperElement}>
                 <div className={className}>
@@ -286,7 +314,7 @@ export default class LegacyCallEvent extends React.PureComponent<IProps, IState>
                         <div className="mx_LegacyCallEvent_info_basic">
                             <div className="mx_LegacyCallEvent_sender">{sender}</div>
                             <div className="mx_LegacyCallEvent_type">
-                                <div className="mx_LegacyCallEvent_type_icon" />
+                                {getCallStateIcon(!!isVoice, iconState)}
                                 {callType}
                             </div>
                         </div>
diff --git a/src/components/views/messages/MFileBody.tsx b/src/components/views/messages/MFileBody.tsx
index 1c55385d2c..b6efbed1cf 100644
--- a/src/components/views/messages/MFileBody.tsx
+++ b/src/components/views/messages/MFileBody.tsx
@@ -9,8 +9,14 @@ Please see LICENSE files in the repository root for full details.
 import React, { type AllHTMLAttributes, createRef } from "react";
 import { logger } from "matrix-js-sdk/src/logger";
 import { type MediaEventContent } from "matrix-js-sdk/src/types";
+import { MsgType } from "matrix-js-sdk/src/matrix";
 import { Button } from "@vector-im/compound-web";
-import { DownloadIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import {
+    AttachmentIcon,
+    DownloadIcon,
+    VideoCallSolidIcon,
+    VolumeOnSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import Modal from "../../../Modal";
@@ -190,9 +196,17 @@ export default class MFileBody extends React.Component<IProps, IState> {
 
         let placeholder: React.ReactNode = null;
         if (showGenericPlaceholder) {
+            let icon = <AttachmentIcon />;
+            // MFileBody is not generally used for Audio/Video but can be as part of ReplyTile
+            if (this.content.msgtype === MsgType.Audio) {
+                icon = <VolumeOnSolidIcon />;
+            } else if (this.content.msgtype === MsgType.Video) {
+                icon = <VideoCallSolidIcon />;
+            }
+
             placeholder = (
                 <AccessibleButton className="mx_MediaBody mx_MFileBody_info" onClick={this.onPlaceholderClick}>
-                    <span className="mx_MFileBody_info_icon" />
+                    <span className="mx_MFileBody_info_icon">{icon}</span>
                     <TextWithTooltip tooltip={presentableTextForFile(this.content, _t("common|attachment"), true)}>
                         <span className="mx_MFileBody_info_filename">
                             {presentableTextForFile(this.content, _t("common|attachment"), true, true)}
diff --git a/src/components/views/messages/MImageBody.tsx b/src/components/views/messages/MImageBody.tsx
index 788a93c813..b9c8552978 100644
--- a/src/components/views/messages/MImageBody.tsx
+++ b/src/components/views/messages/MImageBody.tsx
@@ -15,6 +15,7 @@ import { logger } from "matrix-js-sdk/src/logger";
 import { ClientEvent } from "matrix-js-sdk/src/matrix";
 import { type ImageContent } from "matrix-js-sdk/src/types";
 import { Tooltip } from "@vector-im/compound-web";
+import { ImageErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import MFileBody from "./MFileBody";
 import Modal from "../../../Modal";
@@ -674,7 +675,11 @@ export class MImageBodyInner extends React.Component<IProps, IState> {
                 errorText = _t("timeline|m.image|error_downloading");
             }
 
-            return <MediaProcessingError className="mx_MImageBody">{errorText}</MediaProcessingError>;
+            return (
+                <MediaProcessingError className="mx_MImageBody" Icon={ImageErrorIcon}>
+                    {errorText}
+                </MediaProcessingError>
+            );
         }
 
         let contentUrl = this.state.contentUrl;
diff --git a/src/components/views/messages/MJitsiWidgetEvent.tsx b/src/components/views/messages/MJitsiWidgetEvent.tsx
index 4bd85f2176..a51fe6065e 100644
--- a/src/components/views/messages/MJitsiWidgetEvent.tsx
+++ b/src/components/views/messages/MJitsiWidgetEvent.tsx
@@ -8,10 +8,11 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type JSX } from "react";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { VideoCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
 import { _t } from "../../../languageHandler";
 import WidgetStore from "../../../stores/WidgetStore";
-import EventTileBubble from "./EventTileBubble";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import { Container, WidgetLayoutStore } from "../../../stores/widgets/WidgetLayoutStore";
 
@@ -41,30 +42,36 @@ export default class MJitsiWidgetEvent extends React.PureComponent<IProps> {
             // removed
             return (
                 <EventTileBubble
-                    className="mx_MJitsiWidgetEvent"
+                    icon={<VideoCallSolidIcon />}
+                    className="mx_EventTileBubble mx_MJitsiWidgetEvent"
                     title={_t("timeline|m.widget|jitsi_ended", { senderName })}
-                    timestamp={this.props.timestamp}
-                />
+                >
+                    {this.props.timestamp}
+                </EventTileBubble>
             );
         } else if (prevUrl) {
             // modified
             return (
                 <EventTileBubble
-                    className="mx_MJitsiWidgetEvent"
+                    icon={<VideoCallSolidIcon />}
+                    className="mx_EventTileBubble mx_MJitsiWidgetEvent"
                     title={_t("timeline|m.widget|jitsi_updated", { senderName })}
                     subtitle={joinCopy}
-                    timestamp={this.props.timestamp}
-                />
+                >
+                    {this.props.timestamp}
+                </EventTileBubble>
             );
         } else {
             // assume added
             return (
                 <EventTileBubble
-                    className="mx_MJitsiWidgetEvent"
+                    icon={<VideoCallSolidIcon />}
+                    className="mx_EventTileBubble mx_MJitsiWidgetEvent"
                     title={_t("timeline|m.widget|jitsi_started", { senderName })}
                     subtitle={joinCopy}
-                    timestamp={this.props.timestamp}
-                />
+                >
+                    {this.props.timestamp}
+                </EventTileBubble>
             );
         }
     }
diff --git a/src/components/views/messages/MKeyVerificationRequest.tsx b/src/components/views/messages/MKeyVerificationRequest.tsx
index 8f1f8a6962..022766868e 100644
--- a/src/components/views/messages/MKeyVerificationRequest.tsx
+++ b/src/components/views/messages/MKeyVerificationRequest.tsx
@@ -8,10 +8,11 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type JSX } from "react";
 import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
 import { _t } from "../../../languageHandler";
 import { getNameForEventRoom, userLabelForEventRoom } from "../../../utils/KeyVerificationStateObserver";
-import EventTileBubble from "./EventTileBubble";
 import { useMatrixClientContext } from "../../../contexts/MatrixClientContext";
 
 interface Props {
@@ -73,12 +74,12 @@ const MKeyVerificationRequest: React.FC<Props> = ({ mxEvent, timestamp }) => {
 
     return (
         <EventTileBubble
-            className="mx_cryptoEvent mx_cryptoEvent_icon"
+            icon={<LockSolidIcon />}
+            className="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon"
             title={title}
             subtitle={subtitle}
-            timestamp={timestamp}
         >
-            <></>
+            {timestamp}
         </EventTileBubble>
     );
 };
diff --git a/src/components/views/messages/MessageActionBar.tsx b/src/components/views/messages/MessageActionBar.tsx
index 22f29e963f..80b0939a71 100644
--- a/src/components/views/messages/MessageActionBar.tsx
+++ b/src/components/views/messages/MessageActionBar.tsx
@@ -32,10 +32,10 @@ import {
     ThreadsIcon,
     EditIcon,
     ReactionAddIcon,
+    ExpandIcon,
+    CollapseIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
-import { Icon as ExpandMessageIcon } from "../../../../res/img/element-icons/expand-message.svg";
-import { Icon as CollapseMessageIcon } from "../../../../res/img/element-icons/collapse-message.svg";
 import { _t } from "../../../languageHandler";
 import defaultDispatcher from "../../../dispatcher/dispatcher";
 import ContextMenu, { aboveLeftOf, ContextMenuTooltipButton, useContextMenu } from "../../structures/ContextMenu";
@@ -572,7 +572,7 @@ export default class MessageActionBar extends React.PureComponent<IMessageAction
                         key="expand"
                         placement="left"
                     >
-                        {this.props.isQuoteExpanded ? <CollapseMessageIcon /> : <ExpandMessageIcon />}
+                        {this.props.isQuoteExpanded ? <CollapseIcon /> : <ExpandIcon />}
                     </RovingAccessibleButton>,
                 );
             }
diff --git a/src/components/views/messages/MessageEvent.tsx b/src/components/views/messages/MessageEvent.tsx
index 6d124c88a8..6bb28fd188 100644
--- a/src/components/views/messages/MessageEvent.tsx
+++ b/src/components/views/messages/MessageEvent.tsx
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import mime from "mime";
-import React, { createRef } from "react";
+import React, { type JSX, createRef, useContext, useEffect } from "react";
 import { logger } from "matrix-js-sdk/src/logger";
 import {
     EventType,
@@ -18,7 +18,9 @@ import {
     M_POLL_START,
     type IContent,
 } from "matrix-js-sdk/src/matrix";
+import { useCreateAutoDisposedViewModel, DecryptionFailureBodyView } from "@element-hq/web-shared-components";
 
+import { LocalDeviceVerificationStateContext } from "../../../contexts/LocalDeviceVerificationStateContext";
 import SettingsStore from "../../../settings/SettingsStore";
 import { Mjolnir } from "../../../mjolnir/Mjolnir";
 import RedactedBody from "./RedactedBody";
@@ -36,8 +38,8 @@ import MPollBody from "./MPollBody";
 import MLocationBody from "./MLocationBody";
 import MjolnirBody from "./MjolnirBody";
 import MBeaconBody from "./MBeaconBody";
-import { DecryptionFailureBody } from "./DecryptionFailureBody";
 import { type GetRelationsForEvent, type IEventTileOps } from "../rooms/EventTile";
+import { DecryptionFailureBodyViewModel } from "../../../viewmodels/message-body/DecryptionFailureBodyViewModel";
 
 // onMessageAllowed is handled internally
 interface IProps extends Omit<IBodyProps, "onMessageAllowed" | "mediaEventHelper"> {
@@ -248,7 +250,7 @@ export default class MessageEvent extends React.Component<IProps> implements IMe
         if (!this.props.mxEvent.isRedacted()) {
             // only resolve BodyType if event is not redacted
             if (this.props.mxEvent.isDecryptionFailure()) {
-                BodyType = DecryptionFailureBody;
+                BodyType = DecryptionFailureBodyWrapper;
             } else if (type && this.evTypes.has(type)) {
                 BodyType = this.evTypes.get(type)!;
             } else if (msgtype && this.bodyTypes.has(msgtype)) {
@@ -328,3 +330,22 @@ const CaptionBody: React.FunctionComponent<IBodyProps & { WrappedBodyType: React
         <TextualBody {...{ ...props, ref: undefined }} />
     </div>
 );
+
+/**
+ * Bridge decryption-failure events into the view model using current local verification state.
+ * This wrapper can be removed after MessageEvent has been changed to a function component.
+ */
+function DecryptionFailureBodyWrapper({ mxEvent, ref }: IBodyProps): JSX.Element {
+    const verificationState = useContext(LocalDeviceVerificationStateContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new DecryptionFailureBodyViewModel({
+                decryptionFailureCode: mxEvent.decryptionFailureReason,
+                verificationState,
+            }),
+    );
+    useEffect(() => {
+        vm.setVerificationState(verificationState);
+    }, [verificationState, vm]);
+    return <DecryptionFailureBodyView vm={vm} ref={ref} />;
+}
diff --git a/src/components/views/messages/ReactionsRow.tsx b/src/components/views/messages/ReactionsRow.tsx
index 32f37f4c24..4ac68ede3e 100644
--- a/src/components/views/messages/ReactionsRow.tsx
+++ b/src/components/views/messages/ReactionsRow.tsx
@@ -11,6 +11,7 @@ import classNames from "classnames";
 import { type MatrixEvent, MatrixEventEvent, type Relations, RelationsEvent } from "matrix-js-sdk/src/matrix";
 import { uniqBy } from "lodash";
 import { UnstableValue } from "matrix-js-sdk/src/NamespacedValue";
+import { ReactionAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import { isContentActionable } from "../../../utils/EventUtils";
@@ -54,7 +55,9 @@ const ReactButton: React.FC<IProps> = ({ mxEvent, reactions }) => {
                 }}
                 isExpanded={menuDisplayed}
                 ref={button}
-            />
+            >
+                <ReactionAddIcon />
+            </ContextMenuTooltipButton>
 
             {contextMenu}
         </React.Fragment>
diff --git a/src/components/views/messages/ReactionsRowButton.tsx b/src/components/views/messages/ReactionsRowButton.tsx
index 8320237b25..9147d7c1fc 100644
--- a/src/components/views/messages/ReactionsRowButton.tsx
+++ b/src/components/views/messages/ReactionsRowButton.tsx
@@ -9,12 +9,13 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import classNames from "classnames";
 import { EventType, type MatrixEvent, RelationType } from "matrix-js-sdk/src/matrix";
+import { ReactionsRowButtonTooltipView } from "@element-hq/web-shared-components";
 
 import { mediaFromMxc } from "../../../customisations/Media";
 import { _t } from "../../../languageHandler";
 import { formatList } from "../../../utils/FormattingUtils";
 import dis from "../../../dispatcher/dispatcher";
-import ReactionsRowButtonTooltip from "./ReactionsRowButtonTooltip";
+import { ReactionsRowButtonTooltipViewModel } from "../../../viewmodels/message-body/ReactionsRowButtonTooltipViewModel";
 import AccessibleButton from "../elements/AccessibleButton";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import { REACTION_SHORTCODE_KEY } from "./ReactionsRow";
@@ -40,6 +41,41 @@ export default class ReactionsRowButton extends React.PureComponent<IProps> {
     public static contextType = MatrixClientContext;
     declare public context: React.ContextType<typeof MatrixClientContext>;
 
+    private reactionsRowButtonTooltipViewModel: ReactionsRowButtonTooltipViewModel;
+
+    public constructor(props: IProps, context: React.ContextType<typeof MatrixClientContext>) {
+        super(props, context);
+        this.reactionsRowButtonTooltipViewModel = new ReactionsRowButtonTooltipViewModel({
+            client: context,
+            mxEvent: props.mxEvent,
+            content: props.content,
+            reactionEvents: props.reactionEvents,
+            customReactionImagesEnabled: props.customReactionImagesEnabled,
+        });
+    }
+
+    public componentDidUpdate(prevProps: IProps): void {
+        if (
+            prevProps.mxEvent !== this.props.mxEvent ||
+            prevProps.content !== this.props.content ||
+            prevProps.reactionEvents !== this.props.reactionEvents ||
+            prevProps.customReactionImagesEnabled !== this.props.customReactionImagesEnabled
+        ) {
+            // View model bails out if derived snapshot hasn't changed.
+            this.reactionsRowButtonTooltipViewModel.setProps({
+                client: this.context,
+                mxEvent: this.props.mxEvent,
+                content: this.props.content,
+                reactionEvents: this.props.reactionEvents,
+                customReactionImagesEnabled: this.props.customReactionImagesEnabled,
+            });
+        }
+    }
+
+    public componentWillUnmount(): void {
+        this.reactionsRowButtonTooltipViewModel.dispose();
+    }
+
     public onClick = (): void => {
         const { mxEvent, myReactionEvent, content } = this.props;
         if (myReactionEvent) {
@@ -110,12 +146,7 @@ export default class ReactionsRowButton extends React.PureComponent<IProps> {
         }
 
         return (
-            <ReactionsRowButtonTooltip
-                mxEvent={this.props.mxEvent}
-                content={content}
-                reactionEvents={reactionEvents}
-                customReactionImagesEnabled={this.props.customReactionImagesEnabled}
-            >
+            <ReactionsRowButtonTooltipView vm={this.reactionsRowButtonTooltipViewModel}>
                 <AccessibleButton
                     className={classes}
                     aria-label={label}
@@ -127,7 +158,7 @@ export default class ReactionsRowButton extends React.PureComponent<IProps> {
                         {count}
                     </span>
                 </AccessibleButton>
-            </ReactionsRowButtonTooltip>
+            </ReactionsRowButtonTooltipView>
         );
     }
 }
diff --git a/src/components/views/messages/ReactionsRowButtonTooltip.tsx b/src/components/views/messages/ReactionsRowButtonTooltip.tsx
deleted file mode 100644
index f40002deff..0000000000
--- a/src/components/views/messages/ReactionsRowButtonTooltip.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2019-2021 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type PropsWithChildren } from "react";
-import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
-import { Tooltip } from "@vector-im/compound-web";
-
-import { unicodeToShortcode } from "../../../HtmlUtils";
-import { _t } from "../../../languageHandler";
-import { formatList } from "../../../utils/FormattingUtils";
-import MatrixClientContext from "../../../contexts/MatrixClientContext";
-import { REACTION_SHORTCODE_KEY } from "./ReactionsRow";
-interface IProps {
-    // The event we're displaying reactions for
-    mxEvent: MatrixEvent;
-    // The reaction content / key / emoji
-    content: string;
-    // A list of Matrix reaction events for this key
-    reactionEvents: MatrixEvent[];
-    // Whether to render custom image reactions
-    customReactionImagesEnabled?: boolean;
-}
-
-export default class ReactionsRowButtonTooltip extends React.PureComponent<PropsWithChildren<IProps>> {
-    public static contextType = MatrixClientContext;
-    declare public context: React.ContextType<typeof MatrixClientContext>;
-
-    public render(): React.ReactNode {
-        const { content, reactionEvents, mxEvent, children } = this.props;
-
-        const room = this.context.getRoom(mxEvent.getRoomId());
-        if (room) {
-            const senders: string[] = [];
-            let customReactionName: string | undefined;
-            for (const reactionEvent of reactionEvents) {
-                const member = room.getMember(reactionEvent.getSender()!);
-                const name = member?.name ?? reactionEvent.getSender()!;
-                senders.push(name);
-                customReactionName =
-                    (this.props.customReactionImagesEnabled &&
-                        REACTION_SHORTCODE_KEY.findIn(reactionEvent.getContent())) ||
-                    undefined;
-            }
-            const shortName = unicodeToShortcode(content) || customReactionName;
-            const formattedSenders = formatList(senders, 6);
-            const caption = shortName ? _t("timeline|reactions|tooltip_caption", { shortName }) : undefined;
-
-            return (
-                <Tooltip description={formattedSenders} caption={caption} placement="right">
-                    {children}
-                </Tooltip>
-            );
-        }
-
-        return children;
-    }
-}
diff --git a/src/components/views/messages/RedactedBody.tsx b/src/components/views/messages/RedactedBody.tsx
index ddad4d2e4d..a3a2c475dd 100644
--- a/src/components/views/messages/RedactedBody.tsx
+++ b/src/components/views/messages/RedactedBody.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { useContext, type JSX } from "react";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
@@ -34,6 +35,7 @@ const RedactedBody = ({ mxEvent, ref }: IBodyProps): JSX.Element => {
 
     return (
         <span className="mx_RedactedBody" ref={ref} title={titleText}>
+            <DeleteIcon />
             {text}
         </span>
     );
diff --git a/src/components/views/messages/RoomPredecessorTile.tsx b/src/components/views/messages/RoomPredecessorTile.tsx
index e35728e4b8..a33369bd76 100644
--- a/src/components/views/messages/RoomPredecessorTile.tsx
+++ b/src/components/views/messages/RoomPredecessorTile.tsx
@@ -10,13 +10,14 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX, useCallback } from "react";
 import { logger } from "matrix-js-sdk/src/logger";
 import { type MatrixEvent, type Room, type RoomState } from "matrix-js-sdk/src/matrix";
+import { ChatSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
 import dis from "../../../dispatcher/dispatcher";
 import { Action } from "../../../dispatcher/actions";
 import { RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
 import { _t } from "../../../languageHandler";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
-import EventTileBubble from "./EventTileBubble";
 import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
 import { useRoomState } from "../../../hooks/useRoomState";
 import SettingsStore from "../../../settings/SettingsStore";
@@ -89,26 +90,29 @@ export const RoomPredecessorTile: React.FC<IProps> = ({ mxEvent, timestamp }) =>
 
         return (
             <EventTileBubble
-                className="mx_CreateEvent"
+                icon={<ChatSolidIcon />}
+                className="mx_EventTileBubble mx_CreateEvent"
                 title={_t("timeline|m.room.create|continuation")}
-                timestamp={timestamp}
             >
-                <div className="mx_EventTile_body">
-                    <span className="mx_EventTile_tileError">
-                        {!!guessedLink ? (
-                            <>
-                                {_t("timeline|m.room.create|unknown_predecessor_guess_server", {
+                <>
+                    <div className="mx_EventTile_body">
+                        <span className="mx_EventTile_tileError">
+                            {!!guessedLink ? (
+                                <>
+                                    {_t("timeline|m.room.create|unknown_predecessor_guess_server", {
+                                        roomId: predecessor.roomId,
+                                    })}
+                                    <a href={guessedLink}>{guessedLink}</a>
+                                </>
+                            ) : (
+                                _t("timeline|m.room.create|unknown_predecessor", {
                                     roomId: predecessor.roomId,
-                                })}
-                                <a href={guessedLink}>{guessedLink}</a>
-                            </>
-                        ) : (
-                            _t("timeline|m.room.create|unknown_predecessor", {
-                                roomId: predecessor.roomId,
-                            })
-                        )}
-                    </span>
-                </div>
+                                })
+                            )}
+                        </span>
+                    </div>
+                    {timestamp}
+                </>
             </EventTileBubble>
         );
     }
@@ -128,11 +132,13 @@ export const RoomPredecessorTile: React.FC<IProps> = ({ mxEvent, timestamp }) =>
 
     return (
         <EventTileBubble
-            className="mx_CreateEvent"
+            icon={<ChatSolidIcon />}
+            className="mx_EventTileBubble mx_CreateEvent"
             title={_t("timeline|m.room.create|continuation")}
             subtitle={link}
-            timestamp={timestamp}
-        />
+        >
+            {timestamp}
+        </EventTileBubble>
     );
 
     function createLinkWithRoom(room: Room, roomId: string, eventId?: string): string {
diff --git a/src/components/views/messages/TileErrorBoundary.tsx b/src/components/views/messages/TileErrorBoundary.tsx
index 2ccac0f288..2d11371166 100644
--- a/src/components/views/messages/TileErrorBoundary.tsx
+++ b/src/components/views/messages/TileErrorBoundary.tsx
@@ -12,12 +12,11 @@ import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
 
 import { _t } from "../../../languageHandler";
 import Modal from "../../../Modal";
-import SdkConfig from "../../../SdkConfig";
-import BugReportDialog from "../dialogs/BugReportDialog";
 import AccessibleButton from "../elements/AccessibleButton";
 import SettingsStore from "../../../settings/SettingsStore";
 import ViewSource from "../../structures/ViewSource";
 import { type Layout } from "../../../settings/enums/Layout";
+import { BugReportDialogButton } from "../elements/BugReportDialogButton";
 
 interface IProps {
     mxEvent: MatrixEvent;
@@ -42,13 +41,6 @@ export default class TileErrorBoundary extends React.Component<IProps, IState> {
         return { error };
     }
 
-    private onBugReport = (): void => {
-        Modal.createDialog(BugReportDialog, {
-            label: "react-soft-crash-tile",
-            error: this.state.error,
-        });
-    };
-
     private onViewSource = (): void => {
         Modal.createDialog(
             ViewSource,
@@ -69,18 +61,6 @@ export default class TileErrorBoundary extends React.Component<IProps, IState> {
                 mx_EventTile_tileError: true,
             };
 
-            let submitLogsButton;
-            if (SdkConfig.get().bug_report_endpoint_url) {
-                submitLogsButton = (
-                    <>
-                        &nbsp;
-                        <AccessibleButton kind="link" onClick={this.onBugReport}>
-                            {_t("bug_reporting|submit_debug_logs")}
-                        </AccessibleButton>
-                    </>
-                );
-            }
-
             let viewSourceButton;
             if (mxEvent && SettingsStore.getValue("developerMode")) {
                 viewSourceButton = (
@@ -99,7 +79,7 @@ export default class TileErrorBoundary extends React.Component<IProps, IState> {
                         <span>
                             {_t("timeline|error_rendering_message")}
                             {mxEvent && ` (${mxEvent.getType()})`}
-                            {submitLogsButton}
+                            <BugReportDialogButton error={this.state.error} label="react-tile-soft-crash" />
                             {viewSourceButton}
                         </span>
                     </div>
diff --git a/src/components/views/messages/TimelineSeparator.tsx b/src/components/views/messages/TimelineSeparator.tsx
deleted file mode 100644
index 4735c8e00c..0000000000
--- a/src/components/views/messages/TimelineSeparator.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2023 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React, { type ReactNode } from "react";
-
-interface Props {
-    label: string;
-    children?: ReactNode;
-}
-
-export const enum SeparatorKind {
-    None,
-    Date,
-    LateEvent,
-}
-
-/**
- * Generic timeline separator component to render within a MessagePanel
- *
- * @param label the accessible label string describing the separator
- * @param children the children to draw within the timeline separator
- */
-const TimelineSeparator: React.FC<Props> = ({ label, children }) => {
-    // ARIA treats <hr/>s as separators, here we abuse them slightly so manually treat this entire thing as one
-    return (
-        <div className="mx_TimelineSeparator" role="separator" aria-label={label}>
-            <hr role="none" />
-            {children}
-            <hr role="none" />
-        </div>
-    );
-};
-
-export default TimelineSeparator;
diff --git a/src/components/views/messages/shared/MediaProcessingError.tsx b/src/components/views/messages/shared/MediaProcessingError.tsx
index 95a65b4538..13e63a2275 100644
--- a/src/components/views/messages/shared/MediaProcessingError.tsx
+++ b/src/components/views/messages/shared/MediaProcessingError.tsx
@@ -7,17 +7,17 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-
-import { Icon as WarningIcon } from "../../../../../res/img/warning.svg";
+import { FileErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 interface Props {
     className?: string;
+    Icon?: typeof FileErrorIcon;
     children: React.ReactNode;
 }
 
-const MediaProcessingError: React.FC<Props> = ({ className, children }) => (
+const MediaProcessingError: React.FC<Props> = ({ className, children, Icon = FileErrorIcon }) => (
     <span className={className}>
-        <WarningIcon className="mx_MediaProcessingError_Icon" width="16" height="16" />
+        <Icon className="mx_MediaProcessingError_Icon" width="16" height="16" />
         {children}
     </span>
 );
diff --git a/src/components/views/polls/PollOption.tsx b/src/components/views/polls/PollOption.tsx
index 277ebc3395..96c21ce60c 100644
--- a/src/components/views/polls/PollOption.tsx
+++ b/src/components/views/polls/PollOption.tsx
@@ -9,6 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ReactNode } from "react";
 import classNames from "classnames";
 import { type PollAnswerSubevent } from "matrix-js-sdk/src/extensible_events_v1/PollStartEvent";
+import { CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import { Icon as TrophyIcon } from "../../../../res/img/element-icons/trophy.svg";
@@ -85,6 +86,7 @@ const ActivePollOption: React.FC<Omit<PollOptionProps, "totalVoteCount"> & { chi
             disabled={isEnded}
             aria-label={ariaLabel}
             onChange={() => onOptionSelected?.(answer.id)}
+            icon={isChecked ? <CheckIcon /> : undefined}
         >
             <div aria-hidden="true">{children}</div>
         </StyledRadioButton>
diff --git a/src/components/views/right_panel/ExtensionsCard.tsx b/src/components/views/right_panel/ExtensionsCard.tsx
index 448917290a..9f1d1d0e02 100644
--- a/src/components/views/right_panel/ExtensionsCard.tsx
+++ b/src/components/views/right_panel/ExtensionsCard.tsx
@@ -10,15 +10,17 @@ import React, { type JSX, useEffect, useMemo, useState } from "react";
 import { type Room } from "matrix-js-sdk/src/matrix";
 import classNames from "classnames";
 import { Button, Link, Separator, Text } from "@vector-im/compound-web";
-import PlusIcon from "@vector-im/compound-design-tokens/assets/web/icons/plus";
-import ExtensionsIcon from "@vector-im/compound-design-tokens/assets/web/icons/extensions";
+import {
+    PlusIcon,
+    ExtensionsIcon,
+    OverflowHorizontalIcon,
+    PinSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import BaseCard from "./BaseCard";
 import WidgetUtils, { useWidgets } from "../../../utils/WidgetUtils";
 import { _t } from "../../../languageHandler";
-import { ChevronFace, ContextMenuTooltipButton, useContextMenu } from "../../structures/ContextMenu";
-import { WidgetContextMenu } from "../context_menus/WidgetContextMenu";
-import UIStore from "../../../stores/UIStore";
+import { useContextMenu } from "../../structures/ContextMenu";
 import RightPanelStore from "../../../stores/right-panel/RightPanelStore";
 import { type IApp } from "../../../stores/WidgetStore";
 import { RightPanelPhases } from "../../../stores/right-panel/RightPanelStorePhases";
@@ -29,6 +31,7 @@ import { IntegrationManagers } from "../../../integrations/IntegrationManagers";
 import EmptyState from "./EmptyState";
 import { shouldShowComponent } from "../../../customisations/helpers/UIComponents.ts";
 import { UIComponent } from "../../../settings/UIFeature.ts";
+import { WidgetContextMenu } from "../../../viewmodels/right-panel/WidgetContextMenuViewModel.tsx";
 
 interface Props {
     room: Room;
@@ -65,21 +68,6 @@ const AppRow: React.FC<IAppRowProps> = ({ app, room }) => {
           };
 
     const [menuDisplayed, handle, openMenu, closeMenu] = useContextMenu<HTMLDivElement>();
-    let contextMenu;
-    if (menuDisplayed) {
-        const rect = handle.current?.getBoundingClientRect();
-        const rightMargin = rect?.right ?? 0;
-        const topMargin = rect?.top ?? 0;
-        contextMenu = (
-            <WidgetContextMenu
-                chevronFace={ChevronFace.None}
-                right={UIStore.instance.windowWidth - rightMargin}
-                bottom={UIStore.instance.windowHeight - topMargin}
-                onFinished={closeMenu}
-                app={app}
-            />
-        );
-    }
 
     const cannotPin = !isPinned && !WidgetLayoutStore.instance.canAddToContainer(room, Container.Top);
 
@@ -104,7 +92,7 @@ const AppRow: React.FC<IAppRowProps> = ({ app, room }) => {
     });
 
     return (
-        <div className={classes} ref={handle}>
+        <div className={classes}>
             <AccessibleButton
                 className="mx_ExtensionsCard_icon_app"
                 onClick={onOpenWidgetClick}
@@ -119,11 +107,20 @@ const AppRow: React.FC<IAppRowProps> = ({ app, room }) => {
             </AccessibleButton>
 
             {canModifyWidget && (
-                <ContextMenuTooltipButton
-                    className="mx_ExtensionsCard_app_options"
-                    isExpanded={menuDisplayed}
-                    onClick={openMenu}
-                    title={_t("common|options")}
+                <WidgetContextMenu
+                    app={app}
+                    onFinished={closeMenu}
+                    menuDisplayed={menuDisplayed}
+                    trigger={
+                        <AccessibleButton
+                            ref={handle}
+                            className="mx_ExtensionsCard_app_options"
+                            onClick={openMenu}
+                            title={_t("common|options")}
+                        >
+                            <OverflowHorizontalIcon />
+                        </AccessibleButton>
+                    }
                 />
             )}
 
@@ -132,9 +129,9 @@ const AppRow: React.FC<IAppRowProps> = ({ app, room }) => {
                 onClick={togglePin}
                 title={pinTitle}
                 disabled={cannotPin}
-            />
-
-            {contextMenu}
+            >
+                <PinSolidIcon />
+            </AccessibleButton>
         </div>
     );
 };
diff --git a/src/components/views/right_panel/RoomSummaryCardView.tsx b/src/components/views/right_panel/RoomSummaryCardView.tsx
index 67eea91478..be316fdd14 100644
--- a/src/components/views/right_panel/RoomSummaryCardView.tsx
+++ b/src/components/views/right_panel/RoomSummaryCardView.tsx
@@ -39,7 +39,7 @@ import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error"
 import ErrorSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
 import { JoinRule, type Room } from "matrix-js-sdk/src/matrix";
-import { Box, Flex } from "@element-hq/web-shared-components";
+import { Box, Flex, HistoryVisibilityBadge } from "@element-hq/web-shared-components";
 
 import BaseCard from "./BaseCard.tsx";
 import { _t } from "../../../languageHandler.tsx";
@@ -165,34 +165,42 @@ const RoomSummaryCardView: React.FC<IProps> = ({
                 {vm.alias}
             </Text>
 
-            <Flex as="section" justify="center" gap="var(--cpd-space-2x)" className="mx_RoomSummaryCard_badges">
+            <Flex
+                as="section"
+                justify="center"
+                gap="var(--cpd-space-2x)"
+                wrap="wrap"
+                className="mx_RoomSummaryCard_badges"
+            >
                 {!vm.isDirectMessage && vm.roomJoinRule === JoinRule.Public && (
                     <Badge kind="blue">
-                        <PublicIcon width="1em" color="var(--cpd-color-icon-info-primary)" />
+                        <PublicIcon width="1rem" color="var(--cpd-color-icon-info-primary)" />
                         {_t("common|public_room")}
                     </Badge>
                 )}
 
                 {vm.isRoomEncrypted && vm.e2eStatus !== E2EStatus.Warning && (
                     <Badge kind="green">
-                        <LockIcon width="1em" />
+                        <LockIcon width="1rem" />
                         {_t("common|encrypted")}
                     </Badge>
                 )}
 
                 {!vm.isRoomEncrypted && (
                     <Badge kind="blue">
-                        <LockOffIcon width="1em" color="var(--cpd-color-icon-info-primary)" />
+                        <LockOffIcon width="1rem" color="var(--cpd-color-icon-info-primary)" />
                         {_t("common|unencrypted")}
                     </Badge>
                 )}
 
                 {vm.e2eStatus === E2EStatus.Warning && (
                     <Badge kind="red">
-                        <ErrorSolidIcon width="1em" />
+                        <ErrorSolidIcon width="1rem" />
                         {_t("common|not_trusted")}
                     </Badge>
                 )}
+
+                <HistoryVisibilityBadge historyVisibility={vm.historyVisibility} />
             </Flex>
 
             <RoomTopic room={room} />
diff --git a/src/components/views/right_panel/WidgetCard.tsx b/src/components/views/right_panel/WidgetCard.tsx
index 29a713fdd4..7ae9ae1b21 100644
--- a/src/components/views/right_panel/WidgetCard.tsx
+++ b/src/components/views/right_panel/WidgetCard.tsx
@@ -14,12 +14,11 @@ import BaseCard from "./BaseCard";
 import WidgetUtils, { useWidgets } from "../../../utils/WidgetUtils";
 import AppTile from "../elements/AppTile";
 import { _t } from "../../../languageHandler";
-import { ChevronFace, ContextMenuButton, useContextMenu } from "../../structures/ContextMenu";
-import { WidgetContextMenu } from "../context_menus/WidgetContextMenu";
+import { ContextMenuButton, useContextMenu } from "../../structures/ContextMenu";
 import { Container, WidgetLayoutStore } from "../../../stores/widgets/WidgetLayoutStore";
-import UIStore from "../../../stores/UIStore";
 import RightPanelStore from "../../../stores/right-panel/RightPanelStore";
 import Heading from "../typography/Heading";
+import { WidgetContextMenu } from "../../../viewmodels/right-panel/WidgetContextMenuViewModel";
 
 interface IProps {
     room: Room;
@@ -46,34 +45,28 @@ const WidgetCard: React.FC<IProps> = ({ room, widgetId, onClose }) => {
     // Don't render anything as we are about to transition
     if (!app || !isRight) return null;
 
-    let contextMenu: JSX.Element | undefined;
-    if (menuDisplayed) {
-        const rect = handle.current?.getBoundingClientRect();
-        const rightMargin = rect ? rect.right : 0;
-        const bottomMargin = rect ? rect.bottom : 0;
-        contextMenu = (
-            <WidgetContextMenu
-                chevronFace={ChevronFace.None}
-                right={UIStore.instance.windowWidth - rightMargin - 12}
-                top={bottomMargin + 12}
-                onFinished={closeMenu}
-                app={app}
-            />
-        );
-    }
+    const contextMenu: JSX.Element = (
+        <WidgetContextMenu
+            trigger={
+                <ContextMenuButton
+                    className="mx_BaseCard_header_title_button--option"
+                    ref={handle}
+                    onClick={openMenu}
+                    isExpanded={menuDisplayed}
+                    label={_t("common|options")}
+                />
+            }
+            onFinished={closeMenu}
+            app={app}
+            menuDisplayed={menuDisplayed}
+        />
+    );
 
     const header = (
         <div className="mx_BaseCard_header_title">
             <Heading size="4" className="mx_BaseCard_header_title_heading" as="h1">
                 {WidgetUtils.getWidgetName(app)}
             </Heading>
-            <ContextMenuButton
-                className="mx_BaseCard_header_title_button--option"
-                ref={handle}
-                onClick={openMenu}
-                isExpanded={menuDisplayed}
-                label={_t("common|options")}
-            />
             {contextMenu}
         </div>
     );
diff --git a/src/components/views/room_settings/AliasSettings.tsx b/src/components/views/room_settings/AliasSettings.tsx
index c7efbb6166..aa662bbdd8 100644
--- a/src/components/views/room_settings/AliasSettings.tsx
+++ b/src/components/views/room_settings/AliasSettings.tsx
@@ -416,7 +416,6 @@ export default class AliasSettings extends React.Component<IProps, IState> {
                         {this.getLocalNonAltAliases().map((alias) => {
                             return <option value={alias} key={alias} />;
                         })}
-                        ;
                     </datalist>
                     <EditableAliasesList
                         id="roomAltAliases"
diff --git a/src/components/views/rooms/E2EIcon.tsx b/src/components/views/rooms/E2EIcon.tsx
index 72b4b36bd3..c9c7d8ec12 100644
--- a/src/components/views/rooms/E2EIcon.tsx
+++ b/src/components/views/rooms/E2EIcon.tsx
@@ -12,7 +12,7 @@ import classNames from "classnames";
 import { Tooltip } from "@vector-im/compound-web";
 import { ErrorSolidIcon, ShieldIcon, LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import AccessibleButton from "../elements/AccessibleButton";
 import { E2EStatus } from "../../../utils/ShieldUtils";
 
@@ -38,9 +38,9 @@ interface Props {
 }
 
 const icons: Record<E2EStatus, JSX.Element> = {
-    [E2EStatus.Warning]: <ErrorSolidIcon className="mx_E2EIcon_warning" />,
-    [E2EStatus.Normal]: <LockSolidIcon className="mx_E2EIcon_normal" />,
-    [E2EStatus.Verified]: <ShieldIcon className="mx_E2EIcon_verified" />,
+    [E2EStatus.Warning]: <ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />,
+    [E2EStatus.Normal]: <LockSolidIcon color="var(--cpd-color-icon-tertiary)" />,
+    [E2EStatus.Verified]: <ShieldIcon color="var(--cpd-color-icon-success-primary)" />,
 };
 
 const E2EIcon: React.FC<Props> = ({ isUser, status, className, size, onClick, hideTooltip, tooltipPlacement }) => {
diff --git a/src/components/views/rooms/EventTile.tsx b/src/components/views/rooms/EventTile.tsx
index 35b6a57ffd..6d1ed70a06 100644
--- a/src/components/views/rooms/EventTile.tsx
+++ b/src/components/views/rooms/EventTile.tsx
@@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { createRef, type JSX, type Ref, type MouseEvent, type ReactNode } from "react";
+import React, { createRef, useContext, useEffect, type JSX, type Ref, type MouseEvent, type ReactNode } from "react";
 import classNames from "classnames";
 import {
     EventStatus,
@@ -35,13 +35,15 @@ import {
 } from "matrix-js-sdk/src/crypto-api";
 import { Tooltip } from "@vector-im/compound-web";
 import { uniqueId } from "lodash";
+import { CircleIcon, CheckCircleIcon, ThreadsIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { useCreateAutoDisposedViewModel, DecryptionFailureBodyView } from "@element-hq/web-shared-components";
 
+import { LocalDeviceVerificationStateContext } from "../../../contexts/LocalDeviceVerificationStateContext";
 import ReplyChain from "../elements/ReplyChain";
 import { _t } from "../../../languageHandler";
 import dis from "../../../dispatcher/dispatcher";
 import { Layout } from "../../../settings/enums/Layout";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
-import { DecryptionFailureBody } from "../messages/DecryptionFailureBody";
 import RoomAvatar from "../avatars/RoomAvatar";
 import MessageContextMenu from "../context_menus/MessageContextMenu";
 import { aboveRightOf } from "../../structures/ContextMenu";
@@ -83,6 +85,9 @@ import PinningUtils from "../../../utils/PinningUtils";
 import { PinnedMessageBadge } from "../messages/PinnedMessageBadge";
 import { EventPreview } from "./EventPreview";
 import { ElementCallEventType } from "../../../call-types";
+import { DecryptionFailureBodyViewModel } from "../../../viewmodels/message-body/DecryptionFailureBodyViewModel";
+import { E2eMessageSharedIcon } from "./EventTile/E2eMessageSharedIcon.tsx";
+import { E2ePadlock, E2ePadlockIcon } from "./EventTile/E2ePadlock.tsx";
 
 export type GetRelationsForEvent = (
     eventId: string,
@@ -112,7 +117,7 @@ export interface IEventTileOps {
     unhideWidget(): void;
 }
 
-export interface IEventTileType extends React.Component {
+export interface IEventTileType extends React.Component<HTMLDivElement> {
     getEventTileOps?(): IEventTileOps;
     getMediaHelper(): MediaEventHelper | undefined;
 }
@@ -174,7 +179,7 @@ export interface EventTileProps {
 
     // the status of this event - ie, mxEvent.status. Denormalised to here so
     // that we can tell when it changes.
-    eventSendStatus?: string;
+    eventSendStatus?: EventStatus;
 
     forExport?: boolean;
 
@@ -495,6 +500,7 @@ export class UnwrappedEventTile extends React.Component<EventTileProps, IState>
 
         return (
             <div className="mx_ThreadPanel_replies">
+                <ThreadsIcon />
                 <span className="mx_ThreadPanel_replies_amount">{this.state.thread.length}</span>
                 <ThreadMessagePreview thread={this.state.thread} />
             </div>
@@ -512,12 +518,18 @@ export class UnwrappedEventTile extends React.Component<EventTileProps, IState>
             if (this.props.highlightLink) {
                 return (
                     <a className="mx_ThreadSummary_icon" href={this.props.highlightLink}>
+                        <ThreadsIcon />
                         {_t("timeline|thread_info_basic")}
                     </a>
                 );
             }
 
-            return <p className="mx_ThreadSummary_icon">{_t("timeline|thread_info_basic")}</p>;
+            return (
+                <p className="mx_ThreadSummary_icon">
+                    <ThreadsIcon />
+                    {_t("timeline|thread_info_basic")}
+                </p>
+            );
         }
     }
 
@@ -734,6 +746,14 @@ export class UnwrappedEventTile extends React.Component<EventTileProps, IState>
             }
         }
 
+        if (this.state.shieldReason === EventShieldReason.AUTHENTICITY_NOT_GUARANTEED) {
+            // This may happen if the message was forwarded to us by another user, in which case we can show a better message
+            const forwarder = this.props.mxEvent.getKeyForwardingUser();
+            if (forwarder) {
+                return <E2eMessageSharedIcon keyForwardingUserId={forwarder} roomId={ev.getRoomId()!} />;
+            }
+        }
+
         if (this.state.shieldColour !== EventShieldColour.NONE) {
             let shieldReasonMessage: string;
             switch (this.state.shieldReason) {
@@ -1186,7 +1206,7 @@ export class UnwrappedEventTile extends React.Component<EventTileProps, IState>
 
         let msgOption: JSX.Element | undefined;
         if (this.shouldShowSentReceipt || this.shouldShowSendingReceipt) {
-            msgOption = <SentReceipt messageState={this.props.mxEvent.getAssociatedStatus()} />;
+            msgOption = <SentReceipt messageState={this.props.eventSendStatus} />;
         } else if (this.props.showReadReceipts) {
             msgOption = (
                 <ReadReceiptGroup
@@ -1355,7 +1375,7 @@ export class UnwrappedEventTile extends React.Component<EventTileProps, IState>
                                 {this.props.mxEvent.isRedacted() ? (
                                     <RedactedBody mxEvent={this.props.mxEvent} />
                                 ) : this.props.mxEvent.isDecryptionFailure() ? (
-                                    <DecryptionFailureBody mxEvent={this.props.mxEvent} />
+                                    <DecryptionFailureBodyWrapper mxEvent={this.props.mxEvent} />
                                 ) : (
                                     <EventPreview mxEvent={this.props.mxEvent} />
                                 )}
@@ -1507,77 +1527,36 @@ const SafeEventTile = (props: EventTileProps): JSX.Element => {
 };
 export default SafeEventTile;
 
-function E2ePadlockUnencrypted(props: Omit<IE2ePadlockProps, "title" | "icon">): JSX.Element {
-    return <E2ePadlock title={_t("common|unencrypted")} icon={E2ePadlockIcon.Warning} {...props} />;
+function E2ePadlockUnencrypted(): JSX.Element {
+    return <E2ePadlock title={_t("common|unencrypted")} icon={E2ePadlockIcon.Warning} />;
 }
 
-function E2ePadlockDecryptionFailure(props: Omit<IE2ePadlockProps, "title" | "icon">): JSX.Element {
-    return (
-        <E2ePadlock title={_t("timeline|undecryptable_tooltip")} icon={E2ePadlockIcon.DecryptionFailure} {...props} />
-    );
-}
-
-enum E2ePadlockIcon {
-    /** grey shield */
-    Normal = "normal",
-
-    /** red shield with (!) */
-    Warning = "warning",
-
-    /** key in grey circle */
-    DecryptionFailure = "decryption_failure",
-}
-
-interface IE2ePadlockProps {
-    icon: E2ePadlockIcon;
-    title: string;
-}
-
-class E2ePadlock extends React.Component<IE2ePadlockProps> {
-    public constructor(props: IE2ePadlockProps) {
-        super(props);
-
-        this.state = {
-            hover: false,
-        };
-    }
-
-    public render(): ReactNode {
-        const classes = `mx_EventTile_e2eIcon mx_EventTile_e2eIcon_${this.props.icon}`;
-        // We specify isTriggerInteractive=true and make the div interactive manually as a workaround for
-        // https://github.com/element-hq/compound/issues/294
-        return (
-            <Tooltip label={this.props.title} isTriggerInteractive={true}>
-                <div className={classes} tabIndex={0} aria-label={_t("timeline|e2e_state")} />
-            </Tooltip>
-        );
-    }
+function E2ePadlockDecryptionFailure(): JSX.Element {
+    return <E2ePadlock title={_t("timeline|undecryptable_tooltip")} icon={E2ePadlockIcon.DecryptionFailure} />;
 }
 
 interface ISentReceiptProps {
-    messageState: EventStatus | null;
+    messageState: EventStatus | undefined;
 }
 
 function SentReceipt({ messageState }: ISentReceiptProps): JSX.Element {
     const isSent = !messageState || messageState === "sent";
     const isFailed = messageState === "not_sent";
-    const receiptClasses = classNames({
-        mx_EventTile_receiptSent: isSent,
-        mx_EventTile_receiptSending: !isSent && !isFailed,
-    });
 
-    let nonCssBadge: JSX.Element | undefined;
-    if (isFailed) {
-        nonCssBadge = <NotificationBadge notification={StaticNotificationState.RED_EXCLAMATION} />;
-    }
-
-    let label = _t("timeline|send_state_sending");
+    let icon: JSX.Element | undefined;
+    let label: string | undefined;
     if (messageState === "encrypting") {
+        icon = <CircleIcon />;
         label = _t("timeline|send_state_encrypting");
     } else if (isSent) {
+        icon = <CheckCircleIcon />;
         label = _t("timeline|send_state_sent");
     } else if (isFailed) {
+        icon = <NotificationBadge notification={StaticNotificationState.RED_EXCLAMATION} />;
         label = _t("timeline|send_state_failed");
+    } else {
+        icon = <CircleIcon />;
+        label = _t("timeline|send_state_sending");
     }
 
     return (
@@ -1585,12 +1564,30 @@ function SentReceipt({ messageState }: ISentReceiptProps): JSX.Element {
             <div className="mx_ReadReceiptGroup">
                 <Tooltip label={label} placement="top-end">
                     <div className="mx_ReadReceiptGroup_button" role="status">
-                        <span className="mx_ReadReceiptGroup_container">
-                            <span className={receiptClasses}>{nonCssBadge}</span>
-                        </span>
+                        <span className="mx_ReadReceiptGroup_container">{icon}</span>
                     </div>
                 </Tooltip>
             </div>
         </div>
     );
 }
+
+/**
+ * Bridge decryption-failure events into the view model using current local verification state.
+ * This wrapper can be removed after EventTile has been changed to a function component.
+ */
+function DecryptionFailureBodyWrapper({ mxEvent }: { mxEvent: MatrixEvent }): JSX.Element {
+    const verificationState = useContext(LocalDeviceVerificationStateContext);
+    const vm = useCreateAutoDisposedViewModel(
+        () =>
+            new DecryptionFailureBodyViewModel({
+                decryptionFailureCode: mxEvent.decryptionFailureReason,
+                verificationState,
+            }),
+    );
+    useEffect(() => {
+        vm.setVerificationState(verificationState);
+    }, [verificationState, vm]);
+
+    return <DecryptionFailureBodyView vm={vm} />;
+}
diff --git a/src/components/views/rooms/EventTile/E2eMessageSharedIcon.tsx b/src/components/views/rooms/EventTile/E2eMessageSharedIcon.tsx
new file mode 100644
index 0000000000..d6dd6868eb
--- /dev/null
+++ b/src/components/views/rooms/EventTile/E2eMessageSharedIcon.tsx
@@ -0,0 +1,45 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { type JSX } from "react";
+import { EventTimeline } from "matrix-js-sdk/src/matrix";
+
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext.tsx";
+import { _t } from "../../../../languageHandler.tsx";
+import { E2ePadlock, E2ePadlockIcon } from "./E2ePadlock.tsx";
+
+/** The React properties of an {@link E2eMessageSharedIcon}. */
+interface E2eMessageSharedIconParams {
+    /** The ID of the user who shared the keys. */
+    keyForwardingUserId: string;
+
+    /** The ID of the room that contains the event whose keys were shared. Used to find the displayname of the user who shared the keys. */
+    roomId: string;
+}
+
+/**
+ * A small icon with tooltip, used as part of an {@link EventTile}, which indicates that the key to this event
+ * was shared with us by another user.
+ *
+ * An alternative to the {@link E2ePadlock} component, which is used for UTD events and other error cases.
+ */
+export function E2eMessageSharedIcon(props: E2eMessageSharedIconParams): JSX.Element {
+    const { roomId, keyForwardingUserId } = props;
+    const client = useMatrixClientContext();
+
+    const roomState = client.getRoom(roomId)?.getLiveTimeline()?.getState(EventTimeline.FORWARDS);
+    const forwardingMember = roomState?.getMember(keyForwardingUserId);
+
+    // We always disambiguate the user, since we need to prevent users from forging a disambiguation, and
+    // the ToolTip component doesn't support putting styling inside a label.
+    const tooltip = _t("encryption|message_shared_by", {
+        displayName: forwardingMember?.rawDisplayName ?? keyForwardingUserId,
+        userId: keyForwardingUserId,
+    });
+
+    return <E2ePadlock icon={E2ePadlockIcon.Normal} title={tooltip} />;
+}
diff --git a/src/components/views/rooms/EventTile/E2ePadlock.tsx b/src/components/views/rooms/EventTile/E2ePadlock.tsx
new file mode 100644
index 0000000000..a7fc925331
--- /dev/null
+++ b/src/components/views/rooms/EventTile/E2ePadlock.tsx
@@ -0,0 +1,66 @@
+/*
+Copyright 2025 Vector Creations Ltd.
+Copyright 2024 New Vector Ltd.
+Copyright 2015-2023 The Matrix.org Foundation C.I.C.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { type ReactNode } from "react";
+import { ErrorSolidIcon, InfoIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Tooltip } from "@vector-im/compound-web";
+
+import { _t } from "../../../../languageHandler.tsx";
+
+/**
+ * The icon to display in an {@link E2ePadlock}.
+ */
+export enum E2ePadlockIcon {
+    /** Compound Info icon in grey */
+    Normal = "normal",
+
+    /** Compound ErrorSolid icon in red */
+    Warning = "warning",
+
+    /** Compound ErrorSolid icon in grey */
+    DecryptionFailure = "decryption_failure",
+}
+
+interface IE2ePadlockProps {
+    /** The icon to display. */
+    icon: E2ePadlockIcon;
+
+    /** The tooltip for the icon, displayed on hover. */
+    title: string;
+}
+
+const icons = {
+    [E2ePadlockIcon.Normal]: <InfoIcon color="var(--cpd-color-icon-tertiary)" />,
+    [E2ePadlockIcon.Warning]: <ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />,
+    [E2ePadlockIcon.DecryptionFailure]: <ErrorSolidIcon color="var(--cpd-color-icon-tertiary)" />,
+};
+
+/**
+ * A small icon with tooltip, used in the left margin of an {@link EventTile}, which indicates a problem
+ * with an encrypted event.
+ *
+ * The icon is rendered with `data-testid="e2e-padlock"`.
+ */
+export function E2ePadlock(props: IE2ePadlockProps): ReactNode {
+    // We specify isTriggerInteractive=true and make the div interactive manually as a workaround for
+    // https://github.com/element-hq/compound/issues/294
+    return (
+        <Tooltip label={props.title} isTriggerInteractive={true}>
+            <div
+                data-testid="e2e-padlock"
+                className="mx_EventTile_e2eIcon"
+                tabIndex={0}
+                aria-label={_t("timeline|e2e_state")}
+            >
+                {icons[props.icon]}
+            </div>
+        </Tooltip>
+    );
+}
diff --git a/src/components/views/rooms/EventTile/EventTileThreadToolbar.tsx b/src/components/views/rooms/EventTile/EventTileThreadToolbar.tsx
index e587f73598..bd29b53fb7 100644
--- a/src/components/views/rooms/EventTile/EventTileThreadToolbar.tsx
+++ b/src/components/views/rooms/EventTile/EventTileThreadToolbar.tsx
@@ -7,12 +7,11 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX } from "react";
-import LinkIcon from "@vector-im/compound-design-tokens/assets/web/icons/link";
+import { LinkIcon, VisibilityOnIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { RovingAccessibleButton } from "../../../../accessibility/RovingTabIndex";
 import Toolbar from "../../../../accessibility/Toolbar";
 import { _t } from "../../../../languageHandler";
-import { Icon as ViewInRoomIcon } from "../../../../../res/img/element-icons/view-in-room.svg";
 import { type ButtonEvent } from "../../elements/AccessibleButton";
 
 export function EventTileThreadToolbar({
@@ -30,7 +29,7 @@ export function EventTileThreadToolbar({
                 title={_t("timeline|mab|view_in_room")}
                 key="view_in_room"
             >
-                <ViewInRoomIcon />
+                <VisibilityOnIcon />
             </RovingAccessibleButton>
             <RovingAccessibleButton
                 className="mx_MessageActionBar_iconButton"
diff --git a/src/components/views/rooms/HistoryTile.tsx b/src/components/views/rooms/HistoryTile.tsx
index a004aaeab9..0f34609e29 100644
--- a/src/components/views/rooms/HistoryTile.tsx
+++ b/src/components/views/rooms/HistoryTile.tsx
@@ -8,8 +8,9 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { EventTimeline } from "matrix-js-sdk/src/matrix";
+import { VisibilityOffIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
-import EventTileBubble from "../messages/EventTileBubble";
 import { _t } from "../../../languageHandler";
 import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
 
@@ -28,7 +29,8 @@ const HistoryTile: React.FC = () => {
 
     return (
         <EventTileBubble
-            className="mx_HistoryTile"
+            icon={<VisibilityOffIcon />}
+            className="mx_EventTileBubble mx_HistoryTile"
             title={_t("timeline|historical_messages_unavailable")}
             subtitle={subtitle}
         />
diff --git a/src/components/views/rooms/LegacyRoomList.tsx b/src/components/views/rooms/LegacyRoomList.tsx
index 95b62cf4c9..0876d6ae99 100644
--- a/src/components/views/rooms/LegacyRoomList.tsx
+++ b/src/components/views/rooms/LegacyRoomList.tsx
@@ -14,6 +14,7 @@ import {
     RoomIcon,
     SearchIcon,
     ShareIcon,
+    VideoCallSolidIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { type IState as IRovingTabIndexState, RovingTabIndexProvider } from "../../../accessibility/RovingTabIndex.tsx";
@@ -25,7 +26,7 @@ import { type ActionPayload } from "../../../dispatcher/payloads.ts";
 import { type ViewRoomDeltaPayload } from "../../../dispatcher/payloads/ViewRoomDeltaPayload.ts";
 import { type ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload.ts";
 import { useEventEmitterState } from "../../../hooks/useEventEmitter.ts";
-import { _t, _td, type TranslationKey } from "../../../languageHandler.tsx";
+import { _t, _td } from "../../../languageHandler.tsx";
 import { MatrixClientPeg } from "../../../MatrixClientPeg.ts";
 import PosthogTrackers from "../../../PosthogTrackers.ts";
 import SettingsStore from "../../../settings/SettingsStore.ts";
@@ -74,7 +75,6 @@ import { getKeyBindingsManager } from "../../../KeyBindingsManager.ts";
 import AccessibleButton from "../elements/AccessibleButton.tsx";
 import { Landmark, LandmarkNavigation } from "../../../accessibility/LandmarkNavigation.ts";
 import LegacyCallHandler, { LegacyCallHandlerEvent } from "../../../LegacyCallHandler.tsx";
-import { Icon as HashVideoIcon } from "../../../../res/img/element-icons/roomlist/hash-video.svg";
 
 interface IProps {
     onKeyDown: (ev: React.KeyboardEvent, state: IRovingTabIndexState) => void;
@@ -192,7 +192,9 @@ const DmAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex, dispatcher = default
                     title={_t("action|add_people")}
                     isExpanded={menuDisplayed}
                     ref={handle}
-                />
+                >
+                    <PlusIcon />
+                </ContextMenuTooltipButton>
 
                 {contextMenu}
             </>
@@ -208,7 +210,9 @@ const DmAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex, dispatcher = default
                 className="mx_RoomSublist_auxButton"
                 aria-label={_t("action|start_chat")}
                 title={_t("action|start_chat")}
-            />
+            >
+                <PlusIcon />
+            </AccessibleButton>
         );
     }
 
@@ -269,7 +273,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
                         {videoRoomsEnabled && (
                             <IconizedContextMenuOption
                                 label={_t("action|new_video_room")}
-                                icon={<HashVideoIcon />}
+                                icon={<VideoCallSolidIcon />}
                                 onClick={(e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
@@ -320,7 +324,7 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
                         {videoRoomsEnabled && (
                             <IconizedContextMenuOption
                                 label={_t("action|new_video_room")}
-                                icon={<HashVideoIcon />}
+                                icon={<VideoCallSolidIcon />}
                                 onClick={(e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
@@ -375,7 +379,9 @@ const UntaggedAuxButton: React.FC<IAuxButtonProps> = ({ tabIndex }) => {
                     title={_t("room_list|add_room_label")}
                     isExpanded={menuDisplayed}
                     ref={handle}
-                />
+                >
+                    <PlusIcon />
+                </ContextMenuTooltipButton>
 
                 {contextMenu}
             </>
diff --git a/src/components/views/rooms/LegacyRoomListHeader.tsx b/src/components/views/rooms/LegacyRoomListHeader.tsx
index a3c96ff60f..bf389c4b0c 100644
--- a/src/components/views/rooms/LegacyRoomListHeader.tsx
+++ b/src/components/views/rooms/LegacyRoomListHeader.tsx
@@ -14,6 +14,9 @@ import {
     UserAddSolidIcon,
     SearchIcon,
     UserAddIcon,
+    VideoCallSolidIcon,
+    ChevronDownIcon,
+    ChevronUpIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
@@ -57,7 +60,6 @@ import IconizedContextMenu, {
 import SpaceContextMenu from "../context_menus/SpaceContextMenu";
 import InlineSpinner from "../elements/InlineSpinner";
 import { HomeButtonContextMenu } from "../spaces/SpacePanel";
-import { Icon as HashVideoIcon } from "../../../../res/img/element-icons/roomlist/hash-video.svg";
 
 const contextMenuBelow = (elementRect: DOMRect): MenuProps => {
     // align the context menu's icons with the icon which opened the context menu
@@ -131,7 +133,7 @@ const LegacyRoomListHeader: React.FC<IProps> = ({ onVisibilityChange }) => {
     const elementCallVideoRoomsEnabled = useFeatureEnabled("feature_element_call_video_rooms");
     const pendingActions = usePendingActions();
 
-    const canShowMainMenu = activeSpace || spaceKey === MetaSpace.Home;
+    const canShowMainMenu = !!activeSpace || spaceKey === MetaSpace.Home;
 
     useEffect(() => {
         if (mainMenuDisplayed && !canShowMainMenu) {
@@ -213,7 +215,7 @@ const LegacyRoomListHeader: React.FC<IProps> = ({ onVisibilityChange }) => {
                     />
                     {videoRoomsEnabled && (
                         <IconizedContextMenuOption
-                            icon={<HashVideoIcon />}
+                            icon={<VideoCallSolidIcon />}
                             label={_t("action|new_video_room")}
                             onClick={(e) => {
                                 e.preventDefault();
@@ -319,7 +321,7 @@ const LegacyRoomListHeader: React.FC<IProps> = ({ onVisibilityChange }) => {
                     {videoRoomsEnabled && (
                         <IconizedContextMenuOption
                             label={_t("action|new_video_room")}
-                            icon={<HashVideoIcon />}
+                            icon={<VideoCallSolidIcon />}
                             onClick={(e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
@@ -392,7 +394,11 @@ const LegacyRoomListHeader: React.FC<IProps> = ({ onVisibilityChange }) => {
             onClick: openMainMenu,
             isExpanded: mainMenuDisplayed,
             className: "mx_LegacyRoomListHeader_contextMenuButton",
-            children: title,
+            children: (
+                <>
+                    {title} {mainMenuDisplayed ? <ChevronUpIcon /> : <ChevronDownIcon />}
+                </>
+            ),
         };
 
         if (!!activeSpace) {
@@ -422,7 +428,9 @@ const LegacyRoomListHeader: React.FC<IProps> = ({ onVisibilityChange }) => {
                     isExpanded={plusMenuDisplayed}
                     className="mx_LegacyRoomListHeader_plusButton"
                     title={_t("action|add")}
-                />
+                >
+                    <PlusIcon />
+                </ContextMenuTooltipButton>
             )}
 
             {contextMenu}
diff --git a/src/components/views/rooms/LiveContentSummary.tsx b/src/components/views/rooms/LiveContentSummary.tsx
index ada3209f07..1e283d9cd3 100644
--- a/src/components/views/rooms/LiveContentSummary.tsx
+++ b/src/components/views/rooms/LiveContentSummary.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type FC } from "react";
 import classNames from "classnames";
+import { GroupIcon, VideoCallSolidIcon, VoiceCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 
@@ -30,11 +31,10 @@ export const LiveContentSummary: FC<Props> = ({ type, text, active, participantC
     <span className="mx_LiveContentSummary">
         <span
             className={classNames("mx_LiveContentSummary_text", {
-                mx_LiveContentSummary_text_video: type === LiveContentType.Video,
-                mx_LiveContentSummary_text_voice: type === LiveContentType.Voice,
                 mx_LiveContentSummary_text_active: active,
             })}
         >
+            {type === LiveContentType.Video ? <VideoCallSolidIcon /> : <VoiceCallSolidIcon />}
             {text}
         </span>
         {participantCount > 0 && (
@@ -44,6 +44,7 @@ export const LiveContentSummary: FC<Props> = ({ type, text, active, participantC
                     className="mx_LiveContentSummary_participants"
                     aria-label={_t("voip|n_people_joined", { count: participantCount })}
                 >
+                    <GroupIcon />
                     {participantCount}
                 </span>
             </>
diff --git a/src/components/views/rooms/MemberList/MemberListView.tsx b/src/components/views/rooms/MemberList/MemberListView.tsx
index 298a9ae19c..3a78d271d9 100644
--- a/src/components/views/rooms/MemberList/MemberListView.tsx
+++ b/src/components/views/rooms/MemberList/MemberListView.tsx
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { Form } from "@vector-im/compound-web";
 import React, { type JSX, useCallback } from "react";
-import { Flex } from "@element-hq/web-shared-components";
+import { Flex, type VirtualizedListContext, VirtualizedList } from "@element-hq/web-shared-components";
 
 import {
     type MemberWithSeparator,
@@ -19,7 +19,6 @@ import { ThreePidInviteTileView } from "./tiles/ThreePidInviteTileView";
 import { MemberListHeaderView } from "./MemberListHeaderView";
 import BaseCard from "../../right_panel/BaseCard";
 import { _t } from "../../../../languageHandler";
-import { type ListContext, ListView } from "../../../utils/ListView";
 
 interface IProps {
     roomId: string;
@@ -54,7 +53,7 @@ const MemberListView: React.FC<IProps> = (props: IProps) => {
         (
             index: number,
             item: MemberWithSeparator,
-            context: ListContext<any>,
+            context: VirtualizedListContext<any>,
             onFocus: (item: MemberWithSeparator, e: React.FocusEvent) => void,
         ): JSX.Element => {
             const itemKey = getItemKey(item);
@@ -109,7 +108,7 @@ const MemberListView: React.FC<IProps> = (props: IProps) => {
                 <Form.Root onSubmit={(e) => e.preventDefault()}>
                     <MemberListHeaderView vm={vm} />
                 </Form.Root>
-                <ListView
+                <VirtualizedList
                     items={vm.members}
                     getItemComponent={getItemComponent}
                     getItemKey={getItemKey}
diff --git a/src/components/views/rooms/MessageComposer.tsx b/src/components/views/rooms/MessageComposer.tsx
index c23bc7917d..06c843f190 100644
--- a/src/components/views/rooms/MessageComposer.tsx
+++ b/src/components/views/rooms/MessageComposer.tsx
@@ -54,7 +54,6 @@ import { type MatrixClientProps, withMatrixClientHOC } from "../../../contexts/M
 import { UIFeature } from "../../../settings/UIFeature";
 import { formatTimeLeft } from "../../../DateUtils";
 import RoomReplacedSvg from "../../../../res/img/room_replaced.svg";
-import { HistoryVisibleBanner } from "../composer/HistoryVisibleBanner";
 
 // The prefix used when persisting editor drafts to localstorage.
 export const WYSIWYG_EDITOR_STATE_STORAGE_PREFIX = "mx_wysiwyg_state_";
@@ -675,11 +674,6 @@ export class MessageComposer extends React.Component<IProps, IState> {
 
         return (
             <div className={classes} ref={this.ref} role="region" aria-label={_t("a11y|message_composer")}>
-                <HistoryVisibleBanner
-                    room={this.props.room}
-                    canSendMessages={canSendMessages}
-                    threadId={threadId ?? null}
-                />
                 <div className="mx_MessageComposer_wrapper">
                     <UserIdentityWarning room={this.props.room} key={this.props.room.roomId} />
                     <ReplyPreview
diff --git a/src/components/views/rooms/NewRoomIntro.tsx b/src/components/views/rooms/NewRoomIntro.tsx
index 67daec115d..b486b5e059 100644
--- a/src/components/views/rooms/NewRoomIntro.tsx
+++ b/src/components/views/rooms/NewRoomIntro.tsx
@@ -9,10 +9,12 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX, useContext } from "react";
 import { EventType, type Room, type User, type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
+import { ErrorSolidIcon, UserAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { EventTileBubble } from "@element-hq/web-shared-components";
 
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import DMRoomMap from "../../../utils/DMRoomMap";
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
 import MiniAvatarUploader, { AVATAR_SIZE } from "../elements/MiniAvatarUploader";
 import RoomAvatar from "../avatars/RoomAvatar";
@@ -21,7 +23,6 @@ import { type ViewUserPayload } from "../../../dispatcher/payloads/ViewUserPaylo
 import { Action } from "../../../dispatcher/actions";
 import SpaceStore from "../../../stores/spaces/SpaceStore";
 import { showSpaceInvite } from "../../../utils/space";
-import EventTileBubble from "../messages/EventTileBubble";
 import { RoomSettingsTab } from "../dialogs/RoomSettingsDialog";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
@@ -190,6 +191,7 @@ const NewRoomIntro: React.FC = () => {
                             showSpaceInvite(parentSpace!);
                         }}
                     >
+                        <UserAddIcon />
                         {_t("invite|to_space", { spaceName: parentSpace.name })}
                     </AccessibleButton>
                     {room.canInvite(cli.getSafeUserId()) && (
@@ -200,6 +202,7 @@ const NewRoomIntro: React.FC = () => {
                                 defaultDispatcher.dispatch({ action: "view_invite", roomId });
                             }}
                         >
+                            <UserAddIcon />
                             {_t("room|intro|room_invite")}
                         </AccessibleButton>
                     )}
@@ -215,6 +218,7 @@ const NewRoomIntro: React.FC = () => {
                             defaultDispatcher.dispatch({ action: "view_invite", roomId });
                         }}
                     >
+                        <UserAddIcon />
                         {_t("room|invite_this_room")}
                     </AccessibleButton>
                 </div>
@@ -291,7 +295,8 @@ const NewRoomIntro: React.FC = () => {
         <li className="mx_NewRoomIntro">
             {!hasExpectedEncryptionSettings(cli, room) && (
                 <EventTileBubble
-                    className="mx_cryptoEvent mx_cryptoEvent_icon_warning"
+                    icon={<ErrorSolidIcon color="var(--cpd-color-icon-critical-primary)" />}
+                    className="mx_EventTileBubble mx_cryptoEvent"
                     title={_t("room|intro|unencrypted_warning")}
                     subtitle={subtitle}
                 />
diff --git a/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx b/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx
index 8e44a0a3b9..c217f71258 100644
--- a/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx
+++ b/src/components/views/rooms/NotificationBadge/StatelessNotificationBadge.tsx
@@ -8,12 +8,14 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type Ref, type JSX, type ReactNode } from "react";
 import classNames from "classnames";
+import { AskToJoinIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { formatCount } from "../../../../utils/FormattingUtils";
 import AccessibleButton, { type ButtonEvent } from "../../elements/AccessibleButton";
 import { NotificationLevel } from "../../../../stores/notifications/NotificationLevel";
 import { useSettingValue } from "../../../../hooks/useSettings";
 import { type XOR } from "../../../../@types/common";
+import { _t } from "../../../../languageHandler.tsx";
 
 interface Props {
     symbol: string | null;
@@ -70,11 +72,16 @@ export const StatelessNotificationBadge = ({
         symbol = formatCount(count);
     }
 
+    let icon: JSX.Element | undefined;
+    if (knocked) {
+        icon = <AskToJoinIcon aria-label={_t("room|knock_sent")} />;
+    }
+
     // We show a dot if either:
     // * The props force us to, or
     // * It's just an activity-level notification or (in theory) lower and the room isn't knocked
     const badgeType =
-        forceDot || (level <= NotificationLevel.Activity && !knocked)
+        forceDot || (level <= NotificationLevel.Activity && !icon)
             ? "dot"
             : !symbol || symbol.length < 3
               ? "badge_2char"
@@ -95,10 +102,12 @@ export const StatelessNotificationBadge = ({
         "cpd-theme-light": badgeType !== "dot",
     });
 
+    const content = icon || <span className="mx_NotificationBadge_count">{symbol}</span>;
+
     if (props.onClick) {
         return (
             <AccessibleButton {...props} className={classes} onClick={props.onClick} ref={props.ref}>
-                <span className="mx_NotificationBadge_count">{symbol}</span>
+                {content}
                 {props.children}
             </AccessibleButton>
         );
@@ -106,7 +115,7 @@ export const StatelessNotificationBadge = ({
 
     return (
         <div className={classes} ref={props.ref}>
-            <span className="mx_NotificationBadge_count">{symbol}</span>
+            {content}
         </div>
     );
 };
diff --git a/src/components/views/rooms/NotificationDecoration.tsx b/src/components/views/rooms/NotificationDecoration.tsx
index 321625adb1..732793551b 100644
--- a/src/components/views/rooms/NotificationDecoration.tsx
+++ b/src/components/views/rooms/NotificationDecoration.tsx
@@ -6,13 +6,15 @@
  */
 
 import React, { type HTMLProps, type JSX } from "react";
-import MentionIcon from "@vector-im/compound-design-tokens/assets/web/icons/mention";
-import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
-import NotificationOffIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications-off-solid";
-import VideoCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call-solid";
-import EmailIcon from "@vector-im/compound-design-tokens/assets/web/icons/email-solid";
+import {
+    MentionIcon,
+    ErrorIcon,
+    NotificationsOffSolidIcon,
+    VideoCallSolidIcon,
+    EmailSolidIcon,
+    VoiceCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 import { UnreadCounter, Unread } from "@vector-im/compound-web";
-import VoiceCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/voice-call-solid";
 import { CallType } from "matrix-js-sdk/src/webrtc/call";
 import { Flex } from "@element-hq/web-shared-components";
 
@@ -72,16 +74,16 @@ export function NotificationDecoration({
         >
             {isUnsentMessage && <ErrorIcon width="20px" height="20px" fill="var(--cpd-color-icon-critical-primary)" />}
             {callType === CallType.Video && (
-                <VideoCallIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
+                <VideoCallSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
             )}
             {callType === CallType.Voice && (
-                <VoiceCallIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
+                <VoiceCallSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />
             )}
-            {invited && <EmailIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />}
+            {invited && <EmailSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />}
             {isMention && <MentionIcon width="20px" height="20px" fill="var(--cpd-color-icon-accent-primary)" />}
             {(isMention || isNotification) && <UnreadCounter count={count || null} />}
             {isActivityNotification && <Unread />}
-            {muted && <NotificationOffIcon width="20px" height="20px" fill="var(--cpd-color-icon-tertiary)" />}
+            {muted && <NotificationsOffSolidIcon width="20px" height="20px" fill="var(--cpd-color-icon-tertiary)" />}
         </Flex>
     );
 }
diff --git a/src/components/views/rooms/ReplyTile.tsx b/src/components/views/rooms/ReplyTile.tsx
index cf80b38272..115dc6088c 100644
--- a/src/components/views/rooms/ReplyTile.tsx
+++ b/src/components/views/rooms/ReplyTile.tsx
@@ -112,8 +112,6 @@ export default class ReplyTile extends React.PureComponent<IProps> {
         const classes = classNames("mx_ReplyTile", {
             mx_ReplyTile_inline: msgType === MsgType.Emote,
             mx_ReplyTile_info: isInfoMessage && !mxEvent.isRedacted(),
-            mx_ReplyTile_audio: msgType === MsgType.Audio,
-            mx_ReplyTile_video: msgType === MsgType.Video,
         });
 
         let permalink = "#";
diff --git a/src/components/views/rooms/RoomHeader/RoomHeader.tsx b/src/components/views/rooms/RoomHeader/RoomHeader.tsx
index 1cf48f6618..b6c0086800 100644
--- a/src/components/views/rooms/RoomHeader/RoomHeader.tsx
+++ b/src/components/views/rooms/RoomHeader/RoomHeader.tsx
@@ -18,10 +18,11 @@ import NotificationsIcon from "@vector-im/compound-design-tokens/assets/web/icon
 import VerifiedIcon from "@vector-im/compound-design-tokens/assets/web/icons/verified";
 import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import PublicIcon from "@vector-im/compound-design-tokens/assets/web/icons/public";
-import { JoinRule, type Room } from "matrix-js-sdk/src/matrix";
+import { HistoryVisibility, JoinRule, type Room } from "matrix-js-sdk/src/matrix";
 import { type ViewRoomOpts } from "@matrix-org/react-sdk-module-api/lib/lifecycles/RoomViewLifecycle";
 import { Flex, Box } from "@element-hq/web-shared-components";
 import { CallType } from "matrix-js-sdk/src/webrtc/call";
+import { HistoryIcon, UserProfileSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { useRoomName } from "../../../../hooks/useRoomName.ts";
 import { RightPanelPhases } from "../../../../stores/right-panel/RightPanelStorePhases.ts";
@@ -55,6 +56,7 @@ import { useScopedRoomContext } from "../../../../contexts/ScopedRoomContext.tsx
 import { ToggleableIcon } from "./toggle/ToggleableIcon.tsx";
 import { CurrentRightPanelPhaseContextProvider } from "../../../../contexts/CurrentRightPanelPhaseContext.tsx";
 import { LocalRoom } from "../../../../models/LocalRoom.ts";
+import { useIsEncrypted } from "../../../../hooks/useIsEncrypted.ts";
 
 function RoomHeaderButtons({
     room,
@@ -389,6 +391,40 @@ function RoomHeaderButtons({
     );
 }
 
+/** Create an icon to warn the user about shared history visibility, in encrypted rooms.
+ *
+ * Note that we use the same icon as in the room summary card and elsewhere, to aid user recognition.
+ */
+function historyVisibilityIcon(historyVisibility: HistoryVisibility): JSX.Element | null {
+    if (historyVisibility === HistoryVisibility.Shared) {
+        return (
+            <Tooltip label={_t("room|header|shared_history_tooltip")} placement="right">
+                <HistoryIcon
+                    width="16px"
+                    height="16px"
+                    className="mx_RoomHeader_icon"
+                    color="var(--cpd-color-icon-info-primary)"
+                    aria-label={_t("room|header|shared_history_tooltip")}
+                />
+            </Tooltip>
+        );
+    } else if (historyVisibility === HistoryVisibility.WorldReadable) {
+        return (
+            <Tooltip label={_t("room|header|world_readable_history_tooltip")} placement="right">
+                <UserProfileSolidIcon
+                    width="16px"
+                    height="16px"
+                    className="mx_RoomHeader_icon"
+                    color="var(--cpd-color-icon-info-primary)"
+                    aria-label={_t("room|header|world_readable_history_tooltip")}
+                />
+            </Tooltip>
+        );
+    } else {
+        return null;
+    }
+}
+
 export default function RoomHeader({
     room,
     additionalButtons,
@@ -401,8 +437,11 @@ export default function RoomHeader({
     const client = useMatrixClientContext();
     const roomName = useRoomName(room);
     const joinRule = useRoomState(room, (state) => state.getJoinRule());
+    const historyVisibility = useRoomState(room, (state) => state.getHistoryVisibility());
+    const historySharingEnabled = useFeatureEnabled("feature_share_history_on_invite");
     const dmMember = useDmMember(room);
     const isDirectMessage = !!dmMember;
+    const isRoomEncrypted = useIsEncrypted(client, room);
     const e2eStatus = useEncryptionStatus(client, room);
     const askToJoinEnabled = useFeatureEnabled("feature_ask_to_join");
     const onAvatarClick = (): void => {
@@ -484,6 +523,8 @@ export default function RoomHeader({
                                         />
                                     </Tooltip>
                                 )}
+
+                                {isRoomEncrypted && historySharingEnabled && historyVisibilityIcon(historyVisibility)}
                             </Text>
                         </Box>
                     </button>
diff --git a/src/components/views/rooms/RoomListPanel/EmptyRoomList.tsx b/src/components/views/rooms/RoomListPanel/EmptyRoomList.tsx
deleted file mode 100644
index 8c1d04b8c5..0000000000
--- a/src/components/views/rooms/RoomListPanel/EmptyRoomList.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React, { type JSX, type PropsWithChildren } from "react";
-import { Button } from "@vector-im/compound-web";
-import ChatIcon from "@vector-im/compound-design-tokens/assets/web/icons/chat";
-import RoomIcon from "@vector-im/compound-design-tokens/assets/web/icons/room";
-import { Flex } from "@element-hq/web-shared-components";
-
-import type { RoomListViewState } from "../../../viewmodels/roomlist/RoomListViewModel";
-import { _t } from "../../../../languageHandler";
-import { FilterKey } from "../../../../stores/room-list-v3/skip-list/filters";
-import { type PrimaryFilter } from "../../../viewmodels/roomlist/useFilteredRooms";
-
-interface EmptyRoomListProps {
-    /**
-     * The view model for the room list
-     */
-    vm: RoomListViewState;
-}
-
-/**
- * The empty state for the room list
- */
-export function EmptyRoomList({ vm }: EmptyRoomListProps): JSX.Element | undefined {
-    // If there is no active primary filter, show the default empty state
-    if (!vm.activePrimaryFilter) return <DefaultPlaceholder vm={vm} />;
-
-    switch (vm.activePrimaryFilter.key) {
-        case FilterKey.FavouriteFilter:
-            return (
-                <GenericPlaceholder
-                    title={_t("room_list|empty|no_favourites")}
-                    description={_t("room_list|empty|no_favourites_description")}
-                />
-            );
-        case FilterKey.PeopleFilter:
-            return (
-                <GenericPlaceholder
-                    title={_t("room_list|empty|no_people")}
-                    description={_t("room_list|empty|no_people_description")}
-                />
-            );
-        case FilterKey.RoomsFilter:
-            return (
-                <GenericPlaceholder
-                    title={_t("room_list|empty|no_rooms")}
-                    description={_t("room_list|empty|no_rooms_description")}
-                />
-            );
-        case FilterKey.UnreadFilter:
-            return (
-                <ActionPlaceholder
-                    title={_t("room_list|empty|no_unread")}
-                    action={_t("room_list|empty|show_chats")}
-                    filter={vm.activePrimaryFilter}
-                />
-            );
-        case FilterKey.InvitesFilter:
-            return (
-                <ActionPlaceholder
-                    title={_t("room_list|empty|no_invites")}
-                    action={_t("room_list|empty|show_activity")}
-                    filter={vm.activePrimaryFilter}
-                />
-            );
-        case FilterKey.MentionsFilter:
-            return (
-                <ActionPlaceholder
-                    title={_t("room_list|empty|no_mentions")}
-                    action={_t("room_list|empty|show_activity")}
-                    filter={vm.activePrimaryFilter}
-                />
-            );
-        case FilterKey.LowPriorityFilter:
-            return (
-                <ActionPlaceholder
-                    title={_t("room_list|empty|no_lowpriority")}
-                    action={_t("room_list|empty|show_activity")}
-                    filter={vm.activePrimaryFilter}
-                />
-            );
-        default:
-            return undefined;
-    }
-}
-
-interface GenericPlaceholderProps {
-    /**
-     * The title of the placeholder
-     */
-    title: string;
-    /**
-     * The description of the placeholder
-     */
-    description?: string;
-}
-
-/**
- * A generic placeholder for the room list
- */
-function GenericPlaceholder({ title, description, children }: PropsWithChildren<GenericPlaceholderProps>): JSX.Element {
-    return (
-        <Flex
-            data-testid="empty-room-list"
-            className="mx_EmptyRoomList_GenericPlaceholder"
-            direction="column"
-            align="stretch"
-            justify="center"
-            gap="var(--cpd-space-2x)"
-        >
-            <span className="mx_EmptyRoomList_GenericPlaceholder_title">{title}</span>
-            {description && <span className="mx_EmptyRoomList_GenericPlaceholder_description">{description}</span>}
-            {children}
-        </Flex>
-    );
-}
-
-interface DefaultPlaceholderProps {
-    /**
-     * The view model for the room list
-     */
-    vm: RoomListViewState;
-}
-
-/**
- * The default empty state for the room list when no primary filter is active
- * The user can create chat or room (if they have the permission)
- */
-function DefaultPlaceholder({ vm }: DefaultPlaceholderProps): JSX.Element {
-    return (
-        <GenericPlaceholder
-            title={_t("room_list|empty|no_chats")}
-            description={
-                vm.canCreateRoom
-                    ? _t("room_list|empty|no_chats_description")
-                    : _t("room_list|empty|no_chats_description_no_room_rights")
-            }
-        >
-            <Flex
-                className="mx_EmptyRoomList_DefaultPlaceholder"
-                align="center"
-                justify="center"
-                direction="column"
-                gap="var(--cpd-space-4x)"
-            >
-                <Button size="sm" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
-                    {_t("action|start_chat")}
-                </Button>
-                {vm.canCreateRoom && (
-                    <Button size="sm" kind="secondary" Icon={RoomIcon} onClick={vm.createRoom}>
-                        {_t("action|new_room")}
-                    </Button>
-                )}
-            </Flex>
-        </GenericPlaceholder>
-    );
-}
-
-interface ActionPlaceholderProps {
-    filter: PrimaryFilter;
-    title: string;
-    action: string;
-}
-
-/**
- * A placeholder for the room list when a filter is active
- * The user can take action to toggle the filter
- */
-function ActionPlaceholder({ filter, title, action }: ActionPlaceholderProps): JSX.Element {
-    return (
-        <GenericPlaceholder title={title}>
-            <Button kind="tertiary" onClick={filter.toggle}>
-                {action}
-            </Button>
-        </GenericPlaceholder>
-    );
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomList.tsx b/src/components/views/rooms/RoomListPanel/RoomList.tsx
deleted file mode 100644
index c1c081ca9c..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomList.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React, { useCallback, useRef, type JSX } from "react";
-import { type Room } from "matrix-js-sdk/src/matrix";
-import { type ScrollIntoViewLocation } from "react-virtuoso";
-import { isEqual } from "lodash";
-
-import { type RoomListViewState } from "../../../viewmodels/roomlist/RoomListViewModel";
-import { _t } from "../../../../languageHandler";
-import { RoomListItemView } from "./RoomListItemView";
-import { type ListContext, ListView } from "../../../utils/ListView";
-import { type FilterKey } from "../../../../stores/room-list-v3/skip-list/filters";
-import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
-import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
-import { Landmark, LandmarkNavigation } from "../../../../accessibility/LandmarkNavigation";
-
-interface RoomListProps {
-    /**
-     * The view model state for the room list.
-     */
-    vm: RoomListViewState;
-}
-/**
- * Height of a single room list item
- */
-const ROOM_LIST_ITEM_HEIGHT = 48;
-/**
- * Amount to extend the top and bottom of the viewport by.
- * From manual testing and user feedback 25 items is reported to be enough to avoid blank space when using the mouse wheel,
- * and the trackpad scrolling at a slow to moderate speed where you can still see/read the content.
- * Using the trackpad to sling through a large percentage of the list quickly will still show blank space.
- * We would likely need to simplify the item content to improve this case.
- */
-const EXTENDED_VIEWPORT_HEIGHT = 25 * ROOM_LIST_ITEM_HEIGHT;
-/**
- * A virtualized list of rooms.
- */
-export function RoomList({ vm: { roomsResult, activeIndex } }: RoomListProps): JSX.Element {
-    const lastSpaceId = useRef<string | undefined>(undefined);
-    const lastFilterKeys = useRef<FilterKey[] | undefined>(undefined);
-    const roomCount = roomsResult.rooms.length;
-    const getItemComponent = useCallback(
-        (
-            index: number,
-            item: Room,
-            context: ListContext<{
-                spaceId: string;
-                filterKeys: FilterKey[] | undefined;
-            }>,
-            onFocus: (item: Room, e: React.FocusEvent) => void,
-        ): JSX.Element => {
-            const itemKey = item.roomId;
-            const isRovingItem = itemKey === context.tabIndexKey;
-            const isFocused = isRovingItem && context.focused;
-            const isSelected = activeIndex === index;
-            return (
-                <RoomListItemView
-                    room={item}
-                    key={itemKey}
-                    isSelected={isSelected}
-                    isFocused={isFocused}
-                    tabIndex={isRovingItem ? 0 : -1}
-                    roomIndex={index}
-                    roomCount={roomCount}
-                    onFocus={onFocus}
-                />
-            );
-        },
-        [activeIndex, roomCount],
-    );
-
-    const getItemKey = useCallback((item: Room): string => {
-        return item.roomId;
-    }, []);
-
-    const scrollIntoViewOnChange = useCallback(
-        (params: {
-            context: ListContext<{ spaceId: string; filterKeys: FilterKey[] | undefined }>;
-        }): ScrollIntoViewLocation | null | undefined | false | void => {
-            const { spaceId, filterKeys } = params.context.context;
-            const shouldScrollIndexIntoView =
-                lastSpaceId.current !== spaceId || !isEqual(lastFilterKeys.current, filterKeys);
-            lastFilterKeys.current = filterKeys;
-            lastSpaceId.current = spaceId;
-
-            if (shouldScrollIndexIntoView) {
-                return {
-                    align: `start`,
-                    index: activeIndex || 0,
-                    behavior: "auto",
-                };
-            }
-            return false;
-        },
-        [activeIndex],
-    );
-
-    const keyDownCallback = useCallback((ev: React.KeyboardEvent) => {
-        const navAction = getKeyBindingsManager().getNavigationAction(ev);
-        if (navAction === KeyBindingAction.NextLandmark || navAction === KeyBindingAction.PreviousLandmark) {
-            LandmarkNavigation.findAndFocusNextLandmark(
-                Landmark.ROOM_LIST,
-                navAction === KeyBindingAction.PreviousLandmark,
-            );
-            ev.stopPropagation();
-            ev.preventDefault();
-            return;
-        }
-    }, []);
-
-    return (
-        <ListView
-            context={{ spaceId: roomsResult.spaceId, filterKeys: roomsResult.filterKeys }}
-            scrollIntoViewOnChange={scrollIntoViewOnChange}
-            initialTopMostItemIndex={activeIndex}
-            data-testid="room-list"
-            role="listbox"
-            aria-label={_t("room_list|list_title")}
-            fixedItemHeight={ROOM_LIST_ITEM_HEIGHT}
-            items={roomsResult.rooms}
-            getItemComponent={getItemComponent}
-            getItemKey={getItemKey}
-            isItemFocusable={() => true}
-            onKeyDown={keyDownCallback}
-            increaseViewportBy={{
-                bottom: EXTENDED_VIEWPORT_HEIGHT,
-                top: EXTENDED_VIEWPORT_HEIGHT,
-            }}
-        />
-    );
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomListHeaderView.tsx b/src/components/views/rooms/RoomListPanel/RoomListHeaderView.tsx
deleted file mode 100644
index 5fdc5e4bc4..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomListHeaderView.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-import React, { type JSX, useState } from "react";
-import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
-import ComposeIcon from "@vector-im/compound-design-tokens/assets/web/icons/compose";
-import UserAddIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add";
-import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
-import RoomIcon from "@vector-im/compound-design-tokens/assets/web/icons/room";
-import HomeIcon from "@vector-im/compound-design-tokens/assets/web/icons/home";
-import PreferencesIcon from "@vector-im/compound-design-tokens/assets/web/icons/preferences";
-import SettingsIcon from "@vector-im/compound-design-tokens/assets/web/icons/settings";
-import VideoCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call";
-import ChatIcon from "@vector-im/compound-design-tokens/assets/web/icons/chat";
-import { Flex } from "@element-hq/web-shared-components";
-
-import { _t } from "../../../../languageHandler";
-import {
-    type RoomListHeaderViewState,
-    useRoomListHeaderViewModel,
-} from "../../../viewmodels/roomlist/RoomListHeaderViewModel";
-import { RoomListOptionsMenu } from "./RoomListOptionsMenu";
-
-/**
- * The header view for the room list
- * The space name is displayed and a compose menu is shown if the user can create rooms
- */
-export function RoomListHeaderView(): JSX.Element {
-    const vm = useRoomListHeaderViewModel();
-
-    return (
-        <Flex
-            as="header"
-            className="mx_RoomListHeaderView"
-            aria-label={_t("room|context_menu|title")}
-            justify="space-between"
-            align="center"
-            data-testid="room-list-header"
-        >
-            <Flex className="mx_RoomListHeaderView_title" align="center" gap="var(--cpd-space-1x)">
-                <h1 title={vm.title}>{vm.title}</h1>
-                {vm.displaySpaceMenu && <SpaceMenu vm={vm} />}
-            </Flex>
-            <Flex align="center" gap="var(--cpd-space-2x)">
-                <div className="mx_RoomListHeaderView_ReleaseAnnouncementAnchor">
-                    <RoomListOptionsMenu vm={vm} />
-                </div>
-
-                {/* If we don't display the compose menu, it means that the user can only send DM */}
-                <div className="mx_RoomListHeaderView_ReleaseAnnouncementAnchor">
-                    {vm.displayComposeMenu ? (
-                        <ComposeMenu vm={vm} />
-                    ) : (
-                        <IconButton
-                            onClick={(e) => vm.createChatRoom(e.nativeEvent)}
-                            tooltip={_t("action|new_conversation")}
-                        >
-                            <ComposeIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
-                        </IconButton>
-                    )}
-                </div>
-            </Flex>
-        </Flex>
-    );
-}
-
-interface SpaceMenuProps {
-    /**
-     * The view model for the room list header
-     */
-    vm: RoomListHeaderViewState;
-}
-
-/**
- * The space menu for the room list header
- */
-function SpaceMenu({ vm }: SpaceMenuProps): JSX.Element {
-    const [open, setOpen] = useState(false);
-
-    return (
-        <Menu
-            open={open}
-            onOpenChange={setOpen}
-            title={vm.title}
-            side="right"
-            align="start"
-            trigger={
-                <IconButton className="mx_SpaceMenu_button" aria-label={_t("room_list|open_space_menu")} size="20px">
-                    <ChevronDownIcon color="var(--cpd-color-icon-secondary)" />
-                </IconButton>
-            }
-        >
-            <MenuItem
-                Icon={HomeIcon}
-                label={_t("room_list|space_menu|home")}
-                onSelect={vm.openSpaceHome}
-                hideChevron={true}
-            />
-            {vm.canInviteInSpace && (
-                <MenuItem
-                    Icon={UserAddIcon}
-                    label={_t("action|invite")}
-                    onSelect={vm.inviteInSpace}
-                    hideChevron={true}
-                />
-            )}
-            <MenuItem
-                Icon={PreferencesIcon}
-                label={_t("common|preferences")}
-                onSelect={vm.openSpacePreferences}
-                hideChevron={true}
-            />
-            {vm.canAccessSpaceSettings && (
-                <MenuItem
-                    Icon={SettingsIcon}
-                    label={_t("room_list|space_menu|space_settings")}
-                    onSelect={vm.openSpaceSettings}
-                    hideChevron={true}
-                />
-            )}
-        </Menu>
-    );
-}
-
-interface ComposeMenuProps {
-    /**
-     * The view model for the room list header
-     */
-    vm: RoomListHeaderViewState;
-}
-
-/**
- * The compose menu for the room list header
- */
-function ComposeMenu({ vm }: ComposeMenuProps): JSX.Element {
-    const [open, setOpen] = useState(false);
-
-    return (
-        <Menu
-            open={open}
-            onOpenChange={setOpen}
-            showTitle={false}
-            title={_t("action|open_menu")}
-            side="right"
-            align="start"
-            trigger={
-                <IconButton tooltip={_t("action|new_conversation")}>
-                    <ComposeIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
-                </IconButton>
-            }
-        >
-            <MenuItem Icon={ChatIcon} label={_t("action|start_chat")} onSelect={vm.createChatRoom} hideChevron={true} />
-            {vm.canCreateRoom && (
-                <MenuItem Icon={RoomIcon} label={_t("action|new_room")} onSelect={vm.createRoom} hideChevron={true} />
-            )}
-            {vm.canCreateVideoRoom && (
-                <MenuItem
-                    Icon={VideoCallIcon}
-                    label={_t("action|new_video_room")}
-                    onSelect={vm.createVideoRoom}
-                    hideChevron={true}
-                />
-            )}
-        </Menu>
-    );
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomListItemContextMenuView.tsx b/src/components/views/rooms/RoomListPanel/RoomListItemContextMenuView.tsx
deleted file mode 100644
index f3ba4167e7..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomListItemContextMenuView.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { type Room } from "matrix-js-sdk/src/matrix";
-import { type JSX, type PropsWithChildren } from "react";
-import { ContextMenu } from "@vector-im/compound-web";
-import React from "react";
-
-import { _t } from "../../../../languageHandler";
-import { MoreOptionContent } from "./RoomListItemMenuView";
-import { useRoomListItemMenuViewModel } from "../../../viewmodels/roomlist/RoomListItemMenuViewModel";
-
-interface RoomListItemContextMenuViewProps {
-    /**
-     * The room to display the menu for.
-     */
-    room: Room;
-}
-
-/**
- * A view for the room list item context menu.
- */
-export function RoomListItemContextMenuView({
-    room,
-    children,
-}: PropsWithChildren<RoomListItemContextMenuViewProps>): JSX.Element {
-    const vm = useRoomListItemMenuViewModel(room);
-
-    return (
-        <ContextMenu
-            title={_t("room_list|room|more_options")}
-            showTitle={false}
-            // To not mess with the roving tab index of the button
-            hasAccessibleAlternative={true}
-            trigger={children}
-        >
-            <MoreOptionContent vm={vm} />
-        </ContextMenu>
-    );
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx b/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx
deleted file mode 100644
index 1162d07e9a..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomListItemMenuView.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React, { type JSX, useState } from "react";
-import { IconButton, Menu, MenuItem, Separator, ToggleMenuItem } from "@vector-im/compound-web";
-import MarkAsReadIcon from "@vector-im/compound-design-tokens/assets/web/icons/mark-as-read";
-import MarkAsUnreadIcon from "@vector-im/compound-design-tokens/assets/web/icons/mark-as-unread";
-import FavouriteIcon from "@vector-im/compound-design-tokens/assets/web/icons/favourite";
-import ArrowDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/arrow-down";
-import UserAddIcon from "@vector-im/compound-design-tokens/assets/web/icons/user-add";
-import LinkIcon from "@vector-im/compound-design-tokens/assets/web/icons/link";
-import LeaveIcon from "@vector-im/compound-design-tokens/assets/web/icons/leave";
-import OverflowIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
-import NotificationIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications-solid";
-import NotificationOffIcon from "@vector-im/compound-design-tokens/assets/web/icons/notifications-off-solid";
-import CheckIcon from "@vector-im/compound-design-tokens/assets/web/icons/check";
-import { type Room } from "matrix-js-sdk/src/matrix";
-import { Flex } from "@element-hq/web-shared-components";
-import classNames from "classnames";
-
-import { _t } from "../../../../languageHandler";
-import {
-    type RoomListItemMenuViewState,
-    useRoomListItemMenuViewModel,
-} from "../../../viewmodels/roomlist/RoomListItemMenuViewModel";
-import { RoomNotifState } from "../../../../RoomNotifs";
-
-interface RoomListItemMenuViewProps {
-    /**
-     * Additional class name for the root element.
-     */
-    className?: string;
-
-    /**
-     * The room to display the menu for.
-     */
-    room: Room;
-}
-
-/**
- * A view for the room list item menu.
- */
-export function RoomListItemMenuView({ room, className }: RoomListItemMenuViewProps): JSX.Element {
-    const vm = useRoomListItemMenuViewModel(room);
-
-    return (
-        <Flex className={classNames("mx_RoomListItemMenuView", className)} align="center" gap="var(--cpd-space-1x)">
-            {vm.showMoreOptionsMenu && <MoreOptionsMenu vm={vm} />}
-            {vm.showNotificationMenu && <NotificationMenu vm={vm} />}
-        </Flex>
-    );
-}
-
-interface MoreOptionsMenuProps {
-    /**
-     * The view model state for the menu.
-     */
-    vm: RoomListItemMenuViewState;
-}
-
-/**
- * The more options menu for the room list item.
- */
-function MoreOptionsMenu({ vm }: MoreOptionsMenuProps): JSX.Element {
-    const [open, setOpen] = useState(false);
-
-    return (
-        <Menu
-            open={open}
-            onOpenChange={setOpen}
-            title={_t("room_list|room|more_options")}
-            showTitle={false}
-            align="start"
-            trigger={
-                <IconButton
-                    tooltip={_t("room_list|room|more_options")}
-                    aria-label={_t("room_list|room|more_options")}
-                    size="24px"
-                >
-                    <OverflowIcon />
-                </IconButton>
-            }
-        >
-            <MoreOptionContent vm={vm} />
-        </Menu>
-    );
-}
-
-interface MoreOptionContentProps {
-    /**
-     * The view model state for the menu.
-     */
-    vm: RoomListItemMenuViewState;
-}
-
-export function MoreOptionContent({ vm }: MoreOptionContentProps): JSX.Element {
-    return (
-        <div
-            // We don't want keyboard navigation events to bubble up to the ListView changing the focused item
-            onKeyDown={(e) => e.stopPropagation()}
-        >
-            {vm.canMarkAsRead && (
-                <MenuItem
-                    Icon={MarkAsReadIcon}
-                    label={_t("room_list|more_options|mark_read")}
-                    onSelect={vm.markAsRead}
-                    onClick={(evt) => evt.stopPropagation()}
-                    hideChevron={true}
-                />
-            )}
-            {vm.canMarkAsUnread && (
-                <MenuItem
-                    Icon={MarkAsUnreadIcon}
-                    label={_t("room_list|more_options|mark_unread")}
-                    onSelect={vm.markAsUnread}
-                    onClick={(evt) => evt.stopPropagation()}
-                    hideChevron={true}
-                />
-            )}
-            <ToggleMenuItem
-                checked={vm.isFavourite}
-                Icon={FavouriteIcon}
-                label={_t("room_list|more_options|favourited")}
-                onSelect={vm.toggleFavorite}
-                onClick={(evt) => evt.stopPropagation()}
-            />
-            <ToggleMenuItem
-                checked={vm.isLowPriority}
-                Icon={ArrowDownIcon}
-                label={_t("room_list|more_options|low_priority")}
-                onSelect={vm.toggleLowPriority}
-                onClick={(evt) => evt.stopPropagation()}
-            />
-            {vm.canInvite && (
-                <MenuItem
-                    Icon={UserAddIcon}
-                    label={_t("action|invite")}
-                    onSelect={vm.invite}
-                    onClick={(evt) => evt.stopPropagation()}
-                    hideChevron={true}
-                />
-            )}
-            {vm.canCopyRoomLink && (
-                <MenuItem
-                    Icon={LinkIcon}
-                    label={_t("room_list|more_options|copy_link")}
-                    onSelect={vm.copyRoomLink}
-                    onClick={(evt) => evt.stopPropagation()}
-                    hideChevron={true}
-                />
-            )}
-            <Separator />
-            <MenuItem
-                kind="critical"
-                Icon={LeaveIcon}
-                label={_t("room_list|more_options|leave_room")}
-                onSelect={vm.leaveRoom}
-                onClick={(evt) => evt.stopPropagation()}
-                hideChevron={true}
-            />
-        </div>
-    );
-}
-
-interface NotificationMenuProps {
-    /**
-     * The view model state for the menu.
-     */
-    vm: RoomListItemMenuViewState;
-}
-
-function NotificationMenu({ vm }: NotificationMenuProps): JSX.Element {
-    const [open, setOpen] = useState(false);
-    const checkComponent = <CheckIcon width="24px" height="24px" color="var(--cpd-color-icon-primary)" />;
-
-    return (
-        <Menu
-            open={open}
-            onOpenChange={setOpen}
-            title={_t("room_list|notification_options")}
-            showTitle={false}
-            align="start"
-            trigger={
-                <IconButton
-                    size="24px"
-                    tooltip={_t("room_list|notification_options")}
-                    aria-label={_t("room_list|notification_options")}
-                >
-                    {vm.isNotificationMute ? <NotificationOffIcon /> : <NotificationIcon />}
-                </IconButton>
-            }
-        >
-            <div
-                // We don't want keyboard navigation events to bubble up to the ListView changing the focused item
-                onKeyDown={(e) => e.stopPropagation()}
-            >
-                <MenuItem
-                    aria-selected={vm.isNotificationAllMessage}
-                    hideChevron={true}
-                    label={_t("notifications|default_settings")}
-                    onSelect={() => vm.setRoomNotifState(RoomNotifState.AllMessages)}
-                    onClick={(evt) => evt.stopPropagation()}
-                >
-                    {vm.isNotificationAllMessage && checkComponent}
-                </MenuItem>
-                <MenuItem
-                    aria-selected={vm.isNotificationAllMessageLoud}
-                    hideChevron={true}
-                    label={_t("notifications|all_messages")}
-                    onSelect={() => vm.setRoomNotifState(RoomNotifState.AllMessagesLoud)}
-                    onClick={(evt) => evt.stopPropagation()}
-                >
-                    {vm.isNotificationAllMessageLoud && checkComponent}
-                </MenuItem>
-                <MenuItem
-                    aria-selected={vm.isNotificationMentionOnly}
-                    hideChevron={true}
-                    label={_t("notifications|mentions_keywords")}
-                    onSelect={() => vm.setRoomNotifState(RoomNotifState.MentionsOnly)}
-                    onClick={(evt) => evt.stopPropagation()}
-                >
-                    {vm.isNotificationMentionOnly && checkComponent}
-                </MenuItem>
-                <MenuItem
-                    aria-selected={vm.isNotificationMute}
-                    hideChevron={true}
-                    label={_t("notifications|mute_room")}
-                    onSelect={() => vm.setRoomNotifState(RoomNotifState.Mute)}
-                    onClick={(evt) => evt.stopPropagation()}
-                >
-                    {vm.isNotificationMute && checkComponent}
-                </MenuItem>
-            </div>
-        </Menu>
-    );
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomListItemView.tsx b/src/components/views/rooms/RoomListPanel/RoomListItemView.tsx
deleted file mode 100644
index d87da9c034..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomListItemView.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React, { type JSX, memo, useEffect, useRef } from "react";
-import { type Room } from "matrix-js-sdk/src/matrix";
-import classNames from "classnames";
-import { Flex } from "@element-hq/web-shared-components";
-
-import { useRoomListItemViewModel } from "../../../viewmodels/roomlist/RoomListItemViewModel";
-import { RoomListItemMenuView } from "./RoomListItemMenuView";
-import { NotificationDecoration } from "../NotificationDecoration";
-import { RoomAvatarView } from "../../avatars/RoomAvatarView";
-import { RoomListItemContextMenuView } from "./RoomListItemContextMenuView";
-
-interface RoomListItemViewProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "onFocus"> {
-    /**
-     * The room to display
-     */
-    room: Room;
-    /**
-     * Whether the room is selected
-     */
-    isSelected: boolean;
-    /**
-     * Whether the room is focused
-     */
-    isFocused: boolean;
-    /**
-     * A callback that indicates the item has received focus
-     */
-    onFocus: (room: Room, e: React.FocusEvent) => void;
-    /**
-     * The index of the room in the list
-     */
-    roomIndex: number;
-    /**
-     * The total number of rooms in the list
-     */
-    roomCount: number;
-}
-
-/**
- * An item in the room list
- */
-export const RoomListItemView = memo(function RoomListItemView({
-    room,
-    isSelected,
-    isFocused,
-    onFocus,
-    roomIndex: index,
-    roomCount: count,
-    ...props
-}: RoomListItemViewProps): JSX.Element {
-    const ref = useRef<HTMLButtonElement>(null);
-    const vm = useRoomListItemViewModel(room);
-
-    useEffect(() => {
-        if (isFocused) {
-            ref.current?.focus({ preventScroll: true, focusVisible: true });
-        }
-    }, [isFocused]);
-
-    const content = (
-        <Flex
-            as="button"
-            ref={ref}
-            className={classNames("mx_RoomListItemView", {
-                mx_RoomListItemView_has_menu: vm.showHoverMenu,
-                mx_RoomListItemView_selected: isSelected,
-                mx_RoomListItemView_bold: vm.isBold,
-            })}
-            gap="var(--cpd-space-3x)"
-            align="center"
-            type="button"
-            role="option"
-            aria-posinset={index + 1}
-            aria-setsize={count}
-            aria-selected={isSelected}
-            aria-label={vm.a11yLabel}
-            onClick={() => vm.openRoom()}
-            onFocus={(e: React.FocusEvent<HTMLButtonElement>) => onFocus(room, e)}
-            tabIndex={isFocused ? 0 : -1}
-            {...props}
-        >
-            <RoomAvatarView room={room} />
-            <Flex
-                className="mx_RoomListItemView_content"
-                gap="var(--cpd-space-2x)"
-                align="center"
-                justify="space-between"
-            >
-                {/* We truncate the room name when too long. Title here is to show the full name on hover */}
-                <div className="mx_RoomListItemView_text">
-                    <div className="mx_RoomListItemView_roomName" title={vm.name}>
-                        {vm.name}
-                    </div>
-                    {vm.messagePreview && (
-                        <div className="mx_RoomListItemView_messagePreview" title={vm.messagePreview}>
-                            {vm.messagePreview}
-                        </div>
-                    )}
-                </div>
-                {vm.showHoverMenu && <RoomListItemMenuView className="mx_RoomListItemView_menu" room={room} />}
-
-                {/* aria-hidden because we summarise the unread count/notification status in a11yLabel variable */}
-                {vm.showNotificationDecoration && (
-                    <NotificationDecoration
-                        className="mx_RoomListItemView_notificationDecoration"
-                        notificationState={vm.notificationState}
-                        aria-hidden={true}
-                        callType={vm.callType}
-                    />
-                )}
-            </Flex>
-        </Flex>
-    );
-
-    if (!vm.showContextMenu) return content;
-    return <RoomListItemContextMenuView room={room}>{content}</RoomListItemContextMenuView>;
-});
diff --git a/src/components/views/rooms/RoomListPanel/RoomListOptionsMenu.tsx b/src/components/views/rooms/RoomListPanel/RoomListOptionsMenu.tsx
deleted file mode 100644
index d851ca34b5..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomListOptionsMenu.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { IconButton, Menu, MenuTitle, Tooltip, RadioMenuItem } from "@vector-im/compound-web";
-import React, { type Ref, type JSX, useState, useCallback } from "react";
-import OverflowHorizontalIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
-
-import { _t } from "../../../../languageHandler";
-import { SortOption } from "../../../viewmodels/roomlist/useSorter";
-import { type RoomListHeaderViewState } from "../../../viewmodels/roomlist/RoomListHeaderViewModel";
-
-interface MenuTriggerProps extends React.ComponentProps<typeof IconButton> {
-    ref?: Ref<HTMLButtonElement>;
-}
-
-const MenuTrigger = ({ ref, ...props }: MenuTriggerProps): JSX.Element => (
-    <Tooltip label={_t("room_list|room_options")}>
-        <IconButton aria-label={_t("room_list|room_options")} {...props} ref={ref}>
-            <OverflowHorizontalIcon color="var(--cpd-color-icon-secondary)" />
-        </IconButton>
-    </Tooltip>
-);
-
-interface Props {
-    /**
-     * The view model for the room list view
-     */
-    vm: RoomListHeaderViewState;
-}
-
-export function RoomListOptionsMenu({ vm }: Props): JSX.Element {
-    const [open, setOpen] = useState(false);
-
-    const onActivitySelected = useCallback(() => {
-        vm.sort(SortOption.Activity);
-    }, [vm]);
-
-    const onAtoZSelected = useCallback(() => {
-        vm.sort(SortOption.AToZ);
-    }, [vm]);
-
-    return (
-        <Menu
-            open={open}
-            onOpenChange={setOpen}
-            title={_t("room_list|room_options")}
-            showTitle={false}
-            align="start"
-            trigger={<MenuTrigger />}
-        >
-            <MenuTitle title={_t("room_list|sort")} />
-            <RadioMenuItem
-                label={_t("room_list|sort_type|activity")}
-                checked={vm.activeSortOption === SortOption.Activity}
-                onSelect={onActivitySelected}
-            />
-            <RadioMenuItem
-                label={_t("room_list|sort_type|atoz")}
-                checked={vm.activeSortOption === SortOption.AToZ}
-                onSelect={onAtoZSelected}
-            />
-        </Menu>
-    );
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx b/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
index 5701cea905..aa7c0cf76b 100644
--- a/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
+++ b/src/components/views/rooms/RoomListPanel/RoomListPanel.tsx
@@ -6,18 +6,20 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { useState, useCallback } from "react";
-import { Flex } from "@element-hq/web-shared-components";
+import { Flex, RoomListHeaderView, useCreateAutoDisposedViewModel } from "@element-hq/web-shared-components";
 
 import { shouldShowComponent } from "../../../../customisations/helpers/UIComponents";
 import { UIComponent } from "../../../../settings/UIFeature";
 import { RoomListSearch } from "./RoomListSearch";
-import { RoomListHeaderView } from "./RoomListHeaderView";
 import { RoomListView } from "./RoomListView";
 import { _t } from "../../../../languageHandler";
 import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
 import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
 import { Landmark, LandmarkNavigation } from "../../../../accessibility/LandmarkNavigation";
 import { type IState as IRovingTabIndexState } from "../../../../accessibility/RovingTabIndex";
+import { RoomListHeaderViewModel } from "../../../../viewmodels/room-list/RoomListHeaderViewModel";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import SpaceStore from "../../../../stores/spaces/SpaceStore";
 
 type RoomListPanelProps = {
     /**
@@ -58,6 +60,11 @@ export const RoomListPanel: React.FC<RoomListPanelProps> = ({ activeSpace }) =>
         [focusedElement],
     );
 
+    const matrixClient = useMatrixClientContext();
+    const vm = useCreateAutoDisposedViewModel(
+        () => new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance }),
+    );
+
     return (
         <Flex
             as="nav"
@@ -70,7 +77,7 @@ export const RoomListPanel: React.FC<RoomListPanelProps> = ({ activeSpace }) =>
             onKeyDown={onKeyDown}
         >
             {displayRoomSearch && <RoomListSearch activeSpace={activeSpace} />}
-            <RoomListHeaderView />
+            <RoomListHeaderView vm={vm} />
             <RoomListView />
         </Flex>
     );
diff --git a/src/components/views/rooms/RoomListPanel/RoomListPrimaryFilters.tsx b/src/components/views/rooms/RoomListPanel/RoomListPrimaryFilters.tsx
deleted file mode 100644
index 44f19a86da..0000000000
--- a/src/components/views/rooms/RoomListPanel/RoomListPrimaryFilters.tsx
+++ /dev/null
@@ -1,169 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React, { type JSX, useEffect, useId, useRef, useState, type RefObject } from "react";
-import { ChatFilter, IconButton } from "@vector-im/compound-web";
-import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
-import { Flex } from "@element-hq/web-shared-components";
-
-import type { RoomListViewState } from "../../../viewmodels/roomlist/RoomListViewModel";
-import { _t } from "../../../../languageHandler";
-
-interface RoomListPrimaryFiltersProps {
-    /**
-     * The view model for the room list
-     */
-    vm: RoomListViewState;
-}
-
-/**
- * The primary filters for the room list
- */
-export function RoomListPrimaryFilters({ vm }: RoomListPrimaryFiltersProps): JSX.Element {
-    const id = useId();
-    const [isExpanded, setIsExpanded] = useState(false);
-
-    const { ref, isWrapping: displayChevron, wrappingIndex } = useCollapseFilters<HTMLUListElement>(isExpanded);
-    const filters = useVisibleFilters(vm.primaryFilters, wrappingIndex);
-
-    return (
-        <Flex
-            className="mx_RoomListPrimaryFilters"
-            data-testid="primary-filters"
-            gap="var(--cpd-space-3x)"
-            direction="row-reverse"
-            justify="space-between"
-        >
-            {displayChevron && (
-                <IconButton
-                    kind="secondary"
-                    aria-expanded={isExpanded}
-                    aria-controls={id}
-                    className="mx_RoomListPrimaryFilters_IconButton"
-                    aria-label={isExpanded ? _t("room_list|collapse_filters") : _t("room_list|expand_filters")}
-                    size="28px"
-                    onClick={() => setIsExpanded((_expanded) => !_expanded)}
-                >
-                    <ChevronDownIcon />
-                </IconButton>
-            )}
-            <Flex
-                id={id}
-                as="div"
-                role="listbox"
-                aria-label={_t("room_list|primary_filters")}
-                align="center"
-                gap="var(--cpd-space-2x)"
-                wrap="wrap"
-                className="mx_RoomListPrimaryFilters_list"
-                ref={ref}
-            >
-                {filters.map((filter, i) => (
-                    <ChatFilter key={i} role="option" selected={filter.active} onClick={() => filter.toggle()}>
-                        {filter.name}
-                    </ChatFilter>
-                ))}
-            </Flex>
-        </Flex>
-    );
-}
-
-/**
- * A hook to manage the wrapping of filters in the room list.
- * It observes the filter list and hides filters that are wrapping when the list is not expanded.
- * @param isExpanded
- * @returns an object containing:
- * - `ref`: a ref to put on the filter list element
- * - `isWrapping`: a boolean indicating if the filters are wrapping
- * - `wrappingIndex`: the index of the first filter that is wrapping
- */
-function useCollapseFilters<T extends HTMLElement>(
-    isExpanded: boolean,
-): { ref: RefObject<T | null>; isWrapping: boolean; wrappingIndex: number } {
-    const ref = useRef<T>(null);
-    const [isWrapping, setIsWrapping] = useState(false);
-    const [wrappingIndex, setWrappingIndex] = useState(-1);
-
-    useEffect(() => {
-        if (!ref.current) return;
-
-        const hideFilters = (list: Element): void => {
-            let isWrapping = false;
-            Array.from(list.children).forEach((node, i): void => {
-                const child = node as HTMLElement;
-                const wrappingClass = "mx_RoomListPrimaryFilters_wrapping";
-                child.setAttribute("aria-hidden", "false");
-                child.classList.remove(wrappingClass);
-
-                // If the filter list is expanded, all filters are visible
-                if (isExpanded) return;
-
-                // If the previous element is on the left element of the current one, it means that the filter is wrapping
-                const previousSibling = child.previousElementSibling as HTMLElement | null;
-                if (previousSibling && child.offsetLeft <= previousSibling.offsetLeft) {
-                    if (!isWrapping) setWrappingIndex(i);
-                    isWrapping = true;
-                }
-
-                // If the filter is wrapping, we hide it
-                child.classList.toggle(wrappingClass, isWrapping);
-                child.setAttribute("aria-hidden", isWrapping.toString());
-            });
-
-            if (!isWrapping) setWrappingIndex(-1);
-            setIsWrapping(isExpanded || isWrapping);
-        };
-
-        hideFilters(ref.current);
-        const observer = new ResizeObserver((entries) => entries.forEach((entry) => hideFilters(entry.target)));
-
-        observer.observe(ref.current);
-        return () => {
-            observer.disconnect();
-        };
-    }, [isExpanded]);
-
-    return { ref, isWrapping, wrappingIndex };
-}
-
-/**
- * A hook to sort the filters by active state.
- * The list is sorted if the current filter index is greater than or equal to the wrapping index.
- * If the wrapping index is -1, the filters are not sorted.
- *
- * @param filters - the list of filters to sort.
- * @param wrappingIndex - the index of the first filter that is wrapping.
- */
-export function useVisibleFilters(
-    filters: RoomListViewState["primaryFilters"],
-    wrappingIndex: number,
-): RoomListViewState["primaryFilters"] {
-    // By default, the filters are not sorted
-    const [sortedFilters, setSortedFilters] = useState(filters);
-
-    useEffect(() => {
-        const isActiveFilterWrapping = filters.findIndex((f) => f.active) >= wrappingIndex;
-        // If the active filter is not wrapping, we don't need to sort the filters
-        if (!isActiveFilterWrapping || wrappingIndex === -1) {
-            setSortedFilters(filters);
-            return;
-        }
-
-        // Sort the filters with the current filter at first position
-        setSortedFilters(
-            filters.slice().sort((filterA, filterB) => {
-                // If the filter is active, it should be at the top of the list
-                if (filterA.active && !filterB.active) return -1;
-                if (!filterA.active && filterB.active) return 1;
-                // If both filters are active or not, keep their original order
-                return 0;
-            }),
-        );
-    }, [filters, wrappingIndex]);
-
-    return sortedFilters;
-}
diff --git a/src/components/views/rooms/RoomListPanel/RoomListView.tsx b/src/components/views/rooms/RoomListPanel/RoomListView.tsx
index b29affc0be..50dd83e505 100644
--- a/src/components/views/rooms/RoomListPanel/RoomListView.tsx
+++ b/src/components/views/rooms/RoomListPanel/RoomListView.tsx
@@ -5,33 +5,47 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import React, { type JSX } from "react";
+import React, { useCallback, type JSX, type ReactNode } from "react";
+import {
+    RoomListView as SharedRoomListView,
+    useCreateAutoDisposedViewModel,
+    type Room as SharedRoom,
+} from "@element-hq/web-shared-components";
+import { type Room } from "matrix-js-sdk/src/matrix";
 
-import { useRoomListViewModel } from "../../../viewmodels/roomlist/RoomListViewModel";
-import { RoomList } from "./RoomList";
-import { EmptyRoomList } from "./EmptyRoomList";
-import { RoomListPrimaryFilters } from "./RoomListPrimaryFilters";
+import { useMatrixClientContext } from "../../../../contexts/MatrixClientContext";
+import { RoomAvatarView } from "../../avatars/RoomAvatarView";
+import { getKeyBindingsManager } from "../../../../KeyBindingsManager";
+import { KeyBindingAction } from "../../../../accessibility/KeyboardShortcuts";
+import { Landmark, LandmarkNavigation } from "../../../../accessibility/LandmarkNavigation";
+import { RoomListViewViewModel } from "../../../../viewmodels/room-list/RoomListViewViewModel";
 
 /**
- * Host the room list and the (future) room filters
+ * RoomListView component using shared components with proper MVVM pattern.
  */
 export function RoomListView(): JSX.Element {
-    const vm = useRoomListViewModel();
-    const isRoomListEmpty = vm.roomsResult.rooms.length === 0;
-    let listBody;
-    if (vm.isLoadingRooms) {
-        listBody = <div className="mx_RoomListSkeleton" />;
-    } else if (isRoomListEmpty) {
-        listBody = <EmptyRoomList vm={vm} />;
-    } else {
-        listBody = <RoomList vm={vm} />;
-    }
-    return (
-        <>
-            <div>
-                <RoomListPrimaryFilters vm={vm} />
-            </div>
-            {listBody}
-        </>
-    );
+    const matrixClient = useMatrixClientContext();
+
+    // Create and auto-dispose ViewModel instance
+    const vm = useCreateAutoDisposedViewModel(() => new RoomListViewViewModel({ client: matrixClient }));
+
+    // Render avatar for each room - memoized to prevent re-renders
+    const renderAvatar = useCallback((room: SharedRoom): ReactNode => {
+        return <RoomAvatarView room={room as Room} />;
+    }, []);
+
+    // Handle keyboard navigation for landmarks
+    const onKeyDown = useCallback((ev: React.KeyboardEvent) => {
+        const navAction = getKeyBindingsManager().getNavigationAction(ev);
+        if (navAction === KeyBindingAction.NextLandmark || navAction === KeyBindingAction.PreviousLandmark) {
+            LandmarkNavigation.findAndFocusNextLandmark(
+                Landmark.ROOM_LIST,
+                navAction === KeyBindingAction.PreviousLandmark,
+            );
+            ev.stopPropagation();
+            ev.preventDefault();
+        }
+    }, []);
+
+    return <SharedRoomListView vm={vm} renderAvatar={renderAvatar} onKeyDown={onKeyDown} />;
 }
diff --git a/src/components/views/rooms/RoomPreviewBar.tsx b/src/components/views/rooms/RoomPreviewBar.tsx
index 01ef84d8b8..2c13861d9b 100644
--- a/src/components/views/rooms/RoomPreviewBar.tsx
+++ b/src/components/views/rooms/RoomPreviewBar.tsx
@@ -19,7 +19,7 @@ import { AskToJoinIcon } from "@vector-im/compound-design-tokens/assets/web/icon
 
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import dis from "../../../dispatcher/dispatcher";
-import { _t, UserFriendlyError } from "../../../languageHandler";
+import { _t } from "../../../languageHandler";
 import SdkConfig from "../../../SdkConfig";
 import IdentityAuthClient from "../../../IdentityAuthClient";
 import InviteReason from "../elements/InviteReason";
@@ -112,7 +112,8 @@ interface IProps {
 interface IState {
     busy: boolean;
     accountEmails?: string[];
-    invitedEmailMxid?: string;
+    // The email address that was invited. undefined === not yet loaded, null === no associated email
+    invitedEmailMxid?: string | null;
     threePidFetchError?: MatrixError;
     reason?: string;
 }
@@ -165,10 +166,7 @@ class RoomPreviewBar extends React.Component<IProps, IState> {
                     this.props.invitedEmail,
                     identityAccessToken!,
                 );
-                if (!("mxid" in result)) {
-                    throw new UserFriendlyError("room|error_3pid_invite_email_lookup");
-                }
-                this.setState({ invitedEmailMxid: result.mxid });
+                this.setState({ invitedEmailMxid: result.mxid ?? null });
             } catch (err) {
                 this.setState({ threePidFetchError: err as MatrixError });
             }
@@ -212,7 +210,7 @@ class RoomPreviewBar extends React.Component<IProps, IState> {
         }
 
         if (this.props.inviterName) {
-            if (this.props.invitedEmail) {
+            if (this.props.invitedEmail !== undefined) {
                 if (this.state.threePidFetchError) {
                     return MessageCase.OtherThreePIDError;
                 } else if (this.state.accountEmails && !this.state.accountEmails.includes(this.props.invitedEmail)) {
diff --git a/src/components/views/rooms/RoomSublist.tsx b/src/components/views/rooms/RoomSublist.tsx
index e5fd061b19..ed3b13701c 100644
--- a/src/components/views/rooms/RoomSublist.tsx
+++ b/src/components/views/rooms/RoomSublist.tsx
@@ -13,6 +13,12 @@ import classNames from "classnames";
 import { type Enable, Resizable } from "re-resizable";
 import { type Direction } from "re-resizable/lib/resizer";
 import React, { type JSX, type ComponentType, createRef, type ReactComponentElement, type ReactNode } from "react";
+import {
+    ChevronDownIcon,
+    ChevronRightIcon,
+    ChevronUpIcon,
+    OverflowHorizontalIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { polyfillTouchEvent } from "../../../@types/polyfill";
 import { KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
@@ -608,7 +614,9 @@ export default class RoomSublist extends React.Component<IProps, IState> {
                     onClick={this.onOpenMenuClick}
                     title={_t("room_list|sublist_options")}
                     isExpanded={!!this.state.contextMenuPosition}
-                />
+                >
+                    <OverflowHorizontalIcon />
+                </ContextMenuTooltipButton>
                 {contextMenu}
             </React.Fragment>
         );
@@ -642,11 +650,7 @@ export default class RoomSublist extends React.Component<IProps, IState> {
                         addRoomButton = <AuxButtonComponent tabIndex={tabIndex} />;
                     }
 
-                    const collapseClasses = classNames({
-                        mx_RoomSublist_collapseBtn: true,
-                        mx_RoomSublist_collapseBtn_collapsed: !this.state.isExpanded && !this.props.forceExpanded,
-                    });
-
+                    const collapsed = !this.state.isExpanded && !this.props.forceExpanded;
                     const classes = classNames({
                         mx_RoomSublist_headerContainer: true,
                         mx_RoomSublist_headerContainer_withAux: !!addRoomButton,
@@ -682,7 +686,9 @@ export default class RoomSublist extends React.Component<IProps, IState> {
                                         onContextMenu={this.onContextMenu}
                                         title={this.props.isMinimized ? this.props.label : undefined}
                                     >
-                                        <span className={collapseClasses} />
+                                        <span className="mx_RoomSublist_collapseBtn">
+                                            {collapsed ? <ChevronRightIcon /> : <ChevronDownIcon />}
+                                        </span>
                                         <span id={getLabelId(this.props.tagId)}>{this.props.label}</span>
                                     </AccessibleButton>
                                     {this.renderMenu()}
@@ -758,9 +764,7 @@ export default class RoomSublist extends React.Component<IProps, IState> {
                         className={showMoreBtnClasses}
                         aria-label={label}
                     >
-                        <span className="mx_RoomSublist_showMoreButtonChevron mx_RoomSublist_showNButtonChevron">
-                            {/* set by CSS masking */}
-                        </span>
+                        <ChevronDownIcon className="mx_RoomSublist_showNButtonChevron" />
                         {showMoreText}
                     </RovingAccessibleButton>
                 );
@@ -776,9 +780,7 @@ export default class RoomSublist extends React.Component<IProps, IState> {
                         className={showMoreBtnClasses}
                         aria-label={label}
                     >
-                        <span className="mx_RoomSublist_showLessButtonChevron mx_RoomSublist_showNButtonChevron">
-                            {/* set by CSS masking */}
-                        </span>
+                        <ChevronUpIcon className="mx_RoomSublist_showNButtonChevron" />
                         {showLessText}
                     </RovingAccessibleButton>
                 );
diff --git a/src/components/views/rooms/Stickerpicker.tsx b/src/components/views/rooms/Stickerpicker.tsx
index bbf3f49685..80d9422335 100644
--- a/src/components/views/rooms/Stickerpicker.tsx
+++ b/src/components/views/rooms/Stickerpicker.tsx
@@ -10,7 +10,7 @@ import { type Room, ClientEvent } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import { type IWidget } from "matrix-widget-api";
 
-import { _t, _td, type TranslationKey } from "../../../languageHandler";
+import { _t, _td } from "../../../languageHandler";
 import AppTile from "../elements/AppTile";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import dis from "../../../dispatcher/dispatcher";
diff --git a/src/components/views/rooms/VoiceRecordComposerTile.tsx b/src/components/views/rooms/VoiceRecordComposerTile.tsx
index ab69536578..17b5664e81 100644
--- a/src/components/views/rooms/VoiceRecordComposerTile.tsx
+++ b/src/components/views/rooms/VoiceRecordComposerTile.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ReactNode } from "react";
 import { type Room, type IEventRelation, type MatrixEvent } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
-import { DeleteIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { DeleteIcon, StopSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import { RecordingState } from "../../../audio/VoiceRecording";
@@ -262,7 +262,9 @@ export default class VoiceRecordComposerTile extends React.PureComponent<IProps,
                     className="mx_VoiceRecordComposerTile_stop"
                     onClick={this.onRecordStartEndClick}
                     title={tooltip}
-                />
+                >
+                    <StopSolidIcon />
+                </AccessibleButton>
             );
             if (this.state.recorder && !this.state.recorder?.isRecording) {
                 stopBtn = null;
diff --git a/src/components/views/settings/AvatarSetting.tsx b/src/components/views/settings/AvatarSetting.tsx
index 2c8dac96d7..1c27efa75c 100644
--- a/src/components/views/settings/AvatarSetting.tsx
+++ b/src/components/views/settings/AvatarSetting.tsx
@@ -175,7 +175,7 @@ const AvatarSetting: React.FC<IProps> = ({
              * to the menu component, hence the empty onClick.
              */
             onClick={() => {}}
-            className="mx_AvatarSetting_avatarPlaceholder mx_AvatarSetting_avatarDisplay"
+            className="mx_AvatarSetting_avatarDisplay"
             disabled={disabled}
         >
             <BaseAvatar
diff --git a/src/components/views/settings/ImageSizePanel.tsx b/src/components/views/settings/ImageSizePanel.tsx
index fea7ec362e..1b4e5e711f 100644
--- a/src/components/views/settings/ImageSizePanel.tsx
+++ b/src/components/views/settings/ImageSizePanel.tsx
@@ -15,6 +15,8 @@ import { _t } from "../../../languageHandler";
 import { SettingLevel } from "../../../settings/SettingLevel";
 import { ImageSize } from "../../../settings/enums/ImageSize";
 import { SettingsSubsection } from "./shared/SettingsSubsection";
+import { Icon as ImgSizeNormalIcon } from "../../../../res/img/element-icons/settings/img-size-normal.svg";
+import { Icon as ImgSizeLargeIcon } from "../../../../res/img/element-icons/settings/img-size-large.svg";
 
 interface IState {
     size: ImageSize;
@@ -42,7 +44,7 @@ export default class ImageSizePanel extends React.Component<EmptyObject, IState>
             <SettingsSubsection heading={_t("settings|appearance|timeline_image_size")}>
                 <div className="mx_ImageSizePanel_radios">
                     <label>
-                        <div className="mx_ImageSizePanel_size mx_ImageSizePanel_sizeDefault" />
+                        <ImgSizeNormalIcon className="mx_ImageSizePanel_size" />
                         <StyledRadioButton
                             name="image_size"
                             value={ImageSize.Normal}
@@ -53,7 +55,7 @@ export default class ImageSizePanel extends React.Component<EmptyObject, IState>
                         </StyledRadioButton>
                     </label>
                     <label>
-                        <div className="mx_ImageSizePanel_size mx_ImageSizePanel_sizeLarge" />
+                        <ImgSizeLargeIcon className="mx_ImageSizePanel_size" />
                         <StyledRadioButton
                             name="image_size"
                             value={ImageSize.Large}
diff --git a/src/components/views/settings/PowerLevelSelector.tsx b/src/components/views/settings/PowerLevelSelector.tsx
index 0b570c1516..875aa5c999 100644
--- a/src/components/views/settings/PowerLevelSelector.tsx
+++ b/src/components/views/settings/PowerLevelSelector.tsx
@@ -32,7 +32,7 @@ interface PowerLevelSelectorProps {
      */
     canChangeLevels: boolean;
     /**
-     * The current user power level
+     * The current user's own power level
      */
     currentUserLevel: number;
     /**
@@ -105,6 +105,7 @@ export function PowerLevelSelector({
                         disabled={!canChange}
                         label={userId}
                         key={userId}
+                        maxValue={currentUserLevel}
                         onChange={async (value) => {
                             const userLevelsTmp = Object.assign({}, userLevels);
                             userLevelsTmp[userId] = value;
diff --git a/src/components/views/settings/devices/CurrentDeviceSection.tsx b/src/components/views/settings/devices/CurrentDeviceSection.tsx
index c88649d831..5eee6be407 100644
--- a/src/components/views/settings/devices/CurrentDeviceSection.tsx
+++ b/src/components/views/settings/devices/CurrentDeviceSection.tsx
@@ -34,7 +34,8 @@ interface Props {
     onSignOutCurrentDevice: () => void;
     signOutAllOtherSessions?: () => void;
     saveDeviceName: (deviceName: string) => Promise<void>;
-    delegatedAuthAccountUrl?: string;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
 }
 
 type CurrentDeviceSectionHeadingProps = Pick<
@@ -91,7 +92,8 @@ const CurrentDeviceSection: React.FC<Props> = ({
     onSignOutCurrentDevice,
     signOutAllOtherSessions,
     saveDeviceName,
-    delegatedAuthAccountUrl,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
 }) => {
     const [isExpanded, setIsExpanded] = useState(false);
 
@@ -128,7 +130,8 @@ const CurrentDeviceSection: React.FC<Props> = ({
                             onSignOutDevice={onSignOutCurrentDevice}
                             saveDeviceName={saveDeviceName}
                             className="mx_CurrentDeviceSection_deviceDetails"
-                            delegatedAuthAccountUrl={delegatedAuthAccountUrl}
+                            accountManagementEndpoint={accountManagementEndpoint}
+                            accountManagementActionsSupported={accountManagementActionsSupported}
                             isCurrentDevice
                         />
                     ) : (
diff --git a/src/components/views/settings/devices/DeviceDetails.tsx b/src/components/views/settings/devices/DeviceDetails.tsx
index 55fa8cca32..eb0a82910f 100644
--- a/src/components/views/settings/devices/DeviceDetails.tsx
+++ b/src/components/views/settings/devices/DeviceDetails.tsx
@@ -32,7 +32,8 @@ interface Props {
     supportsMSC3881?: boolean;
     className?: string;
     isCurrentDevice?: boolean;
-    delegatedAuthAccountUrl?: string;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
 }
 
 interface MetadataTable {
@@ -69,7 +70,8 @@ const DeviceDetails: React.FC<Props> = ({
     supportsMSC3881,
     className,
     isCurrentDevice,
-    delegatedAuthAccountUrl,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
 }) => {
     const metadata: MetadataTable[] = [
         {
@@ -124,7 +126,7 @@ const DeviceDetails: React.FC<Props> = ({
                     isCurrentDevice={isCurrentDevice}
                 />
             </section>
-            {!delegatedAuthAccountUrl && (
+            {!accountManagementEndpoint && (
                 <section className="mx_DeviceDetails_section">
                     <p className="mx_DeviceDetails_sectionHeading">{_t("settings|sessions|details_heading")}</p>
                     {metadata.map(({ heading, values, id }, index) => (
@@ -175,12 +177,16 @@ const DeviceDetails: React.FC<Props> = ({
                 </section>
             )}
             <section className="mx_DeviceDetails_section">
-                {delegatedAuthAccountUrl && !isCurrentDevice ? (
+                {accountManagementEndpoint && !isCurrentDevice ? (
                     <AccessibleButton
                         element="a"
                         onClick={null}
                         kind="link_inline"
-                        href={getManageDeviceUrl(delegatedAuthAccountUrl, device.device_id)}
+                        href={getManageDeviceUrl(
+                            accountManagementEndpoint,
+                            accountManagementActionsSupported,
+                            device.device_id,
+                        )}
                         target="_blank"
                         data-testid="device-detail-sign-out-cta"
                     >
diff --git a/src/components/views/settings/devices/DeviceTypeIcon.tsx b/src/components/views/settings/devices/DeviceTypeIcon.tsx
index 8b716af1ee..836a2a2da8 100644
--- a/src/components/views/settings/devices/DeviceTypeIcon.tsx
+++ b/src/components/views/settings/devices/DeviceTypeIcon.tsx
@@ -8,13 +8,16 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import classNames from "classnames";
-import { ShieldIcon, ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import {
+    ShieldIcon,
+    ErrorSolidIcon,
+    ComputerIcon,
+    MobileIcon,
+    WebBrowserIcon,
+    DevicesIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
-import { Icon as UnknownDeviceIcon } from "../../../../../res/img/element-icons/settings/unknown-device.svg";
-import { Icon as DesktopIcon } from "../../../../../res/img/element-icons/settings/desktop.svg";
-import { Icon as WebIcon } from "../../../../../res/img/element-icons/settings/web.svg";
-import { Icon as MobileIcon } from "../../../../../res/img/element-icons/settings/mobile.svg";
-import { _t, _td, type TranslationKey } from "../../../../languageHandler";
+import { _t, _td } from "../../../../languageHandler";
 import { type ExtendedDevice } from "./types";
 import { DeviceType } from "../../../../utils/device/parseUserAgent";
 
@@ -25,10 +28,10 @@ interface Props {
 }
 
 const deviceTypeIcon: Record<DeviceType, React.FC<React.SVGProps<SVGSVGElement>>> = {
-    [DeviceType.Desktop]: DesktopIcon,
+    [DeviceType.Desktop]: ComputerIcon,
     [DeviceType.Mobile]: MobileIcon,
-    [DeviceType.Web]: WebIcon,
-    [DeviceType.Unknown]: UnknownDeviceIcon,
+    [DeviceType.Web]: WebBrowserIcon,
+    [DeviceType.Unknown]: DevicesIcon,
 };
 const deviceTypeLabel: Record<DeviceType, TranslationKey> = {
     [DeviceType.Desktop]: _td("settings|sessions|desktop_session"),
diff --git a/src/components/views/settings/devices/FilteredDeviceList.tsx b/src/components/views/settings/devices/FilteredDeviceList.tsx
index 84283ab5b4..dc4f010782 100644
--- a/src/components/views/settings/devices/FilteredDeviceList.tsx
+++ b/src/components/views/settings/devices/FilteredDeviceList.tsx
@@ -46,7 +46,8 @@ interface Props {
      * Removes session info as that can be seen in the account management
      * Changes sign out button to be a manage button
      */
-    delegatedAuthAccountUrl?: string;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
     ref?: Ref<HTMLDivElement>;
 }
 
@@ -175,7 +176,8 @@ const DeviceListItem: React.FC<{
     setPushNotifications: (deviceId: string, enabled: boolean) => Promise<void>;
     supportsMSC3881?: boolean | undefined;
     isSelectDisabled?: boolean;
-    delegatedAuthAccountUrl?: string;
+    accountManagementEndpoint?: string;
+    accountManagementActionsSupported?: string[];
 }> = ({
     device,
     pusher,
@@ -191,7 +193,8 @@ const DeviceListItem: React.FC<{
     toggleSelected,
     supportsMSC3881,
     isSelectDisabled,
-    delegatedAuthAccountUrl,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
 }) => {
     const tileContent = (
         <>
@@ -227,7 +230,8 @@ const DeviceListItem: React.FC<{
                     setPushNotifications={setPushNotifications}
                     supportsMSC3881={supportsMSC3881}
                     className="mx_FilteredDeviceList_deviceDetails"
-                    delegatedAuthAccountUrl={delegatedAuthAccountUrl}
+                    accountManagementEndpoint={accountManagementEndpoint}
+                    accountManagementActionsSupported={accountManagementActionsSupported}
                 />
             )}
         </li>
@@ -254,7 +258,8 @@ export const FilteredDeviceList = ({
     setPushNotifications,
     setSelectedDeviceIds,
     supportsMSC3881,
-    delegatedAuthAccountUrl,
+    accountManagementEndpoint,
+    accountManagementActionsSupported,
     ref,
 }: Props): JSX.Element => {
     const sortedDevices = getFilteredSortedDevices(devices, filter);
@@ -314,7 +319,7 @@ export const FilteredDeviceList = ({
                 selectedDeviceCount={selectedDeviceIds.length}
                 isAllSelected={isAllSelected}
                 toggleSelectAll={toggleSelectAll}
-                isSelectDisabled={!!delegatedAuthAccountUrl}
+                isSelectDisabled={!!accountManagementEndpoint}
             >
                 {selectedDeviceIds.length ? (
                     <>
@@ -364,7 +369,7 @@ export const FilteredDeviceList = ({
                         isExpanded={expandedDeviceIds.includes(device.device_id)}
                         isSigningOut={signingOutDeviceIds.includes(device.device_id)}
                         isSelected={isDeviceSelected(device.device_id, selectedDeviceIds)}
-                        isSelectDisabled={!!delegatedAuthAccountUrl}
+                        isSelectDisabled={!!accountManagementEndpoint}
                         onDeviceExpandToggle={() => onDeviceExpandToggle(device.device_id)}
                         onSignOutDevice={() => onSignOutDevices([device.device_id])}
                         saveDeviceName={(deviceName: string) => saveDeviceName(device.device_id, deviceName)}
@@ -376,7 +381,8 @@ export const FilteredDeviceList = ({
                         setPushNotifications={setPushNotifications}
                         toggleSelected={() => toggleSelection(device.device_id)}
                         supportsMSC3881={supportsMSC3881}
-                        delegatedAuthAccountUrl={delegatedAuthAccountUrl}
+                        accountManagementEndpoint={accountManagementEndpoint}
+                        accountManagementActionsSupported={accountManagementActionsSupported}
                     />
                 ))}
             </ol>
diff --git a/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx b/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
index f400024c0b..a66c75d65c 100644
--- a/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
+++ b/src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
@@ -170,7 +170,6 @@ export default class NotificationsSettingsTab extends React.Component<IProps, IS
                             definitions={[
                                 {
                                     value: RoomNotifState.AllMessages,
-                                    className: "mx_NotificationSettingsTab_defaultEntry",
                                     label: (
                                         <>
                                             {_t("notifications|default")}
@@ -195,7 +194,6 @@ export default class NotificationsSettingsTab extends React.Component<IProps, IS
                                 },
                                 {
                                     value: RoomNotifState.AllMessagesLoud,
-                                    className: "mx_NotificationSettingsTab_allMessagesEntry",
                                     label: (
                                         <>
                                             {_t("notifications|all_messages")}
@@ -207,7 +205,6 @@ export default class NotificationsSettingsTab extends React.Component<IProps, IS
                                 },
                                 {
                                     value: RoomNotifState.MentionsOnly,
-                                    className: "mx_NotificationSettingsTab_mentionsKeywordsEntry",
                                     label: (
                                         <>
                                             {_t("notifications|mentions_and_keywords")}
@@ -232,7 +229,6 @@ export default class NotificationsSettingsTab extends React.Component<IProps, IS
                                 },
                                 {
                                     value: RoomNotifState.Mute,
-                                    className: "mx_NotificationSettingsTab_noneEntry",
                                     label: (
                                         <>
                                             {_t("common|off")}
diff --git a/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx b/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx
index aa5e1bce3f..64a734e465 100644
--- a/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx
+++ b/src/components/views/settings/tabs/room/RolesRoomSettingsTab.tsx
@@ -12,7 +12,7 @@ import { logger } from "matrix-js-sdk/src/logger";
 import { throttle, get, set } from "lodash";
 import { KnownMembership, type RoomPowerLevelsEventContent } from "matrix-js-sdk/src/types";
 
-import { _t, _td, type TranslationKey } from "../../../../../languageHandler";
+import { _t, _td } from "../../../../../languageHandler";
 import AccessibleButton from "../../../elements/AccessibleButton";
 import Modal from "../../../../../Modal";
 import ErrorDialog from "../../../dialogs/ErrorDialog";
@@ -27,6 +27,7 @@ import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
 import { PowerLevelSelector } from "../../PowerLevelSelector";
 import { ElementCallEventType, ElementCallMemberEventType } from "../../../../../call-types";
 import { PolicyServerConfig } from "../../PolicyServerConfig.tsx";
+import { objectClone } from "../../../../../utils/objects.ts";
 
 interface IEventShowOpts {
     isState?: boolean;
@@ -225,12 +226,9 @@ export default class RolesRoomSettingsTab extends React.Component<IProps, RolesR
         const plEvent = room.currentState.getStateEvents(EventType.RoomPowerLevels, "");
         let plContent = plEvent?.getContent<RoomPowerLevelsEventContent>() ?? {};
 
-        // Clone the power levels just in case
-        plContent = Object.assign({}, plContent);
-
-        // powerLevelKey should be a user ID
-        if (!plContent["users"]) plContent["users"] = {};
-        plContent["users"][powerLevelKey] = value;
+        // Clone the power levels so we can modify it without clobbering the js-sdk
+        plContent = objectClone({ users: {}, ...plContent });
+        plContent["users"]![powerLevelKey] = value;
 
         try {
             await client.sendStateEvent(this.props.room.roomId, EventType.RoomPowerLevels, plContent);
diff --git a/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx b/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx
index 5f71ecd81a..15ca6e9788 100644
--- a/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx
+++ b/src/components/views/settings/tabs/room/SecurityRoomSettingsTab.tsx
@@ -18,8 +18,8 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import { Form, InlineSpinner, SettingsToggleInput } from "@vector-im/compound-web";
+import { WarningIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
-import { Icon as WarningIcon } from "../../../../../../res/img/warning.svg";
 import { _t } from "../../../../../languageHandler";
 import Modal from "../../../../../Modal";
 import QuestionDialog from "../../../dialogs/QuestionDialog";
@@ -419,36 +419,60 @@ export default class SecurityRoomSettingsTab extends React.Component<IProps, ISt
         const state = this.props.room.currentState;
         const canChangeHistory = state?.mayClientSendStateEvent(EventType.RoomHistoryVisibility, client);
 
-        const options = [
-            {
-                value: HistoryVisibility.Shared,
-                label: _t("room_settings|security|history_visibility_shared"),
-            },
-            {
+        // Map 'joined' to 'invited' for display purposes
+        const displayHistory = history === HistoryVisibility.Joined ? HistoryVisibility.Invited : history;
+
+        const isPublicRoom = this.props.room.getJoinRule() === JoinRule.Public;
+        const isEncrypted = this.state.encrypted;
+
+        const options: Array<{ value: HistoryVisibility; label: string }> = [];
+
+        // Show "invited" when room's join rule is NOT public OR E2EE is turned on, or if currently selected
+        if (
+            !isPublicRoom ||
+            isEncrypted ||
+            history === HistoryVisibility.Invited ||
+            history === HistoryVisibility.Joined
+        ) {
+            options.push({
                 value: HistoryVisibility.Invited,
                 label: _t("room_settings|security|history_visibility_invited"),
-            },
-            {
-                value: HistoryVisibility.Joined,
-                label: _t("room_settings|security|history_visibility_joined"),
-            },
-        ];
+            });
+        }
 
-        // World readable doesn't make sense for encrypted rooms
-        if (!this.state.encrypted || history === HistoryVisibility.WorldReadable) {
-            options.unshift({
+        // Always show "shared" option
+        options.push({
+            value: HistoryVisibility.Shared,
+            label: _t("room_settings|security|history_visibility_shared"),
+        });
+
+        // Show "world_readable" when (is public AND not encrypted) OR currently selected
+        if ((isPublicRoom && !isEncrypted) || history === HistoryVisibility.WorldReadable) {
+            options.push({
                 value: HistoryVisibility.WorldReadable,
                 label: _t("room_settings|security|history_visibility_world_readable"),
             });
         }
 
-        const description = _t("room_settings|security|history_visibility_warning");
+        const description = (
+            <>
+                {_t(
+                    "room_settings|security|history_visibility_warning",
+                    {},
+                    {
+                        a: (sub) => (
+                            <ExternalLink href="https://element.io/en/help#e2ee-history-sharing">{sub}</ExternalLink>
+                        ),
+                    },
+                )}
+            </>
+        );
 
         return (
             <SettingsFieldset legend={_t("room_settings|security|history_visibility_legend")} description={description}>
                 <StyledRadioGroup
                     name="historyVis"
-                    value={history}
+                    value={displayHistory}
                     onChange={this.onHistoryRadioToggle}
                     disabled={!canChangeHistory}
                     definitions={options}
diff --git a/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx b/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
index ef0d6e57fc..f4f67e57d3 100644
--- a/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx
@@ -13,16 +13,15 @@ import { type EmptyObject } from "matrix-js-sdk/src/matrix";
 import AccessibleButton from "../../../elements/AccessibleButton";
 import { _t } from "../../../../../languageHandler";
 import SdkConfig from "../../../../../SdkConfig";
-import Modal from "../../../../../Modal";
 import PlatformPeg from "../../../../../PlatformPeg";
 import UpdateCheckButton from "../../UpdateCheckButton";
-import BugReportDialog from "../../../dialogs/BugReportDialog";
 import CopyableText from "../../../elements/CopyableText";
 import SettingsTab from "../SettingsTab";
 import { SettingsSection } from "../../shared/SettingsSection";
 import { SettingsSubsection, SettingsSubsectionText } from "../../shared/SettingsSubsection";
 import ExternalLink from "../../../elements/ExternalLink";
 import MatrixClientContext from "../../../../../contexts/MatrixClientContext";
+import { BugReportDialogButton } from "../../../elements/BugReportDialogButton";
 
 interface IState {
     appVersion: string | null;
@@ -80,10 +79,6 @@ export default class HelpUserSettingsTab extends React.Component<EmptyObject, IS
         });
     };
 
-    private onBugReport = (): void => {
-        Modal.createDialog(BugReportDialog, {});
-    };
-
     private renderLegal(): ReactNode {
         const tocLinks = SdkConfig.get().terms_and_conditions_links;
         if (!tocLinks) return null;
@@ -231,9 +226,7 @@ export default class HelpUserSettingsTab extends React.Component<EmptyObject, IS
                         </>
                     }
                 >
-                    <AccessibleButton onClick={this.onBugReport} kind="primary_outline">
-                        {_t("bug_reporting|submit_debug_logs")}
-                    </AccessibleButton>
+                    <BugReportDialogButton />
                     <SettingsSubsectionText>
                         {_t(
                             "bug_reporting|matrix_security_issue",
diff --git a/src/components/views/settings/tabs/user/SessionManagerTab.tsx b/src/components/views/settings/tabs/user/SessionManagerTab.tsx
index ab5b941cde..8cf234ca12 100644
--- a/src/components/views/settings/tabs/user/SessionManagerTab.tsx
+++ b/src/components/views/settings/tabs/user/SessionManagerTab.tsx
@@ -60,7 +60,8 @@ const confirmSignOut = async (sessionsToSignOutCount: number): Promise<boolean>
 const useSignOut = (
     matrixClient: MatrixClient,
     onSignoutResolvedCallback: () => Promise<void>,
-    delegatedAuthAccountUrl?: string,
+    accountManagementEndpoint?: string,
+    accountManagementActionsSupported?: string[],
 ): {
     onSignOutCurrentDevice: () => void;
     onSignOutOtherDevices: (deviceIds: ExtendedDevice["device_id"][]) => Promise<void>;
@@ -92,9 +93,9 @@ const useSignOut = (
         try {
             setSigningOutDeviceIds((signingOutDeviceIds) => [...signingOutDeviceIds, ...deviceIds]);
 
-            if (delegatedAuthAccountUrl) {
+            if (accountManagementEndpoint) {
                 const [deviceId] = deviceIds;
-                const url = getManageDeviceUrl(delegatedAuthAccountUrl, deviceId);
+                const url = getManageDeviceUrl(accountManagementEndpoint, accountManagementActionsSupported, deviceId);
                 window.open(url, "_blank");
             } else {
                 const deferredSuccess = Promise.withResolvers<boolean>();
@@ -151,12 +152,14 @@ const SessionManagerTab: React.FC<{
      * delegated auth provider.
      * See https://github.com/matrix-org/matrix-spec-proposals/pull/3824
      */
-    const delegatedAuthAccountUrl = useAsyncMemo(async () => {
+    const accountManagement = useAsyncMemo(async () => {
         await sdkContext.oidcClientStore.readyPromise; // wait for the store to be ready
-        return sdkContext.oidcClientStore.accountManagementEndpoint;
+        return {
+            endpoint: sdkContext.oidcClientStore.accountManagementEndpoint,
+            actionsSupported: sdkContext.oidcClientStore.accountManagementActionsSupported,
+        };
     }, [sdkContext.oidcClientStore]);
-    const disableMultipleSignout = !!delegatedAuthAccountUrl;
-
+    const disableMultipleSignout = !!accountManagement?.endpoint;
     const userId = matrixClient?.getUserId();
     const currentUserMember = (userId && matrixClient?.getUser(userId)) || undefined;
     const clientVersions = useAsyncMemo(() => matrixClient.getVersions(), [matrixClient]);
@@ -232,7 +235,8 @@ const SessionManagerTab: React.FC<{
     const { onSignOutCurrentDevice, onSignOutOtherDevices, signingOutDeviceIds } = useSignOut(
         matrixClient,
         onSignoutResolvedCallback,
-        delegatedAuthAccountUrl,
+        accountManagement?.endpoint,
+        accountManagement?.actionsSupported,
     );
 
     useEffect(
@@ -297,7 +301,8 @@ const SessionManagerTab: React.FC<{
                     onSignOutCurrentDevice={onSignOutCurrentDevice}
                     signOutAllOtherSessions={signOutAllOtherSessions}
                     otherSessionsCount={otherSessionsCount}
-                    delegatedAuthAccountUrl={delegatedAuthAccountUrl}
+                    accountManagementEndpoint={accountManagement?.endpoint}
+                    accountManagementActionsSupported={accountManagement?.actionsSupported}
                 />
                 {shouldShowOtherSessions && (
                     <SettingsSubsection
@@ -331,7 +336,8 @@ const SessionManagerTab: React.FC<{
                             setPushNotifications={setPushNotifications}
                             ref={filteredDeviceListRef}
                             supportsMSC3881={supportsMSC3881}
-                            delegatedAuthAccountUrl={delegatedAuthAccountUrl}
+                            accountManagementEndpoint={accountManagement?.endpoint}
+                            accountManagementActionsSupported={accountManagement?.actionsSupported}
                         />
                     </SettingsSubsection>
                 )}
diff --git a/src/components/views/spaces/SpaceCreateMenu.tsx b/src/components/views/spaces/SpaceCreateMenu.tsx
index bed090b164..8d2d619ee4 100644
--- a/src/components/views/spaces/SpaceCreateMenu.tsx
+++ b/src/components/views/spaces/SpaceCreateMenu.tsx
@@ -27,7 +27,7 @@ import {
     type ICreateRoomOpts,
 } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
-import { LockSolidIcon, PublicIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { LockSolidIcon, PublicIcon, ChevronLeftIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import ContextMenu, { ChevronFace } from "../../structures/ContextMenu";
@@ -300,7 +300,9 @@ const SpaceCreateMenu: React.FC<{
                         className="mx_SpaceCreateMenu_back"
                         onClick={() => setVisibility(null)}
                         title={_t("action|go_back")}
-                    />
+                    >
+                        <ChevronLeftIcon />
+                    </AccessibleButton>
                 )}
 
                 <h2>
diff --git a/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx b/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx
index a148608790..893acf20f0 100644
--- a/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx
+++ b/src/components/views/spaces/SpaceSettingsVisibilityTab.tsx
@@ -184,7 +184,14 @@ const SpaceSettingsVisibilityTab: React.FC<IProps> = ({ matrixClient: cli, space
                     </Form.Root>
                 </SettingsFieldset>
 
-                {addressesSection}
+                <Form.Root
+                    onSubmit={(evt) => {
+                        evt.preventDefault();
+                        evt.stopPropagation();
+                    }}
+                >
+                    {addressesSection}
+                </Form.Root>
             </SettingsSection>
         </SettingsTab>
     );
diff --git a/src/components/views/terms/InlineTermsAgreement.tsx b/src/components/views/terms/InlineTermsAgreement.tsx
index fbe8f23b37..1269e4049a 100644
--- a/src/components/views/terms/InlineTermsAgreement.tsx
+++ b/src/components/views/terms/InlineTermsAgreement.tsx
@@ -13,6 +13,7 @@ import { objectClone } from "../../../utils/objects";
 import StyledCheckbox from "../elements/StyledCheckbox";
 import AccessibleButton from "../elements/AccessibleButton";
 import { pickBestPolicyLanguage, type ServicePolicyPair } from "../../../Terms";
+import ExternalLink from "../elements/ExternalLink.tsx";
 
 interface IProps {
     policiesAndServicePairs: ServicePolicyPair[];
@@ -84,12 +85,7 @@ export default class InlineTermsAgreement extends React.Component<IProps, IState
                 {},
                 {
                     policyLink: () => {
-                        return (
-                            <a href={policy.url} rel="noreferrer noopener" target="_blank">
-                                {policy.name}
-                                <span className="mx_InlineTermsAgreement_link" />
-                            </a>
-                        );
+                        return <ExternalLink href={policy.url}>{policy.name}</ExternalLink>;
                     },
                 },
             );
diff --git a/src/components/views/toasts/NonUrgentEchoFailureToast.tsx b/src/components/views/toasts/NonUrgentEchoFailureToast.tsx
index 490b251ade..c18afe61c4 100644
--- a/src/components/views/toasts/NonUrgentEchoFailureToast.tsx
+++ b/src/components/views/toasts/NonUrgentEchoFailureToast.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
+import { OfflineIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../languageHandler";
 import AccessibleButton from "../elements/AccessibleButton";
@@ -21,7 +22,7 @@ export default class NonUrgentEchoFailureToast extends React.PureComponent {
     public render(): React.ReactNode {
         return (
             <div className="mx_NonUrgentEchoFailureToast">
-                <span className="mx_NonUrgentEchoFailureToast_icon" />
+                <OfflineIcon />
                 {_t(
                     "error|non_urgent_echo_failure_toast",
                     {},
diff --git a/src/components/views/verification/VerificationShowSas.tsx b/src/components/views/verification/VerificationShowSas.tsx
index 0f6272a885..84490e556b 100644
--- a/src/components/views/verification/VerificationShowSas.tsx
+++ b/src/components/views/verification/VerificationShowSas.tsx
@@ -6,12 +6,12 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React from "react";
+import React, { type ComponentProps } from "react";
 import { type Device } from "matrix-js-sdk/src/matrix";
-import { type GeneratedSas, type EmojiMapping } from "matrix-js-sdk/src/crypto-api";
-import SasEmoji from "@matrix-org/spec/sas-emoji.json";
+import { type GeneratedSas } from "matrix-js-sdk/src/crypto-api";
+import { SasEmoji } from "@element-hq/web-shared-components";
 
-import { _t, getNormalizedLanguageKeys, getUserLanguage } from "../../../languageHandler";
+import { _t } from "../../../languageHandler";
 import { PendingActionSpinner } from "../right_panel/EncryptionInfo";
 import AccessibleButton from "../elements/AccessibleButton";
 
@@ -34,52 +34,6 @@ interface IState {
     cancelling?: boolean;
 }
 
-const SasEmojiMap = new Map<
-    string, // lowercase
-    {
-        description: string;
-        translations: {
-            [normalizedLanguageKey: string]: string;
-        };
-    }
->(
-    SasEmoji.map(({ description, translated_descriptions: translations }) => [
-        description.toLowerCase(),
-        {
-            description,
-            // Normalize the translation keys
-            translations: Object.keys(translations).reduce<Record<string, string>>((o, k) => {
-                for (const key of getNormalizedLanguageKeys(k)) {
-                    o[key] = translations[k as keyof typeof translations]!;
-                }
-                return o;
-            }, {}),
-        },
-    ]),
-);
-
-/**
- * Translate given EmojiMapping into the target locale
- * @param mapping - the given EmojiMapping to translate
- * @param locale - the BCP 47 locale to translate to, will fall back to English as the base locale for Matrix SAS Emoji.
- */
-export function tEmoji(mapping: EmojiMapping, locale: string): string {
-    const name = mapping[1];
-    const emoji = SasEmojiMap.get(name.toLowerCase());
-    if (!emoji) {
-        console.warn("Emoji not found for translation", name);
-        return name;
-    }
-
-    for (const key of getNormalizedLanguageKeys(locale)) {
-        if (!!emoji.translations[key]) {
-            return emoji.translations[key];
-        }
-    }
-
-    return emoji.description;
-}
-
 export default class VerificationShowSas extends React.Component<IProps, IState> {
     public constructor(props: IProps) {
         super(props);
@@ -100,25 +54,14 @@ export default class VerificationShowSas extends React.Component<IProps, IState>
     };
 
     public render(): React.ReactNode {
-        const locale = getUserLanguage();
-
         let sasDisplay;
         let sasCaption;
         if (this.props.sas.emoji) {
-            const emojiBlocks = this.props.sas.emoji.map((emoji, i) => (
-                <div className="mx_VerificationShowSas_emojiSas_block" key={i}>
-                    <div className="mx_VerificationShowSas_emojiSas_emoji" aria-hidden={true}>
-                        {emoji[0]}
-                    </div>
-                    <div className="mx_VerificationShowSas_emojiSas_label">{tEmoji(emoji, locale)}</div>
-                </div>
-            ));
             sasDisplay = (
-                <div className="mx_VerificationShowSas_emojiSas">
-                    {emojiBlocks.slice(0, 4)}
-                    <div className="mx_VerificationShowSas_emojiSas_break" />
-                    {emojiBlocks.slice(4)}
-                </div>
+                <SasEmoji
+                    className="mx_VerificationShowSas_emojiSas"
+                    emoji={this.props.sas.emoji.map((e) => e[0]) as ComponentProps<typeof SasEmoji>["emoji"]}
+                />
             );
             sasCaption = this.props.isSelf
                 ? _t("encryption|verification|confirm_the_emojis")
diff --git a/src/components/views/voip/DialPad.tsx b/src/components/views/voip/DialPad.tsx
index d84b050152..90907987a5 100644
--- a/src/components/views/voip/DialPad.tsx
+++ b/src/components/views/voip/DialPad.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX } from "react";
+import { VoiceCallSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
 import { _t } from "../../../languageHandler";
@@ -59,7 +60,9 @@ class DialPadButton extends React.PureComponent<DigitButtonProps | DialButtonPro
                         className="mx_DialPad_button mx_DialPad_dialButton"
                         onClick={this.onClick}
                         aria-label={_t("voip|dial")}
-                    />
+                    >
+                        <VoiceCallSolidIcon />
+                    </AccessibleButton>
                 );
         }
     }
diff --git a/src/components/views/voip/DialPadModal.tsx b/src/components/views/voip/DialPadModal.tsx
index 538f59c3ea..dbc707dac9 100644
--- a/src/components/views/voip/DialPadModal.tsx
+++ b/src/components/views/voip/DialPadModal.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type ChangeEvent, createRef, type SyntheticEvent } from "react";
+import { CloseIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import AccessibleButton, { type ButtonEvent } from "../elements/AccessibleButton";
 import Field from "../elements/Field";
@@ -106,7 +107,9 @@ export default class DialpadModal extends React.PureComponent<IProps, IState> {
         return (
             <div className="mx_DialPadModal">
                 <div>
-                    <AccessibleButton className="mx_DialPadModal_cancel" onClick={this.onCancelClick} />
+                    <AccessibleButton className="mx_DialPadModal_cancel" onClick={this.onCancelClick}>
+                        <CloseIcon />
+                    </AccessibleButton>
                 </div>
                 <div className="mx_DialPadModal_header">
                     <form onSubmit={this.onFormSubmit}>{dialPadField}</form>
diff --git a/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx b/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx
index 0e81b5278e..0b7af87ea9 100644
--- a/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx
+++ b/src/components/views/voip/LegacyCallView/LegacyCallViewButtons.tsx
@@ -8,9 +8,23 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { createRef, useState, type Ref, type FC } from "react";
+import React, { createRef, useState, type Ref, type FC, type JSX } from "react";
 import classNames from "classnames";
 import { type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
+import {
+    ChevronDownIcon,
+    ChevronUpIcon,
+    DialPadIcon,
+    EndCallIcon,
+    ListViewIcon,
+    MicOffSolidIcon,
+    MicOnSolidIcon,
+    OverflowHorizontalIcon,
+    ShareScreenSolidIcon,
+    SpotlightViewIcon,
+    VideoCallOffSolidIcon,
+    VideoCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import LegacyCallContextMenu from "../../context_menus/LegacyCallContextMenu";
 import DialpadContextMenu from "../../context_menus/DialpadContextMenu";
@@ -38,7 +52,9 @@ const CONTROLS_HIDE_DELAY = 2000;
 type ButtonProps = Omit<AccessibleButtonProps<"div">, "title" | "element"> & {
     state: boolean;
     onLabel?: string;
+    onIcon: JSX.Element;
     offLabel?: string;
+    offIcon: JSX.Element;
     forceHide?: boolean;
     onHover?: (hovering: boolean) => void;
     ref?: Ref<HTMLElement>;
@@ -49,7 +65,9 @@ const LegacyCallViewToggleButton: FC<ButtonProps> = ({
     state: isOn,
     className,
     onLabel,
+    onIcon,
     offLabel,
+    offIcon,
     forceHide,
     onHover,
     ref,
@@ -71,6 +89,7 @@ const LegacyCallViewToggleButton: FC<ButtonProps> = ({
             onTooltipOpenChange={onHover}
             {...props}
         >
+            {isOn ? onIcon : offIcon}
             {children}
         </AccessibleButton>
     );
@@ -84,10 +103,6 @@ const LegacyCallViewDropdownButton: React.FC<IDropdownButtonProps> = ({ state, d
     const [menuDisplayed, buttonRef, openMenu, closeMenu] = useContextMenu<HTMLDivElement>();
     const [hoveringDropdown, setHoveringDropdown] = useState(false);
 
-    const classes = classNames("mx_LegacyCallViewButtons_button", "mx_LegacyCallViewButtons_dropdownButton", {
-        mx_LegacyCallViewButtons_dropdownButton_collapsed: !menuDisplayed,
-    });
-
     const onClick = (event: ButtonEvent): void => {
         event.stopPropagation();
         openMenu();
@@ -101,8 +116,10 @@ const LegacyCallViewDropdownButton: React.FC<IDropdownButtonProps> = ({ state, d
             {...props}
         >
             <LegacyCallViewToggleButton
-                className={classes}
+                className="mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dropdownButton"
                 onClick={onClick}
+                onIcon={<ChevronUpIcon />}
+                offIcon={<ChevronDownIcon />}
                 onHover={(hovering) => setHoveringDropdown(hovering)}
                 state={state}
             />
@@ -267,19 +284,23 @@ export default class LegacyCallViewButtons extends React.Component<IProps, IStat
 
                 {this.props.buttonsVisibility.dialpad && (
                     <ContextMenuTooltipButton
-                        className="mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dialpad"
+                        className="mx_LegacyCallViewButtons_button"
                         ref={this.dialpadButton}
                         onClick={this.onDialpadClick}
                         isExpanded={this.state.showDialpad}
                         title={_t("voip|dialpad")}
                         placement="top"
-                    />
+                    >
+                        <DialPadIcon />
+                    </ContextMenuTooltipButton>
                 )}
                 <LegacyCallViewDropdownButton
                     state={!this.props.buttonsState.micMuted}
                     className="mx_LegacyCallViewButtons_button_mic"
                     onLabel={_t("voip|disable_microphone")}
+                    onIcon={<MicOnSolidIcon />}
                     offLabel={_t("voip|enable_microphone")}
+                    offIcon={<MicOffSolidIcon />}
                     onClick={this.props.handlers.onMicMuteClick}
                     deviceKinds={[MediaDeviceKindEnum.AudioInput, MediaDeviceKindEnum.AudioOutput]}
                 />
@@ -288,7 +309,9 @@ export default class LegacyCallViewButtons extends React.Component<IProps, IStat
                         state={!this.props.buttonsState.vidMuted}
                         className="mx_LegacyCallViewButtons_button_vid"
                         onLabel={_t("voip|disable_camera")}
+                        onIcon={<VideoCallSolidIcon />}
                         offLabel={_t("voip|enable_camera")}
+                        offIcon={<VideoCallOffSolidIcon />}
                         onClick={this.props.handlers.onVidMuteClick}
                         deviceKinds={[MediaDeviceKindEnum.VideoInput]}
                     />
@@ -298,7 +321,9 @@ export default class LegacyCallViewButtons extends React.Component<IProps, IStat
                         state={this.props.buttonsState.screensharing}
                         className="mx_LegacyCallViewButtons_button_screensharing"
                         onLabel={_t("voip|stop_screenshare")}
+                        onIcon={<ShareScreenSolidIcon />}
                         offLabel={_t("voip|start_screenshare")}
+                        offIcon={<ShareScreenSolidIcon />}
                         onClick={this.props.handlers.onScreenshareClick}
                     />
                 )}
@@ -307,26 +332,32 @@ export default class LegacyCallViewButtons extends React.Component<IProps, IStat
                         state={this.props.buttonsState.sidebarShown}
                         className="mx_LegacyCallViewButtons_button_sidebar"
                         onLabel={_t("voip|hide_sidebar_button")}
+                        onIcon={<ListViewIcon />}
                         offLabel={_t("voip|show_sidebar_button")}
+                        offIcon={<SpotlightViewIcon />}
                         onClick={this.props.handlers.onToggleSidebarClick}
                     />
                 )}
                 {this.props.buttonsVisibility.contextMenu && (
                     <ContextMenuTooltipButton
-                        className="mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_more"
+                        className="mx_LegacyCallViewButtons_button"
                         onClick={this.onMoreClick}
                         ref={this.contextMenuButton}
                         isExpanded={this.state.showMoreMenu}
                         title={_t("voip|more_button")}
                         placement="top"
-                    />
+                    >
+                        <OverflowHorizontalIcon />
+                    </ContextMenuTooltipButton>
                 )}
                 <AccessibleButton
                     className="mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_hangup"
                     onClick={this.props.handlers.onHangupClick}
                     title={_t("voip|hangup")}
                     placement="top"
-                />
+                >
+                    <EndCallIcon />
+                </AccessibleButton>
             </div>
         );
     }
diff --git a/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx b/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx
index 0c56bd267c..6659a9bee8 100644
--- a/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx
+++ b/src/components/views/voip/LegacyCallView/LegacyCallViewHeader.tsx
@@ -7,6 +7,12 @@ Please see LICENSE files in the repository root for full details.
 
 import { type Room } from "matrix-js-sdk/src/matrix";
 import React from "react";
+import {
+    PopOutIcon,
+    ExpandIcon,
+    PinSolidIcon,
+    VoiceCallSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import { _t } from "../../../../languageHandler";
 import RoomAvatar from "../../avatars/RoomAvatar";
@@ -23,24 +29,26 @@ const LegacyCallViewHeaderControls: React.FC<LegacyCallControlsProps> = ({ onExp
         <div className="mx_LegacyCallViewHeader_controls">
             {onMaximize && (
                 <AccessibleButton
-                    className="mx_LegacyCallViewHeader_button mx_LegacyCallViewHeader_button_fullscreen"
+                    className="mx_LegacyCallViewHeader_button"
                     onClick={onMaximize}
                     title={_t("voip|maximise")}
-                />
+                >
+                    <ExpandIcon />
+                </AccessibleButton>
             )}
             {onPin && (
-                <AccessibleButton
-                    className="mx_LegacyCallViewHeader_button mx_LegacyCallViewHeader_button_pin"
-                    onClick={onPin}
-                    title={_t("action|pin")}
-                />
+                <AccessibleButton className="mx_LegacyCallViewHeader_button" onClick={onPin} title={_t("action|pin")}>
+                    <PinSolidIcon />
+                </AccessibleButton>
             )}
             {onExpand && (
                 <AccessibleButton
-                    className="mx_LegacyCallViewHeader_button mx_LegacyCallViewHeader_button_expand"
+                    className="mx_LegacyCallViewHeader_button"
                     onClick={onExpand}
                     title={_t("voip|expand")}
-                />
+                >
+                    <PopOutIcon />
+                </AccessibleButton>
             )}
         </div>
     );
@@ -84,7 +92,9 @@ const LegacyCallViewHeader: React.FC<LegacyCallViewHeaderProps> = ({
     if (!pipMode) {
         return (
             <div className="mx_LegacyCallViewHeader">
-                <div className="mx_LegacyCallViewHeader_icon" />
+                <div className="mx_LegacyCallViewHeader_icon">
+                    <VoiceCallSolidIcon />
+                </div>
                 <span className="mx_LegacyCallViewHeader_text">{_t("action|call")}</span>
                 <LegacyCallViewHeaderControls onMaximize={onMaximize} />
             </div>
diff --git a/src/contexts/LocalDeviceVerificationStateContext.ts b/src/contexts/LocalDeviceVerificationStateContext.ts
index df5af67252..9d0a24ede0 100644
--- a/src/contexts/LocalDeviceVerificationStateContext.ts
+++ b/src/contexts/LocalDeviceVerificationStateContext.ts
@@ -1,10 +1,9 @@
 /*
-Copyright 2024 New Vector Ltd.
-Copyright 2024 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
 
 import { createContext } from "react";
 
@@ -13,7 +12,5 @@ import { createContext } from "react";
  *
  * (Specifically, this is true if we have done enough verification to confirm that the published public cross-signing
  * keys are genuine -- which normally means that we or another device will have published a signature of this device.)
- *
- * This context is available to all components under {@link LoggedInView}, via {@link MatrixClientContextProvider}.
  */
 export const LocalDeviceVerificationStateContext = createContext(false);
diff --git a/src/dispatcher/actions.ts b/src/dispatcher/actions.ts
index 50f9c3497a..49a3ce8868 100644
--- a/src/dispatcher/actions.ts
+++ b/src/dispatcher/actions.ts
@@ -229,12 +229,6 @@ export enum Action {
      */
     PseudonymousAnalyticsReject = "pseudonymous_analytics_reject",
 
-    /**
-     * Fires after crypto is setup if key backup is not enabled
-     * Used to trigger auto rageshakes when configured
-     */
-    ReportKeyBackupNotEnabled = "report_key_backup_not_enabled",
-
     /**
      * Dispatched after leave room or space is finished
      */
diff --git a/src/effects/effect.ts b/src/effects/effect.ts
index 571ce494ed..60f94b283f 100644
--- a/src/effects/effect.ts
+++ b/src/effects/effect.ts
@@ -7,8 +7,6 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
  */
 
-import { type TranslationKey } from "../languageHandler";
-
 export type Effect<TOptions extends { [key: string]: any }> = {
     /**
      * one or more emojis that will trigger this effect
diff --git a/src/events/EventTileFactory.tsx b/src/events/EventTileFactory.tsx
index 3bec221c7a..3c3735ab81 100644
--- a/src/events/EventTileFactory.tsx
+++ b/src/events/EventTileFactory.tsx
@@ -21,7 +21,7 @@ import { TextualEventView } from "@element-hq/web-shared-components";
 
 import SettingsStore from "../settings/SettingsStore";
 import type LegacyCallEventGrouper from "../components/structures/LegacyCallEventGrouper";
-import { type EventTileProps } from "../components/views/rooms/EventTile";
+import { type IEventTileType, type EventTileProps } from "../components/views/rooms/EventTile";
 import { TimelineRenderingType } from "../contexts/RoomContext";
 import MessageEvent from "../components/views/messages/MessageEvent";
 import LegacyCallEvent from "../components/views/messages/LegacyCallEvent";
@@ -61,7 +61,7 @@ export interface EventTileTypeProps extends Pick<
     | "isSeeingThroughMessageHiddenForModeration"
     | "inhibitInteraction"
 > {
-    ref?: React.RefObject<any>; // `any` because it's effectively impossible to convince TS of a reasonable type
+    ref?: React.RefObject<IEventTileType | null>;
     maxImageHeight?: number; // pixels
     overrideBodyTypes?: Record<string, React.ComponentType<IBodyProps>>;
     overrideEventTypes?: Record<string, React.ComponentType<IBodyProps>>;
diff --git a/src/hooks/room/useRoomCall.tsx b/src/hooks/room/useRoomCall.tsx
index 1384858732..5d7784ed84 100644
--- a/src/hooks/room/useRoomCall.tsx
+++ b/src/hooks/room/useRoomCall.tsx
@@ -9,12 +9,13 @@ Please see LICENSE files in the repository root for full details.
 import { type Room } from "matrix-js-sdk/src/matrix";
 import { CallType } from "matrix-js-sdk/src/webrtc/call";
 import { type ReactNode, useCallback, useEffect, useMemo, useState } from "react";
+import { logger as rootLogger } from "matrix-js-sdk/src/logger";
 
 import type React from "react";
 import { useFeatureEnabled, useSettingValue } from "../useSettings";
 import SdkConfig from "../../SdkConfig";
 import { useEventEmitter, useEventEmitterState } from "../useEventEmitter";
-import LegacyCallHandler, { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
+import { LegacyCallHandlerEvent } from "../../LegacyCallHandler";
 import { useWidgets } from "../../utils/WidgetUtils";
 import { WidgetType } from "../../widgets/WidgetType";
 import { useCall, useConnectionState, useParticipantCount } from "../useCall";
@@ -37,6 +38,9 @@ import { type InteractionName } from "../../PosthogTrackers";
 import { ElementCallMemberEventType } from "../../call-types";
 import { LocalRoom, LocalRoomState } from "../../models/LocalRoom";
 import { useScopedRoomContext } from "../../contexts/ScopedRoomContext";
+import { SdkContextClass } from "../../contexts/SDKContext";
+
+const logger = rootLogger.getChild("useRoomCall");
 
 export enum PlatformCallType {
     ElementCall,
@@ -67,6 +71,8 @@ export const getPlatformCallTypeProps = (
                 label: _t("voip|legacy_call"),
                 analyticsName: "WebVoipOptionLegacy",
             };
+        default:
+            throw Error(`Unexpected PlatformCallType ${platformCallType}`);
     }
 };
 
@@ -110,10 +116,25 @@ export const useRoomCall = (
         return SdkConfig.get("element_call").use_exclusively;
     }, []);
 
+    const serverIsConfiguredForElementCall = useEventEmitterState(
+        CallStore.instance,
+        CallStoreEvent.TransportsUpdated,
+        () =>
+            CallStore.instance.getConfiguredRTCTransports().some((s) => s.type === "livekit" && s.livekit_service_url),
+    );
+
+    useEffect(() => {
+        if (useElementCallExclusively && !serverIsConfiguredForElementCall) {
+            logger.warn(
+                "Element Call is configured to be used exclusively, but the server is not configured with a transport",
+            );
+        }
+    }, [useElementCallExclusively, serverIsConfiguredForElementCall]);
+
     const hasLegacyCall = useEventEmitterState(
-        LegacyCallHandler.instance,
+        SdkContextClass.instance.legacyCallHandler,
         LegacyCallHandlerEvent.CallsChanged,
-        () => LegacyCallHandler.instance.getCallForRoom(room.roomId) !== null,
+        () => SdkContextClass.instance.legacyCallHandler.getCallForRoom(room.roomId) !== null,
     );
     // settings
     const widgets = useWidgets(room);
@@ -143,11 +164,13 @@ export const useRoomCall = (
     // room
     const memberCount = useRoomMemberCount(room);
 
-    const [mayEditWidgets, mayCreateElementCalls] = useRoomState(room, () => [
+    const [mayEditWidgets, mayCreateElementCallState] = useRoomState(room, () => [
         room.currentState.mayClientSendStateEvent("im.vector.modular.widgets", room.client),
         room.currentState.mayClientSendStateEvent(ElementCallMemberEventType.name, room.client),
     ]);
 
+    const mayCreateElementCalls = mayCreateElementCallState && serverIsConfiguredForElementCall;
+
     // The options provided to the RoomHeader.
     // If there are multiple options, the user will be prompted to choose.
     const callOptions = useMemo((): PlatformCallType[] => {
@@ -221,6 +244,10 @@ export const useRoomCall = (
         if (!callOptions.includes(PlatformCallType.LegacyCall) && !mayCreateElementCalls && !mayEditWidgets) {
             return State.NoPermission;
         }
+        // Catch-all for just not having any call options available.
+        if (!callOptions.length) {
+            return State.NoPermission;
+        }
         return State.NoCall;
     }, [
         callOptions,
diff --git a/src/hooks/useCall.ts b/src/hooks/useCall.ts
index db0660df2b..430f316bc6 100644
--- a/src/hooks/useCall.ts
+++ b/src/hooks/useCall.ts
@@ -12,8 +12,6 @@ import type { RoomMember } from "matrix-js-sdk/src/matrix";
 import { type Call, ConnectionState, CallEvent } from "../models/Call";
 import { useTypedEventEmitterState, useEventEmitter } from "./useEventEmitter";
 import { CallStore, CallStoreEvent } from "../stores/CallStore";
-import SdkConfig, { DEFAULTS } from "../SdkConfig";
-import { _t } from "../languageHandler";
 
 export const useCall = (roomId: string): Call | null => {
     const [call, setCall] = useState(() => CallStore.instance.getCall(roomId));
@@ -41,7 +39,7 @@ export const useConnectionState = (call: Call | null): ConnectionState =>
         useCallback((state) => state ?? call?.connectionState ?? ConnectionState.Disconnected, [call]),
     );
 
-export const useParticipants = (call: Call | null): Map<RoomMember, Set<string>> => {
+const useParticipants = (call: Call | null): Map<RoomMember, Set<string>> => {
     return useTypedEventEmitterState(
         call ?? undefined,
         CallEvent.Participants,
@@ -53,9 +51,7 @@ export const useParticipantCount = (call: Call | null): number => {
     const participants = useParticipants(call);
 
     return useMemo(() => {
-        let count = 0;
-        for (const devices of participants.values()) count += devices.size;
-        return count;
+        return [...participants.values()].reduce<number>((count, set) => count + set.size, 0);
     }, [participants]);
 };
 
@@ -71,15 +67,3 @@ export const useParticipatingMembers = (call: Call): RoomMember[] => {
         return members;
     }, [participants]);
 };
-
-export const useFull = (call: Call | null): boolean => {
-    return (
-        useParticipantCount(call) >=
-        (SdkConfig.get("element_call").participant_limit ?? DEFAULTS.element_call.participant_limit!)
-    );
-};
-
-export const useJoinCallButtonDisabledTooltip = (call: Call | null): string | null => {
-    const isFull = useFull(call);
-    return isFull ? _t("voip|join_button_tooltip_call_full") : null;
-};
diff --git a/src/hooks/useRoomState.ts b/src/hooks/useRoomState.ts
index 5555629bb1..5a0a2d7541 100644
--- a/src/hooks/useRoomState.ts
+++ b/src/hooks/useRoomState.ts
@@ -12,14 +12,32 @@ import { type Room, type RoomState, RoomStateEvent } from "matrix-js-sdk/src/mat
 import { useTypedEventEmitter } from "./useEventEmitter";
 
 type Mapper<T> = (roomState: RoomState) => T;
-const defaultMapper: Mapper<RoomState> = (roomState: RoomState) => roomState;
 
-// Hook to simplify watching Matrix Room state
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
-export const useRoomState = <T extends any = RoomState>(
-    room?: Room,
-    mapper: Mapper<T> = defaultMapper as Mapper<T>,
-): T => {
+/**
+ * A hook to watch the state of a room.
+ *
+ * Call `useRoomState` in a component to watch the state of a room.
+ *
+ * A mapper function must be provided to process the room state into outputs suitable for the component. The mapper
+ * function will be called whenever the room state changes.
+ *
+ * @example
+ * ```
+ * function MyComponent({room}: Props): JSX.Element {
+ *   const { historyVisibility, joinRule } = useRoomState(room, state => ({
+ *      historyVisibility: state.getHistoryVisibility(),
+ *      joinRule: state.getJoinRule(),
+ *   }));
+ *   // ...
+ * ```
+ *
+ * @param room - The room to watch. If this is undefined, the returned value will also be undefined.
+ * @param mapper - A function to process the room state into outputs suitable for the component.
+ * @returns The output of `mapper`, or `undefined` if `room` is undefined.
+ */
+export function useRoomState<T>(room: Room, mapper: Mapper<T>): T;
+export function useRoomState<T>(room: Room | undefined, mapper: Mapper<T>): T | undefined;
+export function useRoomState<T>(room: Room | undefined, mapper: Mapper<T>): T | undefined {
     // Create a ref that stores mapper
     const savedMapper = useRef(mapper);
 
@@ -28,7 +46,7 @@ export const useRoomState = <T extends any = RoomState>(
         savedMapper.current = mapper;
     }, [mapper]);
 
-    const [value, setValue] = useState<T>(room ? mapper(room.currentState) : (undefined as T));
+    const [value, setValue] = useState<T | undefined>(room ? mapper(room.currentState) : undefined);
 
     const update = useCallback(() => {
         if (!room) return;
@@ -39,8 +57,8 @@ export const useRoomState = <T extends any = RoomState>(
     useEffect(() => {
         update();
         return () => {
-            setValue(room ? savedMapper.current(room.currentState) : (undefined as T));
+            setValue(room ? savedMapper.current(room.currentState) : undefined);
         };
     }, [room, update]);
     return value;
-};
+}
diff --git a/src/i18n/strings/cs.json b/src/i18n/strings/cs.json
index 19f2321f14..82358af880 100644
--- a/src/i18n/strings/cs.json
+++ b/src/i18n/strings/cs.json
@@ -12,18 +12,6 @@
             "one": "Nepřečtená zmínka."
         },
         "recent_rooms": "Nedávné místnosti",
-        "room_messsage_not_sent": "Otevřít místnost %(roomName)s s nenastavenou zprávou.",
-        "room_n_unread_invite": "Otevřít pozvánku do místnosti %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Otevřít místnost %(roomName)s s 1 nepřečtenou zprávou.",
-            "few": "",
-            "other": "Otevřít místnost %(roomName)s s %(count)s nepřečtenými zprávami."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Otevřít místnost %(roomName)s s 1 nepřečtenou zmínkou.",
-            "few": "",
-            "other": "Otevřít místnost %(roomName)s s %(count)s nepřečtenými zprávami včetně zmínek."
-        },
         "room_name": "Místnost %(name)s",
         "room_status_bar": "Stavový řádek místnosti",
         "seek_bar_label": "Panel posunu zvuku",
@@ -95,17 +83,13 @@
         "maximise": "Maximalizovat",
         "mention": "Zmínit",
         "minimise": "Minimalizovat",
-        "new_conversation": "Nová konverzace",
         "new_room": "Nová místnost",
         "new_video_room": "Nová video místnost",
         "next": "Další",
         "no": "Ne",
         "ok": "OK",
         "open": "Otevřít",
-        "open_menu": "Otevřít nabídku",
-        "pause": "Pozastavit",
         "pin": "Připnout",
-        "play": "Přehrát",
         "proceed": "Pokračovat",
         "quote": "Citovat",
         "react": "Reagovat",
@@ -581,6 +565,7 @@
         "someone": "Někdo",
         "space": "Prostor",
         "spaces": "Prostory",
+        "state_encryption_enabled": "Experimentální šifrování stavu povoleno",
         "sticker": "Nálepka",
         "stickerpack": "Balíček s nálepkami",
         "success": "Úspěch",
@@ -688,6 +673,8 @@
         "join_rule_restricted_label": "Všichni v <SpaceName/> budou moci tuto místnost najít a připojit se k ní.",
         "name_validation_required": "Zadejte prosím název místnosti",
         "room_visibility_label": "Viditelnost místnosti",
+        "state_encrypted_warning": "Umožňuje experimentální podporu pro šifrování stavových událostí, která skrývá metadata, jako jsou názvy místností a témata, před serverem. Tato metadata budou také skryta před lidmi, kteří se k místnostem připojí později, a před lidmi, jejichž klienti nepodporují MSC4362.",
+        "state_encryption_label": "Šifrovat stavové události",
         "title_private_room": "Vytvořit neveřejnou místnost",
         "title_public_room": "Vytvořit veřejnou místnost",
         "title_video_room": "Vytvořit video místnost",
@@ -848,6 +835,7 @@
         "number_of_users": "Počet uživatelů",
         "only_joined_members": "Pouze připojení uživatelé",
         "original_event_source": "Původní zdroj události",
+        "restore_from_backup": "Obnovit ze zálohy",
         "room_encrypted": "Místnost je <strong>šifrovaná ✅</strong>",
         "room_id": "ID místnosti: %(roomId)s",
         "room_not_encrypted": "Místnost <strong>není šifrovaná 🚨</strong>",
@@ -957,6 +945,7 @@
         "bootstrap_title": "Příprava klíčů",
         "confirm_encryption_setup_body": "Kliknutím na tlačítko níže potvrďte nastavení šifrování.",
         "confirm_encryption_setup_title": "Potvrďte nastavení šifrování",
+        "continue_with_reset": "Pokračovat s resetováním",
         "cross_signing_room_normal": "Místnost je koncově šifrovaná",
         "cross_signing_room_verified": "V této místnosti jsou všichni ověřeni",
         "cross_signing_room_warning": "Někdo používá neznámou relaci",
@@ -972,10 +961,12 @@
         "event_shield_reason_unverified_identity": "Šifrováno neověřeným uživatelem.",
         "export_unsupported": "Váš prohlížeč nepodporuje požadovaná kryptografická rozšíření",
         "forgot_recovery_key": "Zapomněli jste klíč pro obnovení?",
+        "identity_needs_reset_description": "Abyste si zajistili přístup k historii zpráv, musíte resetovat svou kryptografickou identitu.",
         "import_invalid_keyfile": "Neplatný soubor s klíčem %(brand)s",
         "import_invalid_passphrase": "Kontrola ověření selhala: špatné heslo?",
         "key_storage_out_of_sync": "Vaše úložiště klíčů není synchronizováno.",
         "key_storage_out_of_sync_description": "Potvrďte klíč pro obnovení, abyste zachovali přístup k úložišti klíčů a historii zpráv.",
+        "message_shared_by": "%(displayName)s (%(userId)s) sdílel(a) tuto zprávu v době, kdy jste nebyli v místnosti.",
         "messages_not_secure": {
             "cause_1": "Váš domovský server",
             "cause_2": "Domovský server, ke kterému je ověřovaný uživatel připojen",
@@ -1507,7 +1498,6 @@
         "ask_to_join": "Umožnit požádat o vstup",
         "automatic_debug_logs": "Automaticky odesílat ladící protokoly při jakékoli chybě",
         "automatic_debug_logs_decryption": "Automaticky odesílat ladící protokoly při chybách dešifrování",
-        "automatic_debug_logs_key_backup": "Automaticky odeslat ladící protokoly, když zálohování klíčů nefunguje",
         "beta_description": "Co se chystá pro %(brand)s? Experimentální funkce jsou nejlepším způsobem, jak se dostat k novým věcem v raném stádiu, vyzkoušet nové funkce a pomoci je formovat ještě před jejich spuštěním.",
         "beta_feature": "Jedná se o funkci ve vývoji",
         "beta_feedback_leave_button": "Chcete-li opustit beta verzi, jděte do nastavení.",
@@ -1524,6 +1514,8 @@
         "dynamic_room_predecessors": "Předchůdci dynamické místnosti",
         "dynamic_room_predecessors_description": "Povolit MSC3946 (podpora pozdních archivů místností)",
         "element_call_video_rooms": "Element Call video místnosti",
+        "encrypted_state_events": "Šifrované stavové události (MSC4362)",
+        "encrypted_state_events_description": "Umožňuje experimentální podporu pro šifrování stavových událostí, která skrývá metadata, jako jsou názvy místností a témata, před serverem. Tato metadata budou také skryta před lidmi, kteří se k místnostem připojí později, a před lidmi, jejichž klienti nepodporují MSC4362.",
         "exclude_insecure_devices": "Vyloučit nezabezpečená zařízení při odesílání/přijímání zpráv",
         "exclude_insecure_devices_description": "Pokud je tento režim povolen, šifrované zprávy nebudou sdíleny s neověřenými zařízeními a zprávy z neověřených zařízení se zobrazí jako chyba. Upozorňujeme, že pokud tento režim povolíte, může se stát, že nebudete moci komunikovat s uživateli, kteří svá zařízení neověřili.",
         "experimental_description": "Rádi experimentujete? Vyzkoušejte naše nejnovější nápady ve vývoji. Tyto funkce nejsou dokončeny; mohou být nestabilní, mohou se změnit nebo mohou být zcela vypuštěny. <a>Zjistěte více</a>.",
@@ -1716,7 +1708,6 @@
         "class_global": "Globální",
         "class_other": "Další možnosti",
         "default": "Výchozí",
-        "default_settings": "Shoda výchozího nastavení",
         "email_pusher_app_display_name": "E-mailová oznámení",
         "enable_prompt_toast_description": "Povolit oznámení na ploše",
         "enable_prompt_toast_title": "Oznámení",
@@ -1735,8 +1726,7 @@
         "mentions_and_keywords_description": "Dostávat oznámení pouze o zmínkách a klíčových slovech podle <a>nastavení</a>",
         "mentions_keywords": "Zmínky a klíčová slova",
         "message_didnt_send": "Zpráva se neodeslala. Klikněte pro informace.",
-        "mute_description": "Nebudete dostávat žádná oznámení",
-        "mute_room": "Ztlumit místnost"
+        "mute_description": "Nebudete dostávat žádná oznámení"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s žádá o ověření"
@@ -1765,6 +1755,7 @@
         "end_message": "Hlasování skončilo. Nejčastější odpověď: %(topAnswer)s",
         "end_message_no_votes": "Hlasování skončilo. Nikdo nehlasoval.",
         "end_title": "Ukončit hlasování",
+        "ended_poll_label": "Hlasování skončilo",
         "error_ending_description": "Omlouváme se, ale hlasování neskončilo. Zkuste to prosím znovu.",
         "error_ending_title": "Nepodařilo se ukončit hlasování",
         "error_voting_description": "Je nám líto, váš hlas nebyl zaregistrován. Zkuste to prosím znovu.",
@@ -1772,10 +1763,22 @@
         "failed_send_poll_description": "Omlouváme se, ale hlasování, které jste se pokusili vytvořit, nebylo zveřejněno.",
         "failed_send_poll_title": "Nepodařilo se zveřejnit hlasování",
         "notes": "Výsledky se zobrazí až po ukončení hlasování",
+        "option_label": "Volba %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Volba %(number)s, %(answer)s, vítězná volba, %(count)s hlas",
+            "few": "Volba %(number)s, %(answer)s, vítězná volba, %(count)s hlasy",
+            "other": "Volba %(number)s, %(answer)s, vítězná volba, %(count)s hlasů"
+        },
+        "option_label_with_total": {
+            "one": "Volba %(number)s, %(answer)s, %(count)s hlas",
+            "few": "Volba %(number)s, %(answer)s, %(count)s hlasy",
+            "other": "Volba %(number)s, %(answer)s, %(count)s hlasů"
+        },
         "options_add_button": "Přidat volbu",
         "options_heading": "Vytvořit volby",
         "options_label": "Volba %(number)s",
         "options_placeholder": "Napište volbu",
+        "poll_label": "Hlasování",
         "topic_heading": "Jaká je vaše otázka nebo téma hlasování?",
         "topic_label": "Otázka nebo téma",
         "topic_placeholder": "Napište něco…",
@@ -1981,7 +1984,6 @@
         "dm_invite_title": "Chcete si povídat s %(user)s?",
         "drop_file_prompt": "Přetažením sem nahrajete",
         "edit_topic": "Upravit téma",
-        "error_3pid_invite_email_lookup": "Nelze najít uživatele podle e-mailu",
         "error_cancel_knock_title": "Nepodařilo se zrušit",
         "error_join_403": "Pro vstup do této místnosti potřebujete pozvánku.",
         "error_join_404_1": "Pokusili jste se připojit pomocí ID místnosti, aniž byste zadali seznam serverů, přes které se chcete připojit. ID místnosti jsou interní identifikátory a nelze je použít k připojení k místnosti bez dalších informací.",
@@ -2013,12 +2015,16 @@
         "forget_room": "Zapomenout na tuto místnost",
         "forget_space": "Zapomenout tento prostor",
         "header": {
+            "join_video_call": "Připojit se k videohovoru",
+            "join_voice_call": "Připojit se k hlasovému hovoru",
             "n_people_asking_to_join": {
                 "one": "Žádá o vstup",
                 "few": "%(count)s lidé žádají o vstup",
                 "other": "%(count)s lidí žádá o vstup"
             },
-            "room_is_public": "Tato místnost je veřejná"
+            "room_is_public": "Tato místnost je veřejná",
+            "shared_history_tooltip": "Noví členové vidí historii",
+            "world_readable_history_tooltip": "Každý může vidět historii"
         },
         "header_avatar_open_settings_label": "Otevřít nastavení místnosti",
         "header_face_pile_tooltip": "Lidé",
@@ -2114,18 +2120,6 @@
             },
             "this_room_button": "Vyhledávat v této místnosti"
         },
-        "status_bar": {
-            "delete_all": "Smazat všechny",
-            "exceeded_resource_limit": "Vaše zpráva nebyla odeslána, protože tento domovský server dosáhl limitu svých zdrojů. Pro další využívání služby prosím kontaktujte jejího <a>správce</a>.",
-            "homeserver_blocked": "Vaše zpráva nebyla odeslána, protože tento domovský server byl zablokován jeho správcem. Pokud chcete pokračovat v používání služby, <a>kontaktujte správce služby</a>.",
-            "monthly_user_limit_reached": "Vaše zpráva nebyla odeslána, protože tento domovský server dosáhl svého měsíčního limitu pro aktivní uživatele. Pro další využívání služby prosím kontaktujte jejího <a>správce</a>.",
-            "requires_consent_agreement": "Dokud si nepřečtete a neodsouhlasíte <consentLink>naše smluvní podmínky</consentLink>, nebudete moci posílat žádné zprávy.",
-            "retry_all": "Zkusit všechny znovu",
-            "select_messages_to_retry": "Můžete vybrat všechny nebo jednotlivé zprávy, které chcete zkusit poslat znovu nebo odstranit",
-            "server_connectivity_lost_description": "Odeslané zprávy zůstanou uložené, dokud se spojení znovu neobnoví.",
-            "server_connectivity_lost_title": "Spojení se serverem bylo přerušeno.",
-            "some_messages_not_sent": "Některé z vašich zpráv nebyly odeslány"
-        },
         "unknown_status_code_for_timeline_jump": "neznámý kód stavu",
         "unread_notifications_predecessor": {
             "other": "Máte %(count)s nepřečtených oznámení v předchozí verzi této místnosti.",
@@ -2154,37 +2148,9 @@
         "add_space_label": "Přidat prostor",
         "breadcrumbs_empty": "Žádné nedávno navštívené místnosti",
         "breadcrumbs_label": "Nedávno navštívené místnosti",
-        "collapse_filters": "Sbalit seznam filtrů",
-        "empty": {
-            "no_chats": "Zatím žádné chaty",
-            "no_chats_description": "Začněte tím, že někomu pošlete zprávu nebo vytvoříte místnost",
-            "no_chats_description_no_room_rights": "Začněte tím, že někomu pošlete zprávu",
-            "no_favourites": "Zatím nemáte oblíbený chat",
-            "no_favourites_description": "Chat si můžete přidat do oblíbených v nastavení chatu",
-            "no_invites": "Nemáte žádné nepřečtené pozvánky",
-            "no_lowpriority": "Nemáte žádné místnosti s nízkou prioritou",
-            "no_mentions": "Nemáte žádné nepřečtené zmínky",
-            "no_people": "Zatím s nikým nemáte přímé chaty",
-            "no_people_description": "Můžete zrušit výběr filtrů, abyste viděli ostatní chaty",
-            "no_rooms": "Ještě nejste v žádné místnosti",
-            "no_rooms_description": "Můžete zrušit výběr filtrů, abyste viděli své další chaty",
-            "no_unread": "Gratulujeme! Nemáte žádné nepřečtené zprávy",
-            "show_activity": "Zobrazit veškerou aktivitu",
-            "show_chats": "Zobrazit všechny chaty"
-        },
-        "expand_filters": "Rozbalit seznam filtrů",
         "failed_add_tag": "Nepodařilo se přidat štítek %(tagName)s k místnosti",
         "failed_remove_tag": "Nepodařilo se odstranit štítek %(tagName)s z místnosti",
         "failed_set_dm_tag": "Nepodařilo se nastavit značku přímé zprávy",
-        "filters": {
-            "favourite": "Oblíbené",
-            "invites": "Pozvánky",
-            "low_priority": "Nízká priorita",
-            "mentions": "Zmínky",
-            "people": "Lidé",
-            "rooms": "Místnosti",
-            "unread": "Nepřečtené"
-        },
         "home_menu_label": "Možnosti domovské obrazovky",
         "join_public_room_label": "Připojit se k veřejné místnosti",
         "joining_rooms_status": {
@@ -2193,44 +2159,23 @@
         },
         "list_title": "Seznam místností",
         "more_options": {
-            "copy_link": "Kopírovat odkaz na místnost",
-            "favourited": "Oblíbené",
-            "leave_room": "Opustit místnost",
-            "low_priority": "Nízká priorita",
-            "mark_read": "Označit jako přečtené",
-            "mark_unread": "Označit jako nepřečtené"
+            "leave_room": "Opustit místnost"
         },
         "notification_options": "Možnosti oznámení",
-        "open_space_menu": "Otevřít nabídku prostoru",
-        "primary_filters": "Filtry seznamu místností",
         "redacting_messages_status": {
             "one": "Momentálně se odstraňují zprávy v %(count)s místnosti",
             "other": "Momentálně se odstraňují zprávy v %(count)s místnostech"
         },
-        "room": {
-            "more_options": "Více možností",
-            "open_room": "Otevřít místnost %(roomName)s"
-        },
-        "room_options": "Možnosti místnosti",
         "show_less": "Zobrazit méně",
         "show_n_more": {
             "other": "Zobrazit %(count)s dalších",
             "one": "Zobrazit %(count)s další"
         },
         "show_previews": "Zobrazovat náhledy zpráv",
-        "sort": "Řadit",
         "sort_by": "Řadit dle",
         "sort_by_activity": "Aktivity",
         "sort_by_alphabet": "A–Z",
-        "sort_type": {
-            "activity": "Aktivita",
-            "atoz": "A–Z"
-        },
         "sort_unread_first": "Zobrazovat místnosti s nepřečtenými zprávami jako první",
-        "space_menu": {
-            "home": "Domov prostoru",
-            "space_settings": "Nastavení prostoru"
-        },
         "space_menu_label": "Nabídka pro %(spaceName)s",
         "sublist_options": "Možnosti seznamu",
         "suggested_rooms_heading": "Doporučené místnosti"
@@ -2319,6 +2264,8 @@
             "no_aliases_space": "Tento prostor nemá žádné místní adresy",
             "other_section": "Další možnosti",
             "publish_toggle": "Zapsat tuto místnost do veřejného adresáře místností na %(domain)s?",
+            "publish_warn_invite_only": "Nemůžete zveřejnit místnost, která je pouze pro zvané.",
+            "publish_warn_no_canonical_permission": "Pro zveřejnění této místnosti musíte mít oprávnění k nastavení hlavní adresy.",
             "published_aliases_description": "Chcete-li adresu zveřejnit, je třeba ji nejprve nastavit jako místní adresu.",
             "published_aliases_explainer_room": "Zveřejněné adresy může použít kdokoli na jakémkoli serveru, aby se připojil k vaší místnosti.",
             "published_aliases_explainer_space": "Zveřejněné adresy může použít kdokoli na jakémkoli serveru, aby se připojil k vašemu prostoru.",
@@ -2413,12 +2360,11 @@
             "error_join_rule_change_title": "Nepodařilo se aktualizovat pravidla pro připojení",
             "error_join_rule_change_unknown": "Neznámá chyba",
             "guest_access_warning": "Lidé s podporovanými klienty se budou moci do místnosti připojit, aniž by měli registrovaný účet.",
-            "history_visibility_invited": "Pouze členové (od chvíle jejich pozvání)",
-            "history_visibility_joined": "Pouze členové (od chvíle jejich vstupu)",
+            "history_visibility_invited": "Členové od pozvání",
             "history_visibility_legend": "Kdo může číst historii?",
-            "history_visibility_shared": "Pouze členové (od chvíle vybrání této volby)",
-            "history_visibility_warning": "Viditelnost stávající historie se nezmění.",
-            "history_visibility_world_readable": "Kdokoliv",
+            "history_visibility_shared": "Členové (úplná historie)",
+            "history_visibility_warning": "Změny neovlivní starší zprávy, pouze nové. <a>Další informace</a>",
+            "history_visibility_world_readable": "Kdokoli (historie je veřejná)",
             "join_rule_description": "Rozhodněte, kdo se může připojit k místnosti %(roomName)s.",
             "join_rule_invite": "Soukromý (pouze pro pozvané)",
             "join_rule_invite_description": "Připojit se mohou pouze pozvané osoby.",
@@ -2474,10 +2420,12 @@
             "error_failed_save": "Nepodařilo se aktualizovat viditelnost tohoto prostoru",
             "error_update_guest_access": "Nepodařilo se aktualizovat přístup hosta do tohoto prostoru",
             "error_update_history_visibility": "Nepodařilo se aktualizovat viditelnost historie tohoto prostoru",
-            "guest_access_explainer": "Hosté se mohou připojit k prostoru, aniž by měli účet.",
+            "guest_access_disabled": "Nemáte oprávnění měnit přístup hostů.",
+            "guest_access_explainer": "Hosté se mohou připojit k prostoru, aniž by měli účet. To může být užitečné pro veřejné prostory.",
             "guest_access_label": "Povolit přístup hostům",
             "history_visibility_anyone_space": "Nahlédnout do prostoru",
             "history_visibility_anyone_space_description": "Umožněte lidem prohlédnout si váš prostor ještě předtím, než se připojí.",
+            "history_visibility_anyone_space_disabled": "Nemáte oprávnění měnit viditelnost historie.",
             "history_visibility_anyone_space_recommendation": "Doporučeno pro veřejné prostory.",
             "title": "Viditelnost"
         },
@@ -2931,6 +2879,7 @@
             "message_search_indexing": "Aktuálně se indexuje: %(currentRoom)s",
             "message_search_indexing_idle": "Aktuálně neindexujeme žádné zprávy.",
             "message_search_intro": "%(brand)s si bezpečně uchovává šifrované zprávy lokálně, aby v nich mohl vyhledávat:",
+            "message_search_pending_rooms": "Místnosti čekající na indexaci: %(pendingRooms)s",
             "message_search_room_progress": "%(doneRooms)s z %(totalRooms)s",
             "message_search_section": "Vyhledávání ve zprávách",
             "message_search_sleep_time": "Jak rychle se mají zprávy stahovat.",
@@ -3374,24 +3323,10 @@
         "no_rooms_with_unread_threads": "Zatím nemáte místnosti s nepřečtenými vlákny."
     },
     "time": {
-        "about_day_ago": "před jedním dnem",
-        "about_hour_ago": "asi před hodinou",
-        "about_minute_ago": "před minutou",
         "date_at_time": "%(date)s v %(time)s",
-        "few_seconds_ago": "před pár vteřinami",
         "hours_minutes_seconds_left": "zbývá %(hours)sh %(minutes)sm %(seconds)ss",
-        "in_about_day": "asi za den",
-        "in_about_hour": "asi za hodinu",
-        "in_about_minute": "asi za minutu",
-        "in_few_seconds": "za pár vteřin",
-        "in_n_days": "za %(num)s dní",
-        "in_n_hours": "za %(num)s hodin",
-        "in_n_minutes": "za %(num)s minut",
         "left": "%(timeRemaining)s zbývá",
         "minutes_seconds_left": "zbývá %(minutes)sm %(seconds)ss",
-        "n_days_ago": "před %(num)s dny",
-        "n_hours_ago": "před %(num)s hodinami",
-        "n_minutes_ago": "před %(num)s minutami",
         "seconds_left": "Zbývá %(seconds)ss",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -3415,12 +3350,7 @@
         "creation_summary_dm": "%(creator)s vytvořil(a) tuto přímou zprávu.",
         "creation_summary_room": "%(creator)s vytvořil(a) a nakonfiguroval(a) místnost.",
         "decryption_failure": {
-            "blocked": "Odesílatel vám zablokoval příjem této zprávy, protože vaše zařízení není ověřeno.",
-            "historical_event_no_key_backup": "Historické zprávy nejsou v tomto zařízení k dispozici",
-            "historical_event_unverified_device": "Pro přístup k historickým zprávám je třeba toto zařízení ověřit.",
-            "historical_event_user_not_joined": "K této zprávě nemáte přístup",
             "sender_identity_previously_verified": "Ověřená identita odesílatele se změnila",
-            "sender_unsigned_device": "Šifrováno zařízením, které nebylo ověřeno jeho majitelem.",
             "unable_to_decrypt": "Zprávu nelze dešifrovat"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3446,11 +3376,9 @@
             "unable_to_find": "Pokusili jste se načíst bod na časové ose místnosti, ale nepodařilo se ho najít."
         },
         "m.audio": {
-            "audio_player": "Audio přehrávač",
             "error_downloading_audio": "Chyba při stahování audia",
             "error_processing_audio": "Došlo k chybě při zpracovávání hlasové zprávy",
-            "error_processing_voice_message": "Chyba při zpracování hlasové zprávy",
-            "unnamed_audio": "Nepojmenovaný audio soubor"
+            "error_processing_voice_message": "Chyba při zpracování hlasové zprávy"
         },
         "m.beacon_info": {
             "view_live_location": "Zobrazit polohu živě"
@@ -3545,6 +3473,7 @@
             "enabled_dm": "Zprávy jsou zde koncově šifrovány. Ověřte %(displayName)s v jeho profilu - klepněte na jeho profilový obrázek.",
             "enabled_local": "Zprávy v této místnosti budou koncově šifrovány.",
             "parameters_changed": "Byly změněny některé parametry šifrování.",
+            "state_enabled": "Zprávy a události v této místnosti jsou koncově šifrovány. Když se lidé připojí, můžete je ověřit v jejich profilu, stačí klepnout na jejich profilový obrázek.",
             "unsupported": "Šifrování používané v této místnosti není podporované."
         },
         "m.room.guest_access": {
@@ -4024,7 +3953,6 @@
         "hide_sidebar_button": "Skrýt postranní panel",
         "input_devices": "Vstupní zařízení",
         "jitsi_call": "Jitsi konference",
-        "join_button_tooltip_call_full": "Omlouváme se — tento hovor je v současné době plný",
         "legacy_call": "Zastaralý způsob hovoru",
         "maximise": "Vyplnit obrazovku",
         "maximise_call": "Maximalizovat hovor",
@@ -4084,6 +4012,7 @@
         "video_call_using": "Videohovor pomocí:",
         "voice_call": "Hlasový hovor",
         "voice_call_incoming": "Příchozí hlasový hovor",
+        "voice_call_using": "Hlasový hovor pomocí:",
         "you_are_presenting": "Prezentujete"
     },
     "web_default_device_name": "%(appName)s: %(browserName)s na %(osName)s",
diff --git a/src/i18n/strings/cy.json b/src/i18n/strings/cy.json
index e1f8ea0e3e..b4e9978f47 100644
--- a/src/i18n/strings/cy.json
+++ b/src/i18n/strings/cy.json
@@ -14,18 +14,6 @@
             "%(count)s crybwylliad heb eu darllen": "other"
         },
         "recent_rooms": "Ystafelloedd diweddar",
-        "room_messsage_not_sent": "Agor ystafell %(roomName)s gyda neges heb ei gosod.",
-        "room_n_unread_invite": "Agor gwahoddiad i ystafell %(roomName)s.",
-        "room_n_unread_messages": {
-            "Ystafell agored%(roomName)s gyda %(count)s negeseuon heb eu darllen.": "zero",
-            "Ystafell agored %(roomName)s gydag 1 neges heb ei darllen.": "one",
-            "Ystafell agored%(roomName)s gyda %(count)s neges heb eu darllen.": "other"
-        },
-        "room_n_unread_messages_mentions": {
-            "Ystafell agored %(roomName)s gyda %(count)s negeseuon heb eu darllen gan gynnwys crybwylliadau.": "zero",
-            "Ystafell agored %(roomName)s gydag 1 crybwylliad heb ei ddarllen.": "one",
-            "Ystafell agored %(roomName)s gyda %(count)s neges heb eu darllen gan gynnwys crybwylliadau.": "other"
-        },
         "room_name": "Ystafell %(matere)s",
         "room_status_bar": "Bar statws ystafell",
         "seek_bar_label": "Bar chwilio sain",
@@ -103,10 +91,7 @@
         "no": "Na",
         "ok": "Iawn",
         "open": "Agor",
-        "open_menu": "Agor dewislen",
-        "pause": "Oedi",
         "pin": "Pinio",
-        "play": "Chwarae",
         "proceed": "Parhau",
         "quote": "Dyfyniad",
         "react": "Ymateb",
@@ -583,6 +568,7 @@
         "someone": "Rhywun",
         "space": "Bwlch",
         "spaces": "Gofodau",
+        "state_encryption_enabled": "Amgryptio cyflwr arbrofol wedi'i alluogi",
         "sticker": "Sticer",
         "stickerpack": "Pecyn sticeri",
         "success": "Llwyddiant",
@@ -608,6 +594,7 @@
         "video": "Fideo",
         "video_room": "Ystafell fideo",
         "view_message": "Gweld neges",
+        "voice": "Llais",
         "warning": "Rhybudd"
     },
     "composer": {
@@ -689,6 +676,8 @@
         "join_rule_restricted_label": "Bydd pawb yn <SpaceName/> yn gallu dod o hyd i'r ystafell hon ac ymuno â hi.",
         "name_validation_required": "Rhowch enw ar gyfer yr ystafell",
         "room_visibility_label": "Gwelededd ystafell",
+        "state_encrypted_warning": "Yn galluogi cefnogaeth arbrofol ar gyfer amgryptio digwyddiadau cyflwr, sy'n cuddio metadata fel enwau ystafelloedd a phynciau o'r gweinydd. Bydd y metadata hwn hefyd yn cael ei guddio rhag pobl sy'n ymuno ag ystafelloedd yn ddiweddarach, a phobl nad yw eu cleientiaid yn cefnogi MSC4362.",
+        "state_encryption_label": "Amgryptio digwyddiadau cyflwr",
         "title_private_room": "Creu ystafell breifat",
         "title_public_room": "Creu ystafell gyhoeddus",
         "title_video_room": "Creu ystafell fideo",
@@ -814,6 +803,13 @@
         "device_dehydrated_yes": "Dadhydredig: Ydyw",
         "device_id": "ID dyfais: %(deviceId)s",
         "device_keys": "Allweddi dyfais",
+        "device_verification_status": {
+            "signed_by_owner": "Statws dilysu: <E2EIcon /> Wedi'i lofnodi gan y perchennog",
+            "unknown": "Statws dilysu: Anhysbys",
+            "unverified": "Statws dilysu: <E2EIcon /> Heb ei lofnodi gan y perchennog",
+            "verified": "Statws dilysu: <E2EIcon /> Wedi'i ddilysu trwy groeslofnodi"
+        },
+        "devices": "Dyfeisiau cryptograffig (%(count)s)",
         "edit_setting": "Golygu gosodiad",
         "edit_values": "Golygu gwerthoedd",
         "empty_string": "<empty string>",
@@ -829,6 +825,7 @@
         "failed_to_save": "Wedi methu cadw gosodiadau.",
         "failed_to_send": "Wedi methu ag anfon digwyddiad!",
         "id": "ID: ",
+        "invalid_device_key_id": "ID allwedd dyfais annilys",
         "invalid_json": "Nid yw'n edrych fel JSON dilys.",
         "level": "Lefel",
         "low_bandwidth_mode": "Modd lled band isel",
@@ -839,7 +836,9 @@
         "notification_state": "Y cyflwr hysbysu yw <strong>%(notificationState)s</strong>",
         "notifications_debug": "Dadfygio hysbysiadau",
         "number_of_users": "Nifer y defnyddwyr",
+        "only_joined_members": "Dim ond defnyddwyr sydd wedi ymuno",
         "original_event_source": "Ffynhonnell wreiddiol y digwyddiad",
+        "restore_from_backup": "Adfer o gopi wrth gefn",
         "room_encrypted": "Mae'r ystafell <strong>wedi'i hamgryptio ✅</strong>",
         "room_id": "ID ystafell: %(roomId)s",
         "room_not_encrypted": "<strong>Nid yw'r ystafell wedi'i hamgryptio 🚨</strong>",
@@ -887,10 +886,23 @@
         "toggle_event": "toglo digwyddiad",
         "toolbox": "Blwch offer",
         "use_at_own_risk": "NID yw'r UI hwn yn gwirio'r mathau o werthoedd. Defnyddiwch ar eich menter eich hun.",
+        "user_avatar": "Afatar: %(avatar)s",
+        "user_displayname": "Enw dangos: %(displayname)s",
+        "user_id": "ID Defnyddiwr: %(userId)s",
+        "user_no_avatar": "Afatar: <i>Dim</i>",
+        "user_no_displayname": "Enw dangos: <i>Dim</i>",
         "user_read_up_to": "Darllenodd defnyddiwr hyd at: ",
         "user_read_up_to_ignore_synthetic": "Darlleniad defnyddiwr hyd at (anwybydduSynthetic): ",
         "user_read_up_to_private": "Darlleniad defnyddiwr hyd at (m.read.private): ",
         "user_read_up_to_private_ignore_synthetic": "Darlleniad defnyddiwr hyd at (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Aelodaeth: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Statws dilysu: <E2EIcon /> Heb ei wirio, a'r hunaniaeth wedi'i newid",
+            "unverified": "Statws dilysu: <E2EIcon /> Heb ei wirio",
+            "verified": "Statws dilysu: <E2EIcon /> Wedi'i ddilysu",
+            "was_verified": "Statws dilysu: <E2EIcon /> Wedi'i wirio, ond newidiwyd yr hunaniaeth"
+        },
+        "users": "Defnyddwyr",
         "value": "Gwerth",
         "value_colon": "Gwerth:",
         "value_in_this_room": "Gwerth yn yr ystafell hon",
@@ -938,6 +950,7 @@
         "bootstrap_title": "Gosod  allweddi",
         "confirm_encryption_setup_body": "Clicio'r botwm isod i gadarnhau gosod amgryptio.",
         "confirm_encryption_setup_title": "Cadarnhau gosodiad amgryptio",
+        "continue_with_reset": "Parhau gyda'r ailosodiad",
         "cross_signing_room_normal": "Mae'r ystafell hon wedi'i hamgryptio o ben-i-ben",
         "cross_signing_room_verified": "Mae pawb yn yr ystafell hon wedi'u gwirio",
         "cross_signing_room_warning": "Mae rhywun yn defnyddio sesiwn anhysbys",
@@ -953,6 +966,7 @@
         "event_shield_reason_unverified_identity": "Wedi'i amgryptio gan ddefnyddiwr heb ei wirio.",
         "export_unsupported": "Nid yw eich porwr yn cynnal yr estyniadau cryptograffeg gofynnol",
         "forgot_recovery_key": "Wedi anghofio'ch allwedd adfer?",
+        "identity_needs_reset_description": "Mae'n rhaid i chi ailosod eich hunaniaeth cryptograffig er mwyn sicrhau mynediad i'ch hanes negeseuon",
         "import_invalid_keyfile": "Ddim yn ffeil bysell %(brand)s ddilys",
         "import_invalid_passphrase": "Methodd y gwiriad dilysu: cyfrinair anghywir?",
         "key_storage_out_of_sync": "Nid yw eich storfa allweddi wedi'i gydweddu.",
@@ -1003,6 +1017,7 @@
                 "skip_verification": "Hepgor dilysu am y tro",
                 "verify_this_device": "Dilyswch y ddyfais hon"
             },
+            "cancelled_verification": "Naill ai daeth yr amser a gymerwyd o'r cais i ben, gwrthodwyd y cais, neu roedd anghysondeb dilysu.",
             "cancelling": "Wrthi'n diddymu…",
             "cant_confirm": "Methu cadarnhau?",
             "complete_action": "Iawn",
@@ -1010,6 +1025,7 @@
             "complete_title": "Gwirwyd!",
             "confirm_identity_description": "Gwiriwch y ddyfais hon i osod negesu diogel",
             "confirm_identity_title": "Cadarnhewch eich hunaniaeth",
+            "confirm_the_emojis": "Cadarnhewch fod yr emojis isod yn cyfateb i'r rhai sy'n cael eu dangos ar eich dyfais arall.",
             "error_starting_description": "Nid oeddem yn gallu dechrau sgwrs gyda'r defnyddiwr arall.",
             "error_starting_title": "Gwall wrth gychwyn y dilysu",
             "explainer": "Mae negeseuon diogel gyda'r defnyddiwr hwn wedi'u hamgryptio pen-i-ben ac ni all trydydd parti eu darllen.",
@@ -1036,15 +1052,21 @@
                 "wrong_fingerprint": "Methu gwirio dyfais '%(deviceId)s' - nid yw'r bysbrintiau a ddarparwyd '%(fingerprint)s' yn cyfateb i fysbrintiau'r ddyfais, '%(fprint)s'"
             },
             "no_support_qr_emoji": "Nid yw'r ddyfais rydych chi'n ceisio'i dilysu yn cefnogi sganio cod QR na dilysiad emoji, sef yr hyn y mae %(brand)s yn ei gefnogi. Ceisiwch gyda chleient gwahanol.",
+            "now_you_can": "Nawr gallwch ddarllen neu anfon negeseuon yn ddiogel, a gall unrhyw un rydych chi'n sgwrsio â nhw ymddiried yn y ddyfais hon hefyd.",
+            "once_accepted_can_continue": "Ar ôl i chi gael eich derbyn, byddwch chi'n gallu parhau â'r dilysu.",
             "other_party_cancelled": "Mae'r parti arall wedi diddymu'r dilysiad.",
             "prompt_encrypted": "Gwiriwch yr holl ddefnyddwyr mewn ystafell i sicrhau ei bod yn ddiogel.",
             "prompt_unencrypted": "Mewn ystafelloedd wedi'u hamgryptio, gwiriwch bob defnyddiwr i sicrhau ei fod yn ddiogel.",
             "qr_or_sas": "%(qrCode)s neu %(emojiCompare)s",
             "qr_prompt": "Sganiwch y cod unigryw hwn",
+            "qr_reciprocate_check_again_device": "Gwiriwch eto ar eich dyfais arall i orffen y dilysu.",
+            "qr_reciprocate_no": "Na, dydw i ddim yn gweld tarian werdd",
             "qr_reciprocate_same_shield_user": "Bron yno! Ydy %(displayName)s yn dangos yr un darian?",
+            "qr_reciprocate_yes": "Ydw, rwy'n gweld tarian werdd",
             "request_toast_accept_user": "Dilysu Defnyddiwr",
             "request_toast_decline_counter": "Anwybyddu (%(counter)s)",
             "request_toast_detail": "%(deviceId)s oddi wrth %(ip)s",
+            "request_toast_start_verification": "Dechrau Gwirio",
             "sas_caption_self": "Dilyswch y ddyfais hon trwy gadarnhau bod y rhif canlynol yn ymddangos ar ei sgrin.",
             "sas_caption_user": "Dilyswch y defnyddiwr hwn trwy gadarnhau bod y rhif canlynol yn ymddangos ar eu sgrin.",
             "sas_description": "Cymharwch set unigryw o emoji os nad oes gennych gamera ar y naill ddyfais na'r llall",
@@ -1064,12 +1086,18 @@
             "unverified_sessions_toast_title": "Mae gennych sesiynau heb eu gwirio",
             "use_another_device": "Defnyddiwch ddyfais arall",
             "use_recovery_key": "Defnyddiwch yr allwedd adfer",
+            "verification_dialog_title_choose": "Dewiswch sut i wirio",
+            "verification_dialog_title_compare_emojis": "Cymharu emojis",
+            "verification_dialog_title_confirm_green_shield": "Cadarnhewch eich bod yn gweld tarian werdd ar eich dyfais arall",
             "verification_dialog_title_device": "Dilysu dyfais arall",
             "verification_dialog_title_failed": "Methodd y dilysu",
+            "verification_dialog_title_start_on_other_device": "Cychwyn dilysu ar y ddyfais arall",
             "verification_dialog_title_user": "Cais Dilysu",
+            "verification_dialog_title_verified": "Dyfais wedi'i gwirio",
             "verification_skip_warning": "Heb ddilysu, ni fydd gennych fynediad i'ch holl negeseuon a gallech ymddangos fel rhai nad ydych yn ymddiried ynddynt i eraill.",
             "verification_success_with_backup": "Mae eich dyfais newydd bellach wedi'i dilysu. Mae ganddo fynediad i'ch negeseuon wedi'u hamgryptio, a bydd defnyddwyr eraill yn ei ystyried yn rhai y mae modd ymddiried ynddynt.",
             "verification_success_without_backup": "Mae eich dyfais newydd bellach wedi'i dilysu. Bydd defnyddwyr eraill yn gweld fod modd ymddiried ynddo.",
+            "verify_by_completing_one_of": "Gwiriwch drwy gwblhau un o'r canlynol:",
             "verify_emoji": "Gwirio trwy emoji",
             "verify_emoji_prompt": "Gwiriwch trwy gymharu emoji unigryw.",
             "verify_emoji_prompt_qr": "Os na allwch sganio'r cod uchod, gwiriwch trwy gymharu emoji unigryw.",
@@ -1481,7 +1509,6 @@
         "ask_to_join": "Galluogi gofyn i ymuno",
         "automatic_debug_logs": "Anfon logiau dadfygio yn awtomatig ar unrhyw wall",
         "automatic_debug_logs_decryption": "Anfon logiau dadgryptio yn awtomatig ar wallau dadgryptio",
-        "automatic_debug_logs_key_backup": "Anfon logiau dadfygio yn awtomatig pan nad yw copi wrth gefn allweddol yn gweithio",
         "beta_description": "Beth sydd nesaf i %(brand)s? Labs yw'r ffordd orau o gael pethau'n gynnar, profi nodweddion newydd a helpu i'w siapio cyn iddynt gael eu lansio.",
         "beta_feature": "Mae hon yn nodwedd beta",
         "beta_feedback_leave_button": "I adael y beta, ewch i'ch gosodiadau.",
@@ -1498,6 +1525,8 @@
         "dynamic_room_predecessors": "Rhagflaenwyr ystafell deimaterig",
         "dynamic_room_predecessors_description": "Galluogi MSC3946 (i gefnogi archifau ystafelloedd sy'n cyrraedd yn hwyr)",
         "element_call_video_rooms": "Ystafelloedd fideo Element Call",
+        "encrypted_state_events": "Digwyddiadau cyflwr wedi'u hamgryptio (MSC4362)",
+        "encrypted_state_events_description": "Yn galluogi cefnogaeth arbrofol ar gyfer amgryptio digwyddiadau cyflwr, sy'n cuddio metadata fel enwau ystafelloedd a phynciau o'r gweinydd. Bydd y metadata hwn hefyd yn cael ei guddio rhag pobl sy'n ymuno ag ystafelloedd yn ddiweddarach, a phobl nad yw eu cleientiaid yn cefnogi MSC4362.",
         "exclude_insecure_devices": "Gwahardd dyfeisiau anniogel wrth anfon/derbyn negeseuon",
         "exclude_insecure_devices_description": "Pan fydd y modd hwn wedi'i alluogi, ni fydd negeseuon wedi'u hamgryptio yn cael eu rhannu â dyfeisiau heb eu gwirio, a bydd negeseuon o ddyfeisiau heb eu gwirio yn cael eu dangos fel gwall. Sylwch, os ydych chi'n galluogi'r modd hwn, efallai na fyddwch chi'n gallu cyfathrebu â defnyddwyr nad ydyn nhw wedi gwirio eu dyfeisiau.",
         "experimental_description": "Teimlo'n arbrofol? Rhowch gynnig ar ein syniadau diweddaraf sy'n cael eu datblygu. Nid yw'r nodweddion hyn yn derfynol; gallant fod yn ansefydlog, gallant newid, neu gallant gael eu gollwng yn gyfan gwbl. <a>Dysgu rhagor</a>.",
@@ -1689,7 +1718,6 @@
         "class_global": "Eang",
         "class_other": "Arall",
         "default": "Rhagosodedig",
-        "default_settings": "Cydweddu'r gosodiadau rhagosodedig",
         "email_pusher_app_display_name": "Hysbysiadau E-bost",
         "enable_prompt_toast_description": "Galluogi hysbysiadau bwrdd gwaith",
         "enable_prompt_toast_title": "Hysbysiadau",
@@ -1708,8 +1736,7 @@
         "mentions_and_keywords_description": "Dim ond gyda chyfeiriadau ac allweddeiriau fel y'u gosodwyd yn eich <a>gosodiadau</a> y cewch eich hysbysu",
         "mentions_keywords": "Crybwylliadau ac allweddeiriau",
         "message_didnt_send": "Heb anfon y neges. Cliciwch am wybodaeth.",
-        "mute_description": "Fyddwch chi ddim yn cael unrhyw hysbysiadau",
-        "mute_room": "Tewi'r ystafell"
+        "mute_description": "Fyddwch chi ddim yn cael unrhyw hysbysiadau"
     },
     "notifier": {
         "m.key.verification.request": "Mae %(matere)s yn gofyn am ddilysiad"
@@ -1738,6 +1765,7 @@
         "end_message": "Mae'r arolwg barn wedi dod i ben. Ateb gorau: %(topAnswer)s",
         "end_message_no_votes": "Mae'r arolwg barn wedi dod i ben. Neb wedi pleidleisio.",
         "end_title": "Diwedd yr Arolwg",
+        "ended_poll_label": "Pôl wedi dod i ben",
         "error_ending_description": "Ymddiheuriadau, nid yw'r bleidlais wedi dod i ben. Ceisiwch eto.",
         "error_ending_title": "Wedi methu â dod â'r bleidlais i ben",
         "error_voting_description": "Ymddiheuriadau, nid yw eich pleidlais wedi'i chofrestru. Ceisiwch eto.",
@@ -1745,10 +1773,12 @@
         "failed_send_poll_description": "Ymddiheuriadau, nid yw'ch arolwg wedi ei phostio.",
         "failed_send_poll_title": "Wedi methu â phostio'r bleidlais",
         "notes": "Dim ond pan fyddwch chi'n dod â'r bleidlais i ben y caiff canlyniadau eu datgelu",
+        "option_label": "Opsiwn %(number)s, %(answer)s",
         "options_add_button": "Ychwanegu dewis",
         "options_heading": "Creu dewisiadau",
         "options_label": "Dewis %(number)s",
         "options_placeholder": "Ysgrifennwch ddewis",
+        "poll_label": "Pôl",
         "topic_heading": "Beth yw cwestiwn neu bwnc eich arolwg barn?",
         "topic_label": "Cwestiwn neu bwnc",
         "topic_placeholder": "Ysgrifennu rhywbeth…",
@@ -1958,7 +1988,6 @@
         "dm_invite_title": "Ydych chi eisiau sgwrsio gyda %(user)s?",
         "drop_file_prompt": "Gollwng ffeil yma i'w llwytho",
         "edit_topic": "Golygu pwnc",
-        "error_3pid_invite_email_lookup": "Methu dod o hyd i ddefnyddiwr trwy e-bost",
         "error_cancel_knock_title": "Wedi methu â diddymu",
         "error_join_403": "Mae angen gwahoddiad arnoch i gael mynediad i'r ystafell hon.",
         "error_join_404_1": "Fe wnaethoch chi geisio ymuno gan ddefnyddio ID ystafell heb ddarparu rhestr o weinyddion i ymuno â nhw. Dynodwyr mewnol yw rhifau adnabod ystafelloedd ac nid oes modd eu defnyddio i ymuno ag ystafell heb fanylion ychwanegol.",
@@ -1991,6 +2020,8 @@
         "forget_room": "Anghofiwch yr ystafell hon",
         "forget_space": "Anghofiwch y gofod hwn",
         "header": {
+            "join_video_call": "Ymuno â galwad fideo",
+            "join_voice_call": "Ymuno â galwad llais",
             "n_people_asking_to_join": {
                 "%(count)s personau'n gofyn i ymuno": "zero",
                 "Yn gofyn i ymuno": "one",
@@ -2091,18 +2122,6 @@
             },
             "this_room_button": "Chwiliwch yr ystafell hon"
         },
-        "status_bar": {
-            "delete_all": "Dileu popeth",
-            "exceeded_resource_limit": "Heb anfon eich neges oherwydd bod y gweinydd cartref hwn wedi mynd y tu hwnt i'r terfyn adnoddau. <a>Cysylltwch â gweinyddwr eich gwasanaeth</a> i barhau i ddefnyddio'r gwasanaeth.",
-            "homeserver_blocked": "Heb anfon eich neges oherwydd bod y gweinydd cartref hwn wedi'i rwystro gan ei weinyddwr. <a>Cysylltwch â gweinyddwr eich gwasanaeth</a> i barhau i ddefnyddio'r gwasanaeth.",
-            "monthly_user_limit_reached": "Heb anfoneich neges oherwydd bod y gweinydd cartref hwn wedi cyrraedd ei Derfyn Defnyddiwr Gweithredol Misol. <a>Cysylltwch â gweinyddwr eich gwasanaeth</a> i barhau i ddefnyddio'r gwasanaeth.",
-            "requires_consent_agreement": "Allwch chi ddim anfon unrhyw negeseuon nes i chi adolygu a chytuno i<consentLink> ein telerau ac amodau</consentLink>.",
-            "retry_all": "Rhowch gynnig arall arni",
-            "select_messages_to_retry": "Gallwch ddewis pob neges neu neges unigol i roi cynnig arall arni neu ei dileu",
-            "server_connectivity_lost_description": "Bydd negeseuon sy'n cael eu hanfon yn cael eu storio nes bod eich cysylltiad wedi dychwelyd.",
-            "server_connectivity_lost_title": "Mae cysylltedd â'r gweinydd wedi'i golli.",
-            "some_messages_not_sent": "Nid yw rhai o'ch negeseuon wedi'u hanfon"
-        },
         "unknown_status_code_for_timeline_jump": "cod statws anhysbys",
         "unread_notifications_predecessor": {
             "Does gennych %(count)s hysbysiad heb eu darllen mewn fersiwn flaenorol o'r ystafell hon": "zero",
@@ -2130,37 +2149,9 @@
         "add_space_label": "Ychwanegu gofod",
         "breadcrumbs_empty": "Dim ystafelloedd yr ymwelwyd â nhw yn ddiweddar",
         "breadcrumbs_label": "Ymwelwyd ag ystafelloedd yn ddiweddar",
-        "collapse_filters": "Cwympo rhestr hidlo",
-        "empty": {
-            "no_chats": "Dim sgyrsiau eto",
-            "no_chats_description": "Dechreuwch drwy anfon neges at rywun neu drwy greu ystafell",
-            "no_chats_description_no_room_rights": "Dechreuwch trwy anfon neges at rywun",
-            "no_favourites": "Nid oes gennych hoff sgwrs eto",
-            "no_favourites_description": "Gallwch ychwanegu sgwrs at eich ffefrynnau yn y gosodiadau sgwrsio",
-            "no_invites": "Does gennych chi ddim gwahoddiadau heb eu darllen",
-            "no_lowpriority": "Nid oes gennych unrhyw ystafelloedd blaenoriaeth isel",
-            "no_mentions": "Does gennych chi ddim crybwylliadau heb eu darllen",
-            "no_people": "Nid oes gennych chi sgyrsiau uniongyrchol gydag unrhyw un eto",
-            "no_people_description": "Gallwch ddad-ddewis hidlwyr er mwyn gweld eich sgyrsiau eraill",
-            "no_rooms": "Nid ydych mewn unrhyw ystafell eto",
-            "no_rooms_description": "Gallwch ddad-ddewis hidlwyr er mwyn gweld eich sgyrsiau eraill",
-            "no_unread": "Llongyfarchiadau! Nid oes gennych unrhyw negeseuon heb eu darllen",
-            "show_activity": "Gweld yr holl weithgarwch",
-            "show_chats": "Dangos pob sgwrs"
-        },
-        "expand_filters": "Ehangu rhestr hidlo",
         "failed_add_tag": "Wedi methu ag ychwanegu tag %(tagName)s i'r ystafell",
         "failed_remove_tag": "Wedi methu â thynnu'r tag %(tagName)s o'r ystafell",
         "failed_set_dm_tag": "Wedi methu gosod tag neges uniongyrchol",
-        "filters": {
-            "favourite": "Ffefrynnau",
-            "invites": "Gwahoddiadau",
-            "low_priority": "Blaenoriaeth isel",
-            "mentions": "Crybwylliadau",
-            "people": "Pobl",
-            "rooms": "Ystafelloedd",
-            "unread": "Heb eu darllen"
-        },
         "home_menu_label": "Dewisiadau cartref",
         "join_public_room_label": "Ymuno â'r ystafell gyhoeddus",
         "joining_rooms_status": {
@@ -2168,42 +2159,21 @@
         },
         "list_title": "Rhestr ystafelloedd",
         "more_options": {
-            "copy_link": "Copïo dolen ystafell",
-            "favourited": "Ffafrio",
-            "leave_room": "Gadael yr ystafell",
-            "low_priority": "Blaenoriaeth isel",
-            "mark_read": "Marcio fel wedi'i ddarllen",
-            "mark_unread": "Marcio fel heb ei ddarllen"
+            "leave_room": "Gadael yr ystafell"
         },
         "notification_options": "Dewisiadau hysbysu",
-        "open_space_menu": "Agor dewislen gofod",
-        "primary_filters": "Hidlau rhestr ystafelloedd",
         "redacting_messages_status": {
             "Yn tynnu negeseuon mewn %(count)s ystafell": "other"
         },
-        "room": {
-            "more_options": "Rhagor o Ddewisiadau",
-            "open_room": "Agor ystafell %(roomName)s"
-        },
-        "room_options": "Dewisiadau Ystafelloedd",
         "show_less": "Dangos llai",
         "show_n_more": {
             "Dangos %(count)s yn rhagor": "other"
         },
         "show_previews": "Dangos rhagolwg o negeseuon",
-        "sort": "Trefnu",
         "sort_by": "Trefnu yn ôl",
         "sort_by_activity": "Gweithgaredd",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "Gweithgaredd",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Dangos ystafelloedd gyda negeseuon heb eu darllen yn gyntaf",
-        "space_menu": {
-            "home": "Cartref gofod",
-            "space_settings": "Gosodiadau Gofod"
-        },
         "space_menu_label": "Dewislen %(spaceName)s",
         "sublist_options": "Dewisiadau rhestr",
         "suggested_rooms_heading": "Awgrym o Ystafelloedd"
@@ -2292,6 +2262,8 @@
             "no_aliases_space": "Nid oes gan y gofod hwn unrhyw gyfeiriadau lleol",
             "other_section": "Arall",
             "publish_toggle": "Cyhoeddi'r ystafell hon i'r cyhoedd yng nghyfeiriadur ystafelloedd %(domain)s?",
+            "publish_warn_invite_only": "Does dim modd cyhoeddi ystafell sydd ar gael drwy wahoddiad yn unig.",
+            "publish_warn_no_canonical_permission": "Rhaid i chi gael caniatâd i osod y prif gyfeiriad i gyhoeddi'r ystafell hon.",
             "published_aliases_description": "I gyhoeddi cyfeiriad, mae angen ei osod fel cyfeiriad lleol yn gyntaf.",
             "published_aliases_explainer_room": "Gall unrhyw un ar unrhyw weinydd ddefnyddio cyfeiriadau cyhoeddedig i ymuno â'ch ystafell.",
             "published_aliases_explainer_space": "Gall unrhyw un ar unrhyw weinydd ddefnyddio cyfeiriadau cyhoeddedig i ymuno â'ch gofod.",
@@ -2387,11 +2359,10 @@
             "error_join_rule_change_unknown": "Methiant anhysbys",
             "guest_access_warning": "Bydd pobl â chleientiaid a gefnogir yn gallu ymuno â'r ystafell heb fod â chyfrif cofrestredig.",
             "history_visibility_invited": "Aelodau yn unig (ers iddynt gael eu gwahodd)",
-            "history_visibility_joined": "Aelodau yn unig (ers iddynt ymuno)",
             "history_visibility_legend": "Pwy all ddarllen hanes?",
             "history_visibility_shared": "Aelodau yn unig (ers yr adeg pan ddewiswyd yr opsiwn hwn)",
-            "history_visibility_warning": "Ni fydd gwelededd hanes presennol yn cael ei newid.",
-            "history_visibility_world_readable": "Unrhyw un",
+            "history_visibility_warning": "Bydd y newidiadau ddim yn efeithio negeseuon y gorffennol, dim ond rhai newydd. <a>Darllen rhagor</a>",
+            "history_visibility_world_readable": "Unrhyw un (mae hanes yn gyhoeddus)",
             "join_rule_description": "Penderfynwch pwy all ymuno â %(roomName)s.",
             "join_rule_invite": "Preifat (gwahoddiad yn unig)",
             "join_rule_invite_description": "Dim ond pobl wahoddedig all ymuno.",
@@ -2446,10 +2417,12 @@
             "error_failed_save": "Wedi methu â diweddaru gwelededd y gofod hwn",
             "error_update_guest_access": "Wedi methu â diweddaru mynediad gwesteion y gofod hwn",
             "error_update_history_visibility": "Wedi methu â diweddaru gwelededd hanes y gofod hwn",
+            "guest_access_disabled": "Does gennych chi ddim caniatâd i newid mynediad gwestai.",
             "guest_access_explainer": "Gall gwesteion ymuno â gofod heb gyfrif.",
             "guest_access_label": "Galluogi mynediad gwestai",
             "history_visibility_anyone_space": "Gofod Rhagolwg",
             "history_visibility_anyone_space_description": "Caniatáu i bobl gael rhagolwg o'ch gofod cyn iddynt ymuno.",
+            "history_visibility_anyone_space_disabled": "Does gennych chi ddim caniatâd i newid gwelededd hanes.",
             "history_visibility_anyone_space_recommendation": "Argymhellion ar gyfer gofodau cyhoeddus.",
             "title": "Gwelededd"
         },
@@ -2647,6 +2620,7 @@
             "allow_spellcheck": "Caniatáu gwirio sillafu",
             "application_language": "Iaith y rhaglen",
             "application_language_reload_hint": "Bydd yr ap yn ail-lwytho ar ôl dewis iaith arall",
+            "avatar_open_menu": "Agor dewislen afatar",
             "avatar_remove_progress": "Wrthi'n tynnu'r ddelwedd...",
             "avatar_save_progress": "Wrthi'n llwytho delwedd...",
             "avatar_upload_error_text": "Nid yw fformat y ffeil yn cael ei gefnodi neu mae'r ddelwedd yn fwy na %(size)s.",
@@ -2869,6 +2843,7 @@
             "room_list_heading": "Rhestr ystafelloedd",
             "show_avatars_pills": "Dangos rhithffurfiau mewn cyfeiriadau defnyddiwr, ystafell a digwyddiad",
             "show_polls_button": "Dangos y botwm arolygon",
+            "startup_window_behaviour_label": "Ymddygiad cychwyn a ffenestr",
             "surround_text": "Amgylchynu testun dethol wrth deipio nodau arbennig",
             "time_heading": "Yn dangos amser",
             "user_timezone": "Gosod cylchfa amser"
@@ -2900,6 +2875,7 @@
             "message_search_indexing": "Yn mynegeio ar hyn o bryd: %(currentRoom)s",
             "message_search_indexing_idle": "Ddim yn mynegeio negeseuon ar gyfer unrhyw ystafell ar hyn o bryd.",
             "message_search_intro": "Mae %(brand)s yn cadw negeseuon wedi'u hamgryptio'n ddiogel yn lleol er mwyn iddynt ymddangos yn y canlyniadau chwilio:",
+            "message_search_pending_rooms": "Ystafelloedd yn aros i gael eu mynegeio: %(pendingRooms)s",
             "message_search_room_progress": "%(doneRooms)s allan o %(totalRooms)s",
             "message_search_section": "Chwilio am neges",
             "message_search_sleep_time": "Pa mor gyflym dylai negeseuon gael eu llwytho i lawr.",
@@ -3039,6 +3015,12 @@
             "spaces_explainer": "Mae gofodau yn ffyrdd o grwpio ystafelloedd a phobl. Ochr yn ochr â'r lleoedd rydych chi ynddynt, gallwch chi ddefnyddio rhai sydd wedi'u hadeiladu ymlaen llaw hefyd.",
             "title": "Bar Ochr"
         },
+        "start_automatically": {
+            "disabled": "Na",
+            "enabled": "Iawn",
+            "label": "Agorwch %(brand)s pan fyddwch chi'n mewngofnodi i'ch cyfrifiadur",
+            "minimised": "Wedi'i leihau"
+        },
         "tac_only_notifications": "Dim ond dangos hysbysiadau yng nghanolfan gweithgaredd yr edefyn",
         "use_12_hour_format": "Dangos stampiau amser mewn fformat 12 awr (e.e. 2:30pm)",
         "use_command_enter_send_message": "Defnyddiwch Command + Enter i anfon neges",
@@ -3332,24 +3314,10 @@
         "no_rooms_with_unread_threads": "Nid oes gennych chi ystafelloedd ag edafedd heb eu darllen eto."
     },
     "time": {
-        "about_day_ago": "tua diwrnod yn ôl",
-        "about_hour_ago": "tua awr yn ol",
-        "about_minute_ago": "tua munud yn ôl",
         "date_at_time": "%(date)s am %(time)s",
-        "few_seconds_ago": "ychydig eiliadau yn ôl",
         "hours_minutes_seconds_left": "%(hours)sa %(minutes)sm %(seconds)s ar ôl",
-        "in_about_day": "tua diwrnod o nawr",
-        "in_about_hour": "tuag awr o hyn",
-        "in_about_minute": "tua munud o nawr",
-        "in_few_seconds": "ychydig eiliadau o nawr",
-        "in_n_days": "%(num)s diwrnod o nawr",
-        "in_n_hours": "%(num)s awr o nawr",
-        "in_n_minutes": "%(num)s munud o nawr",
         "left": "%(timeRemaining)s ar ôl",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss ar ôl",
-        "n_days_ago": "%(num)s diwrnod yn ôl",
-        "n_hours_ago": "%(num)s awr yn ôl",
-        "n_minutes_ago": "%(num)s munud yn ôl",
         "seconds_left": "Mae %(seconds)s ar ôl",
         "short_days": "%(value)sch",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sa %(minutes)sm %(seconds)ss",
@@ -3373,12 +3341,7 @@
         "creation_summary_dm": "Creodd %(creator)s y DM hwn.",
         "creation_summary_room": "Mae %(creator)s wedi creu a ffurfweddu'r ystafell.",
         "decryption_failure": {
-            "blocked": "Mae'r anfonwr wedi eich rhwystro rhag derbyn y neges hon oherwydd bod eich dyfais heb ei gwirio",
-            "historical_event_no_key_backup": "Nid yw negeseuon hanesyddol ar gael ar y ddyfais hon",
-            "historical_event_unverified_device": "Mae angen i chi wirio'r ddyfais hon ar gyfer mynediad i negeseuon hanesyddol",
-            "historical_event_user_not_joined": "Nid oes gennych fynediad i'r neges hon",
             "sender_identity_previously_verified": "Cafodd hunaniaeth yr anfonwr ei hailosod",
-            "sender_unsigned_device": "Wedi'i anfon o ddyfais ansicr.",
             "unable_to_decrypt": "Methu dadgryptio'r neges"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3404,11 +3367,9 @@
             "unable_to_find": "Wedi ceisio llwytho pwynt penodol yn llinell amser yr ystafell hon, ond ni lwyddodd i ddod o hyd iddo."
         },
         "m.audio": {
-            "audio_player": "Chwaraewr sain",
             "error_downloading_audio": "Gwall wrth llwytho i lawrsain",
             "error_processing_audio": "Gwall wrth brosesu neges sain",
-            "error_processing_voice_message": "Gwall wrth brosesu neges llais",
-            "unnamed_audio": "Sain dienw"
+            "error_processing_voice_message": "Gwall wrth brosesu neges llais"
         },
         "m.beacon_info": {
             "view_live_location": "Gweld lleoliad byw"
@@ -3502,6 +3463,7 @@
             "enabled_dm": "Mae negeseuon yma wedi'u hamgryptio o'r dechrau i'r diwedd. Dilyswch %(displayName)s yn eu proffil - tapiwch ar eu llun proffil.",
             "enabled_local": "Bydd negeseuon yn y sgwrs hon yn cael eu hamgryptio o'r dechrau i'r diwedd.",
             "parameters_changed": "Mae rhai paramedrau amgryptio wedi'u newid.",
+            "state_enabled": "Mae negeseuon a digwyddiadau cyflwr yn yr ystafell hon wedi'u hamgryptio o'r dechrau i'r diwedd. Pan fydd pobl yn ymuno, gallwch eu gwirio yn eu proffil, dim ond tapio ar eu llun proffil.",
             "unsupported": "Nid yw'r amgryptio sy'n cael ei ddefnyddiogan yr ystafell hon yn cael ei gefnogi."
         },
         "m.room.guest_access": {
@@ -3986,7 +3948,6 @@
         "hide_sidebar_button": "Cuddio bar ochr",
         "input_devices": "Dyfeisiau mewnbwn",
         "jitsi_call": "Cynhadledd Jitsi",
-        "join_button_tooltip_call_full": "Ymddiheuriadau - mae'r alwad hon yn llawn ar hyn o bryd",
         "legacy_call": "Hen Alwad",
         "maximise": "Llanw'r Sgrin",
         "maximise_call": "Mwyhau galwad",
@@ -4041,9 +4002,12 @@
         "user_busy_description": "Mae'r defnyddiwr rydych yn ei alw yn brysur.",
         "user_is_presenting": "Mae %(sharerName)s yn cyflwyno",
         "video_call": "Galwad fideo",
+        "video_call_incoming": "Galwad fideo i mewn",
         "video_call_started": "Galwad fideo wedi dechrau",
         "video_call_using": "Galwad fideo gan ddefnyddio:",
         "voice_call": "Galwad llais",
+        "voice_call_incoming": "Galwad llais i mewn",
+        "voice_call_using": "Galwad llais gan ddefnyddio:",
         "you_are_presenting": "Rydych chi'n cyflwyno"
     },
     "web_default_device_name": "%(appName)s: %(browserName)s ar %(osName)s",
diff --git a/src/i18n/strings/da.json b/src/i18n/strings/da.json
index 00bc5734a8..8385d2cd51 100644
--- a/src/i18n/strings/da.json
+++ b/src/i18n/strings/da.json
@@ -12,8 +12,6 @@
             "other": "%(count)s ulæste beskeder, herunder omtaler."
         },
         "recent_rooms": "Nylige rum",
-        "room_messsage_not_sent": "Åbent rum %(roomName)s med en usendt besked.",
-        "room_n_unread_invite": "Invitation til det åbne rum %(roomName)s.",
         "room_name": "Rum %(name)s",
         "room_status_bar": "Statusbjælke for rum",
         "seek_bar_label": "Progressionsmarkør for lydafspiller",
@@ -91,10 +89,7 @@
         "no": "Nej",
         "ok": "OK",
         "open": "Åbn",
-        "open_menu": "Åbn menu",
-        "pause": "Pausér",
         "pin": "Fastgør",
-        "play": "Afspil",
         "proceed": "Fortsæt",
         "quote": "Citat",
         "react": "Reager",
@@ -1298,7 +1293,6 @@
         "ask_to_join": "Aktivér spørg om at deltage",
         "automatic_debug_logs": "Send automatisk fejlfindingslogfiler ved enhver fejl",
         "automatic_debug_logs_decryption": "Send automatisk fejlfindingslogfiler ved dekrypteringsfejl",
-        "automatic_debug_logs_key_backup": "Send automatisk fejlfindingslogfiler, når nøglebackup ikke fungerer",
         "beta_description": "Hvad er det næste skridt for %(brand)s? Labs er den bedste måde at få adgang til tingene tidligt, afprøve nye funktioner og være med til at forme dem, inden de faktisk lanceres.",
         "beta_feature": "Dette er en betafunktion",
         "beta_feedback_leave_button": "For at forlade betaversionen skal du gå til dine indstillinger.",
@@ -1613,6 +1607,7 @@
     "restore_key_backup_dialog": {
         "count_of_decryption_failures": "Kunne ikke dekryptere %(failedCount)s sessioner!",
         "count_of_successfully_restored_keys": "%(sessionCount)s nøgler blev gendannet",
+        "enter_key_description": "Få adgang til din sikre beskedhistorik, og opsæt sikker chat ved at indtaste din gendannelsesnøgle.",
         "enter_key_title": "Indtast gendannelsesnøgle",
         "enter_phrase_description": "Få adgang til historikken for dine sikre beskeder og opsæt sikker beskedfunktion ved at indtaste din sikkerhedskode.",
         "enter_phrase_title": "Indtast adgangsfrase",
@@ -1639,7 +1634,6 @@
         "files_button": "Filer",
         "pinned_messages": {
             "limits": {
-                "one": "",
                 "other": "Du kan kun fastgøre op til %(count)s widgets"
             }
         },
@@ -1708,7 +1702,6 @@
         "dm_invite_title": "Vil du chatte med %(user)s?",
         "drop_file_prompt": "Slip filen her for at uploade",
         "edit_topic": "Redigér emne",
-        "error_3pid_invite_email_lookup": "Kan ikke finde brugeren via e-mail",
         "error_cancel_knock_title": "Kunne ikke annullere",
         "error_join_403": "Du skal bruge en invitation for at få adgang til dette rum.",
         "error_join_404_1": "Du forsøgte at deltage ved hjælp af et rum-ID uden at angive en liste over servere at deltage igennem. Rum-ID'er er interne identifikatorer og kan ikke bruges til at deltage i et rum uden yderligere oplysninger.",
@@ -1823,18 +1816,6 @@
             "all_rooms_button": "Søg i alle rum",
             "this_room_button": "Søg i dette rum"
         },
-        "status_bar": {
-            "delete_all": "Slet alle",
-            "exceeded_resource_limit": "Din besked blev ikke sendt, fordi denne hjemmeserver har overskredet en ressourcegrænse. <a>Kontakt din serviceadministrator </a> for at fortsætte med at bruge tjenesten.",
-            "homeserver_blocked": "Din besked blev ikke sendt, fordi denne hjemmeserver er blevet blokeret af dens administrator. <a>Kontakt din serviceadministrator </a> for at fortsætte med at bruge tjenesten.",
-            "monthly_user_limit_reached": "Din besked blev ikke sendt, fordi denne hjemmeserver har nået sin månedlige aktive brugergrænse. <a>Kontakt din serviceadministrator </a> for at fortsætte med at bruge tjenesten.",
-            "requires_consent_agreement": "Du kan ikke sende nogen beskeder, før du har gennemgået og accepteret <consentLink>vores vilkår og betingelser</consentLink>.",
-            "retry_all": "Prøv alle igen",
-            "select_messages_to_retry": "Du kan vælge alle eller enkelte beskeder, for at forsøge med dem igen eller slette dem.",
-            "server_connectivity_lost_description": "Sendte beskeder vil blive gemt, indtil din forbindelse er genoprettet.",
-            "server_connectivity_lost_title": "Forbindelsen til serveren er gået tabt.",
-            "some_messages_not_sent": "Nogle af dine beskeder er ikke blevet sendt"
-        },
         "unknown_status_code_for_timeline_jump": "ukendt statuskode",
         "unread_notifications_predecessor": {
             "one": "Du har %(count)s ulæst notifikation i en tidligere version af dette rum.",
@@ -1861,15 +1842,9 @@
         "add_space_label": "Tilføj gruppe",
         "breadcrumbs_empty": "Ingen nyligt besøgte rum",
         "breadcrumbs_label": "Nyligt besøgte rum",
-        "empty": {
-            "no_rooms": "Du er ikke i noget rum endnu"
-        },
         "failed_add_tag": "Kunne ikke tilføje tag(s): %(tagName)s til gruppen",
         "failed_remove_tag": "Kunne ikke fjerne tag(s): %(tagName)s fra gruppen",
         "failed_set_dm_tag": "Kunne ikke indstille tagget til direkte beskeder",
-        "filters": {
-            "people": "Brugere"
-        },
         "home_menu_label": "Hjemmeindstillinger",
         "join_public_room_label": "Deltag i offentligt rum",
         "joining_rooms_status": {
@@ -1877,7 +1852,6 @@
             "other": "Tilslutter sig i øjeblikket %(count)s rum"
         },
         "notification_options": "Notifikationsindstillinger",
-        "open_space_menu": "Åbn menu for gruppe",
         "redacting_messages_status": {
             "one": "Fjerner i øjeblikket beskeder i %(count)s rum",
             "other": "Fjerner i øjeblikket beskeder i %(count)s rum"
@@ -1892,10 +1866,6 @@
         "sort_by_activity": "Aktivitet",
         "sort_by_alphabet": "A-Å",
         "sort_unread_first": "Vis rum med ulæste beskeder først",
-        "space_menu": {
-            "home": "Hjem for gruppe",
-            "space_settings": "Indstillinger for grupper"
-        },
         "space_menu_label": "%(spaceName)s menu",
         "sublist_options": "Liste over muligheder",
         "suggested_rooms_heading": "Foreslåede rum"
@@ -2072,12 +2042,11 @@
             "error_join_rule_change_title": "Kunne ikke opdatere reglerne for tilmelding",
             "error_join_rule_change_unknown": "Ukendt fejl",
             "guest_access_warning": "Personer med understøttede klienter, vil kunne tilslutte sig rummet uden at have en registreret konto.",
-            "history_visibility_invited": "Kun medlemmer (siden de blev inviteret)",
-            "history_visibility_joined": "Kun medlemmer (fra de kom ind)",
+            "history_visibility_invited": "Medlemmer siden de blev inviteret",
             "history_visibility_legend": "Hvem kan læse historikken?",
-            "history_visibility_shared": "Kun medlemmer (siden det tidspunkt, hvor denne indstilling blev valgt)",
-            "history_visibility_warning": "Synligheden af ​​den eksisterende historik vil ikke blive ændret.",
-            "history_visibility_world_readable": "Enhver",
+            "history_visibility_shared": "Medlemmer (fuld historik)",
+            "history_visibility_warning": "Ændringer vil ikke påvirke tidligere beskeder, kun nye. <a>Læs mere</a>",
+            "history_visibility_world_readable": "Alle (historikken er offentlig)",
             "join_rule_description": "Bestem hvem der kan deltage i %(roomName)s .",
             "join_rule_invite": "Privat (kun tilgængeligt med invitation)",
             "join_rule_invite_description": "Kun inviterede personer kan deltage i dette rum.",
@@ -2132,7 +2101,7 @@
             "error_failed_save": "Kunne ikke opdatere visningen af denne gruppe",
             "error_update_guest_access": "Det lykkedes ikke at opdatere gæsteadgangen til dette rum.",
             "error_update_history_visibility": "Det lykkedes ikke at opdatere synligheden af historikken i denne gruppe.",
-            "guest_access_explainer": "Gæster kan tilslutte sig en gruppe uden at have en konto.",
+            "guest_access_explainer": "Gæster kan tilslutte sig en gruppe uden at have en konto. Dette kan være nyttigt i offentlige grupper.",
             "guest_access_label": "Aktivér gæsteadgang",
             "history_visibility_anyone_space": "Forhåndsvis gruppe",
             "history_visibility_anyone_space_description": "Tillad andre at få forhåndsvist din gruppe før de tilslutter sig.",
@@ -2886,24 +2855,10 @@
         "show_thread_filter": "Vis:"
     },
     "time": {
-        "about_day_ago": "omkring en dag siden",
-        "about_hour_ago": "for omkring en time siden",
-        "about_minute_ago": "for omkring et minut siden",
         "date_at_time": "%(date)s om %(time)s",
-        "few_seconds_ago": "for et par sekunder siden",
         "hours_minutes_seconds_left": "%(hours)st %(minutes)sm %(seconds)ss tilbage",
-        "in_about_day": "om cirka en dag fra nu",
-        "in_about_hour": "omkring en time fra nu",
-        "in_about_minute": "omkring et minut fra nu",
-        "in_few_seconds": "et par sekunder fra nu",
-        "in_n_days": "%(num)s dage fra nu",
-        "in_n_hours": "%(num)s timer fra nu",
-        "in_n_minutes": "%(num)s minutter fra nu",
         "left": "%(timeRemaining)s tilbage",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss tilbage",
-        "n_days_ago": "%(num)s dage siden",
-        "n_hours_ago": "%(num)s timer siden",
-        "n_minutes_ago": "%(num)s minutter siden",
         "seconds_left": "%(seconds)ss tilbage",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)st %(minutes)sm %(seconds)ss",
@@ -2926,9 +2881,6 @@
         },
         "creation_summary_dm": "%(creator)s oprettede denne samtale.",
         "creation_summary_room": "%(creator)s oprettede og konfigurerede rummet.",
-        "decryption_failure": {
-            "historical_event_user_not_joined": "Du har ikke adgang til denne besked"
-        },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
         "download_action_decrypting": "Dekrypterer",
         "download_action_downloading": "Downloader",
@@ -2951,8 +2903,7 @@
         "m.audio": {
             "error_downloading_audio": "Fejl ved download af lyd",
             "error_processing_audio": "Fejl ved behandling af lydbesked",
-            "error_processing_voice_message": "Fejl ved behandling af talebesked",
-            "unnamed_audio": "Unavngiven lyd"
+            "error_processing_voice_message": "Fejl ved behandling af talebesked"
         },
         "m.beacon_info": {
             "view_live_location": "Se live lokation"
@@ -3351,7 +3302,6 @@
         }
     },
     "truncated_list_n_more": {
-        "one": "",
         "other": "Og %(count)s mere..."
     },
     "unsupported_server_description": "Denne server bruger en ældre version af Matrix. Opgrader til Matrix %(version)s for at kunne bruge %(brand)s uden fejl.",
@@ -3502,7 +3452,6 @@
         "hide_sidebar_button": "Skjul sidebjælke",
         "input_devices": "Inputenheder",
         "jitsi_call": "Jitsi fællesopkald",
-        "join_button_tooltip_call_full": "Beklager - dette opkald er i øjeblikket fuldt",
         "legacy_call": "Gammel opkaldsmetode",
         "maximise": "Udfyld skærmen",
         "maximise_call": "Maksimér opkaldet",
diff --git a/src/i18n/strings/de_DE.json b/src/i18n/strings/de_DE.json
index ecdd47ccac..fbbe9f14de 100644
--- a/src/i18n/strings/de_DE.json
+++ b/src/i18n/strings/de_DE.json
@@ -12,16 +12,6 @@
             "one": "1 ungelesene Erwähnung."
         },
         "recent_rooms": "Zuletzt besuchte Chats",
-        "room_messsage_not_sent": "Öffne den Chat „%(roomName)s” mit einer ungesendeten Nachricht.",
-        "room_n_unread_invite": "Offene Einladung zum Chat %(roomName)s",
-        "room_n_unread_messages": {
-            "one": "Chat %(roomName)s öffnen mit 1 ungelesenen Nachricht.",
-            "other": "Chat %(roomName)s öffnen mit %(count)s ungelesene Nachrichten."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Öffne den den Chat %(roomName)s mit 1 ungelesenen Erwähnung.",
-            "other": "Öffne den Chat %(roomName)s mit %(count)s ungelesenen Nachrichten einschließlich Erwähnungen."
-        },
         "room_name": "Chat %(name)s",
         "room_status_bar": "Chat-Statusleiste",
         "seek_bar_label": "Audio-Suchleiste",
@@ -99,10 +89,7 @@
         "no": "Nein",
         "ok": "Ok",
         "open": "Öffnen",
-        "open_menu": "Menu öffnen",
-        "pause": "Pausieren",
         "pin": "Anheften",
-        "play": "Abspielen",
         "proceed": "Fortfahren",
         "quote": "Zitieren",
         "react": "Reagieren",
@@ -578,6 +565,7 @@
         "someone": "Jemand",
         "space": "Space",
         "spaces": "Spaces",
+        "state_encryption_enabled": "Experimentelle State-Encryption aktiviert",
         "sticker": "Sticker",
         "stickerpack": "Sticker-Paket",
         "success": "Erfolg",
@@ -603,6 +591,7 @@
         "video": "Video",
         "video_room": "Videochat",
         "view_message": "Nachricht anzeigen",
+        "voice": "Sprachanruf",
         "warning": "Warnung"
     },
     "composer": {
@@ -684,6 +673,8 @@
         "join_rule_restricted_label": "Mitglieder von <SpaceName/> können diesen Chat finden und ihm beitreten.",
         "name_validation_required": "Bitte gib einen Namen für den Chat ein",
         "room_visibility_label": "Chat Sichtbarkeit",
+        "state_encrypted_warning": "Aktiviert die experimentelle Unterstützung für die Verschlüsselung von State-Events, wodurch Metadaten wie Raumnamen und -themen vor dem Server verborgen werden. Diese Metadaten werden auch vor neuen Mitgliedern von Gruppen verborgen, die der Gruppe erst später beitreten. Außerdem werden die Daten vor Nutzern verborgen, deren Apps MSC4362 nicht unterstützen.",
+        "state_encryption_label": "State-Events verschlüsseln",
         "title_private_room": "Erstelle einen privaten Chat",
         "title_public_room": "Erstelle einen öffentlichen Chat",
         "title_video_room": "Videochat erstellen",
@@ -844,6 +835,7 @@
         "number_of_users": "Benutzeranzahl",
         "only_joined_members": "Nur Mitglieder",
         "original_event_source": "Ursprüngliche Rohdaten",
+        "restore_from_backup": "Von Sicherung wiederherstellen",
         "room_encrypted": "Chat ist <strong>verschlüsselt ✅</strong>",
         "room_id": "Chat-ID: %(roomId)s",
         "room_not_encrypted": "Chat ist <strong>nicht verschlüsselt 🚨</strong>",
@@ -953,6 +945,7 @@
         "bootstrap_title": "Schlüssel werden eingerichtet",
         "confirm_encryption_setup_body": "Klick die Schaltfläche unten um die Einstellungen der Verschlüsselung zu bestätigen.",
         "confirm_encryption_setup_title": "Bestätige die Einrichtung der Verschlüsselung",
+        "continue_with_reset": "Mit dem Zurücksetzen fortfahren",
         "cross_signing_room_normal": "Dieser Chat ist Ende-zu-Ende verschlüsselt",
         "cross_signing_room_verified": "Alle in diesem Chat sind verifiziert",
         "cross_signing_room_warning": "Jemand verwendet eine unbekannte Sitzung",
@@ -968,10 +961,12 @@
         "event_shield_reason_unverified_identity": "Durch einen nicht verifizierten Benutzer verschlüsselt.",
         "export_unsupported": "Dein Browser unterstützt die benötigten Verschlüsselungserweiterungen nicht",
         "forgot_recovery_key": "Wiederherstellungsschlüssel vergessen?",
+        "identity_needs_reset_description": "Du musst deine kryptografische Identität zurücksetzen, um den Zugriff auf deinen Nachrichtenverlauf sicherzustellen.",
         "import_invalid_keyfile": "Keine gültige %(brand)s-Schlüsseldatei",
         "import_invalid_passphrase": "Authentifizierung fehlgeschlagen: Falsches Passwort?",
         "key_storage_out_of_sync": "Ihr Schlüsselspeicher ist nicht synchronisiert.",
         "key_storage_out_of_sync_description": "Bestätige deinen Wiederherstellungsschlüssel, um weiterhin Zugriff auf den Schlüsselspeicher und den Nachrichtenverlauf zu haben.",
+        "message_shared_by": "Diese Nachricht wurde von %(displayName)s(%(userId)s ) weitergeleitet, da du zum Zeitpunkt des Versands kein Mitglied der Gruppe warst.",
         "messages_not_secure": {
             "cause_1": "Dein Heim-Server",
             "cause_2": "Der Heim-Server der Person, die du verifizierst",
@@ -1061,9 +1056,9 @@
             "qr_or_sas": "%(qrCode)s oder %(emojiCompare)s",
             "qr_prompt": "Lese diesen eindeutigen Code ein",
             "qr_reciprocate_check_again_device": "Schau nochmal auf deinem anderen Gerät nach, um die Verifizierung abzuschließen.",
-            "qr_reciprocate_no": "Nein, ich sehe kein grünes Schild",
-            "qr_reciprocate_same_shield_user": "Fast geschafft! Wird bei %(displayName)s das gleiche Schild angezeigt?",
-            "qr_reciprocate_yes": "Ja, ich sehe ein grünes Schild",
+            "qr_reciprocate_no": "Nein, ich sehe keinen grünen Sicherheitsstatus",
+            "qr_reciprocate_same_shield_user": "Fast geschafft! Wird bei %(displayName)s der gleiche Sicherheitsstatus angezeigt?",
+            "qr_reciprocate_yes": "Ja, ich sehe einen grünen Sicherheitsstatus",
             "request_toast_accept_user": "Benutzer verifizieren",
             "request_toast_decline_counter": "Ignoriere (%(counter)s)",
             "request_toast_detail": "%(deviceId)s von %(ip)s",
@@ -1089,7 +1084,7 @@
             "use_recovery_key": "Wiederherstellungsschlüssel verwenden",
             "verification_dialog_title_choose": "Wähle aus, wie du dich verifizieren willst",
             "verification_dialog_title_compare_emojis": "Emojis vergleichen",
-            "verification_dialog_title_confirm_green_shield": "Vergewissern dich, dass auf dem anderen Gerät ein grünes Schild angezeigt wird.",
+            "verification_dialog_title_confirm_green_shield": "Vergewissere dich, dass auf dem anderen Gerät ein grüner Sicherheitsstatus angezeigt wird.",
             "verification_dialog_title_device": "Anderes Gerät verifizieren",
             "verification_dialog_title_failed": "Verifizierung fehlgeschlagen",
             "verification_dialog_title_start_on_other_device": "Starte die Verifizierung auf dem anderen Gerät",
@@ -1503,7 +1498,6 @@
         "ask_to_join": "Beitrittsanfragen erlauben",
         "automatic_debug_logs": "Sende bei Fehlern automatisch Protokolle zur Fehlerkorrektur",
         "automatic_debug_logs_decryption": "Sende bei Entschlüsselungsfehlern automatisch Protokolle zur Fehlerkorrektur",
-        "automatic_debug_logs_key_backup": "Sende automatisch Protokolle zur Fehlerkorrektur, wenn die Schlüsselsicherung nicht funktioniert",
         "beta_description": "Was passiert als nächstes in %(brand)s? Das Labor ist deine erste Anlaufstelle, um Funktionen früh zu erhalten, zu testen und mitzugestalten, bevor sie tatsächlich veröffentlicht werden.",
         "beta_feature": "Dies ist eine Betafunktion",
         "beta_feedback_leave_button": "Du kannst die Beta in den Einstellungen deaktivieren.",
@@ -1520,6 +1514,8 @@
         "dynamic_room_predecessors": "Veränderbare Chat Vorgänger",
         "dynamic_room_predecessors_description": "MSC3946 aktivieren (zur Verknüpfung von Chat Archiven nach der Chat Erstellung)",
         "element_call_video_rooms": "Element Call-Videochats",
+        "encrypted_state_events": "Verschlüsselte State-Events (MSC4362)",
+        "encrypted_state_events_description": "Aktiviert die experimentelle Unterstützung für die Verschlüsselung von State-Events, wodurch Metadaten wie Raumnamen und -themen vor dem Server verborgen werden. Diese Metadaten werden auch vor neuen Mitgliedern von Gruppen verborgen, die der Gruppe erst später beitreten. Außerdem werden die Daten vor Nutzern verborgen, deren Apps MSC4362 nicht unterstützen.",
         "exclude_insecure_devices": "Unsichere Geräte ausschließen beim senden/empfangen von Nachrichten",
         "exclude_insecure_devices_description": "Bei Aktivierung dieser Einstellung werden verschlüsselte Nachrichten nicht mehr mit unverifizierten Geräten geteilt und Nachrichten von unverifizierten Geräten werden als Fehler angezeigt. Beachte, dass es bei Aktivierung dieser Einstellung nicht mehr möglich ist, mit Nutzern zu kommunizieren, die keine verifizierten Geräte haben.",
         "experimental_description": "Experimentierfreudig? Probiere unsere neuesten, sich in Entwicklung befindlichen Ideen aus. Diese Funktionen sind nicht final; Sie könnten instabil sein, sich verändern oder sogar ganz entfernt werden. <a>Erfahre mehr</a>.",
@@ -1711,7 +1707,6 @@
         "class_global": "Global",
         "class_other": "Sonstiges",
         "default": "Standard",
-        "default_settings": "Standardeinstellungen verwenden",
         "email_pusher_app_display_name": "E-Mail-Benachrichtigungen",
         "enable_prompt_toast_description": "Aktiviere Desktopbenachrichtigungen",
         "enable_prompt_toast_title": "Benachrichtigungen",
@@ -1730,8 +1725,7 @@
         "mentions_and_keywords_description": "Nur bei Erwähnungen und Schlüsselwörtern benachrichtigen, die du in den <a>Einstellungen</a> konfigurieren kannst",
         "mentions_keywords": "Erwähnungen und Schlüsselwörter",
         "message_didnt_send": "Nachricht nicht gesendet. Klicke für Details.",
-        "mute_description": "Du wirst keine Benachrichtigungen erhalten",
-        "mute_room": "Chat stummschalten"
+        "mute_description": "Du wirst keine Benachrichtigungen erhalten"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s fordert eine Verifizierung an"
@@ -1760,6 +1754,7 @@
         "end_message": "Umfrage beendet. Beliebteste Antwort: %(topAnswer)s",
         "end_message_no_votes": "Umfrage beendet. Es wurden keine Stimmen abgegeben.",
         "end_title": "Umfrage beenden",
+        "ended_poll_label": "Umfrage beendet",
         "error_ending_description": "Die Umfrage konnte nicht beendet werden. Bitte versuche es erneut.",
         "error_ending_title": "Beenden der Umfrage fehlgeschlagen",
         "error_voting_description": "Wir konnten deine Stimme leider nicht erfassen. Versuche es bitte erneut.",
@@ -1767,10 +1762,20 @@
         "failed_send_poll_description": "Leider wurde die Umfrage nicht gesendet.",
         "failed_send_poll_title": "Absenden der Umfrage fehlgeschlagen",
         "notes": "Die Ergebnisse werden erst sichtbar, sobald du die Umfrage beendest",
+        "option_label": "Option %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Option %(number)s, %(answer)s, meistgewählt, %(count)s Stimme",
+            "other": "Option %(number)s, %(answer)s, meistgewählt, %(count)s Stimmen"
+        },
+        "option_label_with_total": {
+            "one": "Option %(number)s, %(answer)s, %(count)s Stimme",
+            "other": "Option %(number)s, %(answer)s, %(count)s Stimmen"
+        },
         "options_add_button": "Antwortmöglichkeit hinzufügen",
         "options_heading": "Antwortmöglichkeiten erstellen",
         "options_label": "Antwortmöglichkeit %(number)s",
         "options_placeholder": "Antwortmöglichkeit verfassen",
+        "poll_label": "Umfrage",
         "topic_heading": "Was ist die Frage oder das Thema deiner Umfrage?",
         "topic_label": "Frage oder Thema",
         "topic_placeholder": "Schreibe etwas …",
@@ -1975,7 +1980,6 @@
         "dm_invite_title": "Möchtest du mit %(user)s schreiben?",
         "drop_file_prompt": "Datei hier loslassen zum hochladen",
         "edit_topic": "Thema bearbeiten",
-        "error_3pid_invite_email_lookup": "Kann Benutzer nicht via E-Mail-Adresse finden",
         "error_cancel_knock_title": "Abbrechen gescheitert",
         "error_join_403": "Du kannst diesem Chat nur auf Einladung beitreten.",
         "error_join_404_1": "Du hast versucht einen Chat via Chat-ID, aber ohne Angabe von Servern zu betreten. Chat-IDs sind interne Kennungen und können nicht ohne weitere Informationen zum Beitritt von Chats genutzt werden.",
@@ -2007,11 +2011,15 @@
         "forget_room": "Diesen Chat entfernen",
         "forget_space": "Diesen Space vergessen",
         "header": {
+            "join_video_call": "An Videoanruf teilnehmen",
+            "join_voice_call": "An Sprachanruf teilnehmen",
             "n_people_asking_to_join": {
                 "one": "Möchte beitreten",
                 "other": "%(count)s Personen möchten beitreten"
             },
-            "room_is_public": "Dieser Chat ist öffentlich"
+            "room_is_public": "Dieser Chat ist öffentlich",
+            "shared_history_tooltip": "Neue Mitglieder sehen vergangene Nachrichten",
+            "world_readable_history_tooltip": "Jeder kann vergangene Nachrichten lesen"
         },
         "header_avatar_open_settings_label": "Chateinstellungen öffnen",
         "header_face_pile_tooltip": "Personen",
@@ -2106,18 +2114,6 @@
             },
             "this_room_button": "Diesen Chat durchsuchen"
         },
-        "status_bar": {
-            "delete_all": "Alle löschen",
-            "exceeded_resource_limit": "Deine Nachricht wurde nicht gesendet, weil dieser Heim-Server ein Ressourcen-Limit erreicht hat. Bitte <a>kontaktiere deine Systemadministration</a>, um diesen Dienst weiterzunutzen.",
-            "homeserver_blocked": "Deine Nachricht wurde nicht gesendet, weil dieser Heim-Server von dessen Administration gesperrt wurde. Bitte <a>kontaktiere deine Dienstadministration</a>, um den Dienst weiterzunutzen.",
-            "monthly_user_limit_reached": "Deine Nachricht wurde nicht gesendet, weil dieser Heim-Server sein Limit an monatlich aktiven Benutzern erreicht hat. Bitte <a>kontaktiere deine Systemadministration</a>, um diesen Dienst weiterzunutzen.",
-            "requires_consent_agreement": "Du kannst keine Nachrichten senden bis du <consentLink>unsere Geschäftsbedingungen</consentLink> gelesen und akzeptiert hast.",
-            "retry_all": "Alle erneut senden",
-            "select_messages_to_retry": "Du kannst einzelne oder alle Nachrichten erneut senden oder löschen",
-            "server_connectivity_lost_description": "Nachrichten werden gespeichert und gesendet, wenn die Internetverbindung wiederhergestellt ist.",
-            "server_connectivity_lost_title": "Verbindung zum Server wurde unterbrochen.",
-            "some_messages_not_sent": "Einige Nachrichten konnten nicht gesendet werden"
-        },
         "unknown_status_code_for_timeline_jump": "unbekannter Statuscode",
         "unread_notifications_predecessor": {
             "one": "Du hast %(count)s ungelesene Benachrichtigungen in einer früheren Version dieses Chats.",
@@ -2145,37 +2141,9 @@
         "add_space_label": "Space hinzufügen",
         "breadcrumbs_empty": "Keine kürzlich besuchten Chats",
         "breadcrumbs_label": "Kürzlich besuchte Chats",
-        "collapse_filters": "Filterliste einklappen",
-        "empty": {
-            "no_chats": "Noch keine Chats",
-            "no_chats_description": "Leg los, indem du jemandem eine Nachricht schickst oder einen Chat erstellst",
-            "no_chats_description_no_room_rights": "Leg los, indem du jemandem eine Nachricht schickst",
-            "no_favourites": "Du hast noch keine Chats als Favorit markiert",
-            "no_favourites_description": "In den Chat Einstellungen kannst du einen Chat als Favorit markieren",
-            "no_invites": "Du hast keine ungelesenen Einladungen",
-            "no_lowpriority": "Du hast keine Chats mit niedriger Priorität.",
-            "no_mentions": "Du hast keine ungelesenen Erwähnungen",
-            "no_people": "Du hast noch keine Direktnachrichten",
-            "no_people_description": "Wähle Filter ab, um Chats zu sehen.",
-            "no_rooms": "Du bist noch in keinem Chat",
-            "no_rooms_description": "Wähle Filter ab, um Chats zu sehen.",
-            "no_unread": "Glückwunsch! Du hast keine ungelesenen Nachrichten.",
-            "show_activity": "Alle Aktivitäten ansehen",
-            "show_chats": "Alle Chats anzeigen"
-        },
-        "expand_filters": "Filterliste ausklappen",
         "failed_add_tag": "Fehler beim Hinzufügen des \"%(tagName)s\"-Tags an den Chat",
         "failed_remove_tag": "Entfernen des Chat-Tags %(tagName)s fehlgeschlagen",
         "failed_set_dm_tag": "Fehler beim Setzen der Nachrichtenmarkierung",
-        "filters": {
-            "favourite": "Favoriten",
-            "invites": "Einladungen",
-            "low_priority": "Niedrige Priorität",
-            "mentions": "Erwähnungen",
-            "people": "Personen",
-            "rooms": "Gruppen",
-            "unread": "Ungelesen"
-        },
         "home_menu_label": "Startseiteneinstellungen",
         "join_public_room_label": "Öffentlichem Chat beitreten",
         "joining_rooms_status": {
@@ -2184,44 +2152,23 @@
         },
         "list_title": "Chatliste",
         "more_options": {
-            "copy_link": "Chatlink kopieren",
-            "favourited": "Favorisiert",
-            "leave_room": "Chat verlassen",
-            "low_priority": "Niedrige Priorität",
-            "mark_read": "Als gelesen markieren",
-            "mark_unread": "Als ungelesen markieren"
+            "leave_room": "Chat verlassen"
         },
         "notification_options": "Benachrichtigungsoptionen",
-        "open_space_menu": "Öffne Menü für Spaces",
-        "primary_filters": "Filter für die Chatliste",
         "redacting_messages_status": {
             "one": "Entferne Nachrichten in %(count)s Chat",
             "other": "Entferne Nachrichten in %(count)s Chats"
         },
-        "room": {
-            "more_options": "Weitere Optionen",
-            "open_room": "Öffne Chat %(roomName)s"
-        },
-        "room_options": "Chatroomoptionen",
         "show_less": "Weniger anzeigen",
         "show_n_more": {
             "other": "%(count)s weitere anzeigen",
             "one": "%(count)s weitere anzeigen"
         },
         "show_previews": "Nachrichtenvorschau anzeigen",
-        "sort": "Sortieren",
         "sort_by": "Sortieren nach",
         "sort_by_activity": "Aktivität",
         "sort_by_alphabet": "A–Z",
-        "sort_type": {
-            "activity": "Aktivität",
-            "atoz": "A–Z"
-        },
         "sort_unread_first": "Zeige Chats mit ungelesenen Nachrichten zuerst",
-        "space_menu": {
-            "home": "Space-Übersicht",
-            "space_settings": "Space Einstellungen"
-        },
         "space_menu_label": "%(spaceName)s-Menü",
         "sublist_options": "Optionen anzeigen",
         "suggested_rooms_heading": "Vorgeschlagene Chats"
@@ -2310,6 +2257,8 @@
             "no_aliases_space": "Dieser Space hat keine lokale Adresse",
             "other_section": "Sonstiges",
             "publish_toggle": "Diesen Chat im Chat-Verzeichnis von %(domain)s veröffentlichen?",
+            "publish_warn_invite_only": "Du kannst keine Gruppe veröffentlichen, die nur auf Einladung betreten werden kann.",
+            "publish_warn_no_canonical_permission": "Du musst die Berechtigung haben, die Hauptadresse einzustellen, um diese Gruppe zu veröffentlichen.",
             "published_aliases_description": "Damit du die Adresse veröffentlichen kannst, musst du sie zuerst als lokale Adresse hinzufügen.",
             "published_aliases_explainer_room": "Veröffentlichte Adressen erlauben jedem, dem Chat zu beizutreten.",
             "published_aliases_explainer_space": "Veröffentlichte Adressen erlauben jedem, den Space zu betreten.",
@@ -2405,11 +2354,10 @@
             "error_join_rule_change_unknown": "Unbekannter Fehler",
             "guest_access_warning": "Personen mit unterstützter Anwendung werden diesem Chat ohne registriertes Konto beitreten können.",
             "history_visibility_invited": "Mitglieder (ab Einladung)",
-            "history_visibility_joined": "Mitglieder (ab Betreten)",
             "history_visibility_legend": "Wer kann den bisherigen Verlauf lesen?",
-            "history_visibility_shared": "Mitglieder",
-            "history_visibility_warning": "Die Sichtbarkeit des existierenden Nachrichtenverlaufs bleibt unverändert.",
-            "history_visibility_world_readable": "Alle",
+            "history_visibility_shared": "Mitglieder (vollständiger Nachrichtenverlauf)",
+            "history_visibility_warning": "Die Sichtbarkeit des existierenden Nachrichtenverlaufs bleibt unverändert. <a>Mehr Informationen</a>",
+            "history_visibility_world_readable": "Alle (Nachrichtenverlauf ist öffentlich)",
             "join_rule_description": "Entscheide, wer %(roomName)s betreten kann.",
             "join_rule_invite": "Privat (Betreten mit Einladung)",
             "join_rule_invite_description": "Nur Eingeladene können betreten.",
@@ -2465,10 +2413,12 @@
             "error_failed_save": "Sichtbarkeit des Space konnte nicht geändert werden",
             "error_update_guest_access": "Gastzutritt zum Space konnte nicht geändert werden",
             "error_update_history_visibility": "Verlaufssichtbarkeit des Space konnte nicht geändert werden",
-            "guest_access_explainer": "Gäste ohne Konto können den Space betreten.",
+            "guest_access_disabled": "Du hast keine Berechtigung, den Gastzugang zu konfigurieren.",
+            "guest_access_explainer": "Gäste ohne Konto können den Space betreten. Das ist nützlich für öffentliche Spaces.",
             "guest_access_label": "Gastzutritt",
             "history_visibility_anyone_space": "Space-Vorschau erlauben",
             "history_visibility_anyone_space_description": "Personen können den Space vor dem Betreten erkunden.",
+            "history_visibility_anyone_space_disabled": "Du hast keine Berechtigung, die Sichtbarkeit des Nachrichtenverlaufs zu konfigurieren.",
             "history_visibility_anyone_space_recommendation": "Empfohlen für öffentliche Spaces.",
             "title": "Sichtbarkeit"
         },
@@ -2922,6 +2872,7 @@
             "message_search_indexing": "Indiziere: %(currentRoom)s",
             "message_search_indexing_idle": "Derzeit werden keine Nachrichten für Chats indiziert.",
             "message_search_intro": "%(brand)s verwendet einen sicheren Zwischenspeicher für verschlüsselte Nachrichten, damit sie in den Suchergebnissen angezeigt werden:",
+            "message_search_pending_rooms": "Anzahl Chats, die indexiert werden müssen: %(pendingRooms)s",
             "message_search_room_progress": "%(doneRooms)s von %(totalRooms)s",
             "message_search_section": "Nachrichtensuche",
             "message_search_sleep_time": "Wie schnell Nachrichten heruntergeladen werden sollen.",
@@ -3364,24 +3315,10 @@
         "no_rooms_with_unread_threads": "Es gibt keine Chats mit ungelesenen Threads."
     },
     "time": {
-        "about_day_ago": "vor etwa einem Tag",
-        "about_hour_ago": "vor etwa einer Stunde",
-        "about_minute_ago": "vor etwa einer Minute",
         "date_at_time": "%(date)s um %(time)s",
-        "few_seconds_ago": "vor ein paar Sekunden",
         "hours_minutes_seconds_left": "%(hours)s h %(minutes)s m %(seconds)s s verbleibend",
-        "in_about_day": "in etwa einem Tag",
-        "in_about_hour": "in etwa einer Stunde",
-        "in_about_minute": "in etwa einer Minute",
-        "in_few_seconds": "in ein paar Sekunden",
-        "in_n_days": "in %(num)s Tagen",
-        "in_n_hours": "in %(num)s Stunden",
-        "in_n_minutes": "In etwa %(num)s Minuten",
         "left": "%(timeRemaining)s übrig",
         "minutes_seconds_left": "%(minutes)s m %(seconds)s s verbleibend",
-        "n_days_ago": "vor %(num)s Tagen",
-        "n_hours_ago": "vor %(num)s Stunden",
-        "n_minutes_ago": "vor %(num)s Minuten",
         "seconds_left": "%(seconds)s verbleibend",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)s d %(hours)s h %(minutes)s m %(seconds)s s",
@@ -3405,12 +3342,7 @@
         "creation_summary_dm": "%(creator)s hat diese Direktnachricht erstellt.",
         "creation_summary_room": "%(creator)s hat den Chat erstellt und konfiguriert.",
         "decryption_failure": {
-            "blocked": "Der Absender hat den Empfang dieser Nachricht blockiert, da Ihr Gerät nicht verifiziert ist.",
-            "historical_event_no_key_backup": "Der historische Nachrichtenverlauf ist auf diesem Gerät nicht verfügbar.",
-            "historical_event_unverified_device": "Für den Zugriff auf den Nachrichtenverlauf musst du dieses Gerät verifizieren",
-            "historical_event_user_not_joined": "Du hast keinen Zugriff auf diese Nachricht",
             "sender_identity_previously_verified": "Die verifizierte Identität des Absenders wurde zurückgesetzt",
-            "sender_unsigned_device": "Von einem unsicheren Gerät verschickt.",
             "unable_to_decrypt": "Entschlüsselung der Nachricht nicht möglich"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3436,11 +3368,9 @@
             "unable_to_find": "Der Sprung an eine bestimmte Stelle im Nachrichtenverlauf dieses Chats ist gescheitert. Die Stelle konnte nicht gefunden werden."
         },
         "m.audio": {
-            "audio_player": "Audio-Player",
             "error_downloading_audio": "Fehler beim Herunterladen der Audiodatei",
             "error_processing_audio": "Fehler beim Verarbeiten der Audionachricht",
-            "error_processing_voice_message": "Fehler beim Verarbeiten der Sprachnachricht",
-            "unnamed_audio": "Unbenannte Audiodatei"
+            "error_processing_voice_message": "Fehler beim Verarbeiten der Sprachnachricht"
         },
         "m.beacon_info": {
             "view_live_location": "Echtzeit-Standort anzeigen"
@@ -3535,6 +3465,7 @@
             "enabled_dm": "Nachrichten hier sind Ende-zu-Ende-verschlüsselt. Verifiziere %(displayName)s in deren Profil – klicke auf deren Profilbild.",
             "enabled_local": "Nachrichten in dieser Unterhaltung werden Ende-zu-Ende-verschlüsselt.",
             "parameters_changed": "Einige Verschlüsselungsoptionen wurden geändert.",
+            "state_enabled": "Nachrichten und State-Events sind in diesem Chat Ende-zu-Ende verschlüsselt. Du kannst neue Mitglieder, die dem Chat beitreten, auf ihrem Profil verifizieren. Dies erreichst du durch Klick auf das Profilbild.",
             "unsupported": "Die von diesem Chat verwendete Verschlüsselung wird nicht unterstützt."
         },
         "m.room.guest_access": {
@@ -4014,7 +3945,6 @@
         "hide_sidebar_button": "Seitenleiste verbergen",
         "input_devices": "Eingabegeräte",
         "jitsi_call": "Jitsi-Konferenz",
-        "join_button_tooltip_call_full": "Entschuldigung — dieser Anruf ist aktuell besetzt",
         "legacy_call": "Legacy-Anruf",
         "maximise": "Bildschirm füllen",
         "maximise_call": "Anruf maximieren",
@@ -4074,6 +4004,7 @@
         "video_call_using": "Videoanruf mit:",
         "voice_call": "Sprachanruf",
         "voice_call_incoming": "Eingehender Anruf",
+        "voice_call_using": "Sprachanruf mit:",
         "you_are_presenting": "Du präsentierst"
     },
     "web_default_device_name": "%(appName)s: %(browserName)s auf %(osName)s",
diff --git a/src/i18n/strings/el.json b/src/i18n/strings/el.json
index 8289ac7347..7ef446023a 100644
--- a/src/i18n/strings/el.json
+++ b/src/i18n/strings/el.json
@@ -82,9 +82,7 @@
         "no": "Όχι",
         "ok": "Εντάξει",
         "open": "Άνοιγμα",
-        "pause": "Παύση",
         "pin": "Καρφίτσα",
-        "play": "Αναπαραγωγή",
         "proceed": "Συνέχεια",
         "quote": "Παράθεση",
         "react": "Αντίδραση",
@@ -1222,7 +1220,6 @@
         "ask_to_join": "Ενεργοποίηση αίτησης συμμετοχής",
         "automatic_debug_logs": "Αυτόματη αποστολή αρχείων καταγραφής εντοπισμού σφαλμάτων για οποιοδήποτε σφάλμα",
         "automatic_debug_logs_decryption": "Αυτόματη αποστολή αρχείων καταγραφής εντοπισμού σφαλμάτων για σφάλματα αποκρυπτογράφησης",
-        "automatic_debug_logs_key_backup": "Αυτόματη αποστολή αρχείων καταγραφής εντοπισμού σφαλμάτων όταν η δημιουργία αντίγραφου κλειδιού ασφαλείας δεν λειτουργεί",
         "beta_feature": "Αυτή είναι μια δυνατότητα beta",
         "beta_feedback_leave_button": "Για να αποχωρήσετε από την έκδοση beta, μεταβείτε στις ρυθμίσεις σας.",
         "bridge_state": "Εμφάνιση πληροφοριών σχετικά με τις γέφυρες στις ρυθμίσεις δωματίου",
@@ -1634,17 +1631,6 @@
         "not_found_title_name": "Το %(roomName)s δεν υπάρχει.",
         "peek_join_prompt": "Κάνετε προεπισκόπηση στο %(roomName)s. Θέλετε να συμμετάσχετε;",
         "rejoin_button": "Επανασύνδεση",
-        "status_bar": {
-            "delete_all": "Διαγραφή όλων",
-            "exceeded_resource_limit": "Το μήνυμά σας δεν στάλθηκε επειδή αυτός ο κεντρικός διακομιστής έχει υπερβεί ένα όριο πόρων. Παρακαλώ <a>επικοινωνήστε με τον διαχειριστή</a> για να συνεχίσετε να χρησιμοποιείτε την υπηρεσία.",
-            "monthly_user_limit_reached": "Το μήνυμά σας δε στάλθηκε επειδή αυτός ο κεντρικός διακομιστής έχει φτάσει το μηνιαίο όριο ενεργού χρήστη. Παρακαλώ <a>επικοινωνήστε με τον διαχειριστή</a> για να συνεχίσετε να χρησιμοποιείτε την υπηρεσία.",
-            "requires_consent_agreement": "Δεν μπορείτε να στείλετε μηνύματα μέχρι να ελέγξετε και να συμφωνήσετε με τους <consentLink>όρους και τις προϋποθέσεις μας</consentLink>.",
-            "retry_all": "Επανάληψη όλων",
-            "select_messages_to_retry": "Μπορείτε να επιλέξετε όλα ή μεμονωμένα μηνύματα για επανάληψη ή διαγραφή",
-            "server_connectivity_lost_description": "Τα απεσταλμένα μηνύματα θα αποθηκευτούν μέχρι να αακτηθεί η σύνδεσή σας.",
-            "server_connectivity_lost_title": "Χάθηκε η συνδεσιμότητα στον διακομιστή.",
-            "some_messages_not_sent": "Μερικά από τα μηνύματα σας δεν έχουν αποσταλεί"
-        },
         "unread_notifications_predecessor": {
             "one": "Έχετε %(count)s μη αναγνωσμένη ειδοποιήση σε προηγούμενη έκδοση αυτού του δωματίου.",
             "other": "Έχετε %(count)s μη αναγνωσμένες ειδοποιήσεις σε προηγούμενη έκδοση αυτού του δωματίου."
@@ -1854,7 +1840,6 @@
             "error_join_rule_change_unknown": "Άγνωστο σφάλμα",
             "guest_access_warning": "Τα άτομα με υποστηριζόμενες εφαρμογές θα μπορούν να συμμετάσχουν στην αίθουσα χωρίς να έχουν εγγεγραμμένο λογαριασμό.",
             "history_visibility_invited": "Μόνο μέλη (από τη στιγμή που προσκλήθηκαν)",
-            "history_visibility_joined": "Μόνο μέλη (από τη στιγμή που έγιναν μέλη)",
             "history_visibility_legend": "Ποιος μπορεί να διαβάσει το ιστορικό;",
             "history_visibility_shared": "Μόνο μέλη (από τη στιγμή που ορίστηκε αυτή η επιλογή)",
             "history_visibility_warning": "Οι αλλαγές στα άτομα που μπορούν να διαβάσουν το ιστορικό θα ισχύουν μόνο για μελλοντικά μηνύματα σε αυτό το δωμάτιο. Η ορατότητα της υπάρχουσας ιστορίας θα παραμείνει αμετάβλητη.",
@@ -2618,24 +2603,10 @@
         "show_thread_filter": "Εμφάνισε:"
     },
     "time": {
-        "about_day_ago": "σχεδόν μία μέρα πριν",
-        "about_hour_ago": "σχεδόν μία ώρα πριν",
-        "about_minute_ago": "σχεδόν ένα λεπτό πριν",
         "date_at_time": "%(date)s στις %(time)s",
-        "few_seconds_ago": "λίγα δευτερόλεπτα πριν",
         "hours_minutes_seconds_left": "απομένουν %(hours)sώ %(minutes)sλ %(seconds)sδλ",
-        "in_about_day": "περίπου μια μέρα από τώρα",
-        "in_about_hour": "περίπου μία ώρα από τώρα",
-        "in_about_minute": "περίπου ένα λεπτό από τώρα",
-        "in_few_seconds": "λίγα δευτερόλεπτα από τώρα",
-        "in_n_days": "%(num)s μέρες από τώρα",
-        "in_n_hours": "%(num)s ώρες από τώρα",
-        "in_n_minutes": "%(num)s λεπτά από τώρα",
         "left": "%(timeRemaining)s απομένουν",
         "minutes_seconds_left": "απομένουν %(minutes)sλ %(seconds)sδλ",
-        "n_days_ago": "%(num)s μέρες πριν",
-        "n_hours_ago": "%(num)s ώρες πριν",
-        "n_minutes_ago": "%(num)s λεπτά πριν",
         "seconds_left": "%(seconds)ss απομένουν",
         "short_days": "%(value)sμέρες",
         "short_days_hours_minutes_seconds": "%(days)sη %(hours)sώ %(minutes)sλ %(seconds)sδλ",
@@ -2676,8 +2647,7 @@
         "m.audio": {
             "error_downloading_audio": "Σφάλμα λήψης ήχου",
             "error_processing_audio": "Σφάλμα επεξεργασίας του ηχητικού μηνύματος",
-            "error_processing_voice_message": "Σφάλμα επεξεργασίας του φωνητικού μηνύματος",
-            "unnamed_audio": "Ήχος χωρίς όνομα"
+            "error_processing_voice_message": "Σφάλμα επεξεργασίας του φωνητικού μηνύματος"
         },
         "m.call": {
             "video_call_started": "Ξεκίνησε βιντεοκλήση στο %(roomName)s",
@@ -3199,7 +3169,6 @@
         "hangup": "Κλείσιμο",
         "hide_sidebar_button": "Απόκρυψη πλαϊνής μπάρας",
         "input_devices": "Συσκευές εισόδου",
-        "join_button_tooltip_call_full": "Λυπούμαστε — αυτή η κλήση είναι πλήρης αυτήν τη στιγμή",
         "maximise": "Γέμισμα οθόνης",
         "misconfigured_server": "Η κλήση απέτυχε λόγω της λανθασμένης διάρθρωσης του διακομιστή",
         "misconfigured_server_description": "Παρακαλείστε να ρωτήσετε τον διαχειριστή του κεντρικού διακομιστή σας (<code>%(homeserverDomain)s</code>) να ρυθμίσουν έναν διακομιστή πρωτοκόλλου TURN ώστε οι κλήσεις να λειτουργούν απρόσκοπτα.",
diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json
index 9407cfac52..56a2512955 100644
--- a/src/i18n/strings/en_EN.json
+++ b/src/i18n/strings/en_EN.json
@@ -12,16 +12,6 @@
             "other": "%(count)s unread messages including mentions."
         },
         "recent_rooms": "Recent rooms",
-        "room_messsage_not_sent": "Open room %(roomName)s with an unsent message.",
-        "room_n_unread_invite": "Open room %(roomName)s invitation.",
-        "room_n_unread_messages": {
-            "one": "Open room %(roomName)s with 1 unread message.",
-            "other": "Open room %(roomName)s with %(count)s unread messages."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Open room %(roomName)s with 1 unread mention.",
-            "other": "Open room %(roomName)s with %(count)s unread messages including mentions."
-        },
         "room_name": "Room %(name)s",
         "room_status_bar": "Room status bar",
         "seek_bar_label": "Audio seek bar",
@@ -93,17 +83,13 @@
         "maximise": "Maximise",
         "mention": "Mention",
         "minimise": "Minimise",
-        "new_conversation": "New conversation",
         "new_room": "New room",
         "new_video_room": "New video room",
         "next": "Next",
         "no": "No",
         "ok": "OK",
         "open": "Open",
-        "open_menu": "Open menu",
-        "pause": "Pause",
         "pin": "Pin",
-        "play": "Play",
         "proceed": "Proceed",
         "quote": "Quote",
         "react": "React",
@@ -980,6 +966,7 @@
         "import_invalid_passphrase": "Authentication check failed: incorrect password?",
         "key_storage_out_of_sync": "Your key storage is out of sync.",
         "key_storage_out_of_sync_description": "Confirm your recovery key to maintain access to your key storage and message history.",
+        "message_shared_by": "%(displayName)s (%(userId)s) shared this message since you were not in the room when it was sent.",
         "messages_not_secure": {
             "cause_1": "Your homeserver",
             "cause_2": "The homeserver the user you're verifying is connected to",
@@ -1511,7 +1498,6 @@
         "ask_to_join": "Enable ask to join",
         "automatic_debug_logs": "Automatically send debug logs on any error",
         "automatic_debug_logs_decryption": "Automatically send debug logs on decryption errors",
-        "automatic_debug_logs_key_backup": "Automatically send debug logs when key backup is not functioning",
         "beta_description": "What's next for %(brand)s? Labs are the best way to get things early, test out new features and help shape them before they actually launch.",
         "beta_feature": "This is a beta feature",
         "beta_feedback_leave_button": "To leave the beta, visit your settings.",
@@ -1722,7 +1708,6 @@
         "class_global": "Global",
         "class_other": "Other",
         "default": "Default",
-        "default_settings": "Match default settings",
         "email_pusher_app_display_name": "Email Notifications",
         "enable_prompt_toast_description": "Enable desktop notifications",
         "enable_prompt_toast_title": "Notifications",
@@ -1741,8 +1726,7 @@
         "mentions_and_keywords_description": "Get notified only with mentions and keywords as set up in your <a>settings</a>",
         "mentions_keywords": "Mentions and keywords",
         "message_didnt_send": "Message didn't send. Click for info.",
-        "mute_description": "You won't get any notifications",
-        "mute_room": "Mute room"
+        "mute_description": "You won't get any notifications"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s is requesting verification"
@@ -1998,7 +1982,6 @@
         "dm_invite_title": "Do you want to chat with %(user)s?",
         "drop_file_prompt": "Drop file here to upload",
         "edit_topic": "Edit topic",
-        "error_3pid_invite_email_lookup": "Unable to find user by email",
         "error_cancel_knock_title": "Failed to cancel",
         "error_join_403": "You need an invite to access this room.",
         "error_join_404_1": "You attempted to join using a room ID without providing a list of servers to join through. Room IDs are internal identifiers and cannot be used to join a room without additional information.",
@@ -2036,7 +2019,9 @@
                 "one": "Asking to join",
                 "other": "%(count)s people asking to join"
             },
-            "room_is_public": "This room is public"
+            "room_is_public": "This room is public",
+            "shared_history_tooltip": "New members see history",
+            "world_readable_history_tooltip": "Anyone can see history"
         },
         "header_avatar_open_settings_label": "Open room settings",
         "header_face_pile_tooltip": "People",
@@ -2131,19 +2116,6 @@
             },
             "this_room_button": "Search this room"
         },
-        "status_bar": {
-            "delete_all": "Delete all",
-            "exceeded_resource_limit": "Your message wasn't sent because this homeserver has exceeded a resource limit. Please <a>contact your service administrator</a> to continue using the service.",
-            "history_visible": "This room has been configured so that new members can read history. <a>Learn More</a>",
-            "homeserver_blocked": "Your message wasn't sent because this homeserver has been blocked by its administrator. Please <a>contact your service administrator</a> to continue using the service.",
-            "monthly_user_limit_reached": "Your message wasn't sent because this homeserver has hit its Monthly Active User Limit. Please <a>contact your service administrator</a> to continue using the service.",
-            "requires_consent_agreement": "You can't send any messages until you review and agree to <consentLink>our terms and conditions</consentLink>.",
-            "retry_all": "Retry all",
-            "select_messages_to_retry": "You can select all or individual messages to retry or delete",
-            "server_connectivity_lost_description": "Sent messages will be stored until your connection has returned.",
-            "server_connectivity_lost_title": "Connectivity to the server has been lost.",
-            "some_messages_not_sent": "Some of your messages have not been sent"
-        },
         "unknown_status_code_for_timeline_jump": "unknown status code",
         "unread_notifications_predecessor": {
             "one": "You have %(count)s unread notification in a prior version of this room.",
@@ -2171,37 +2143,9 @@
         "add_space_label": "Add space",
         "breadcrumbs_empty": "No recently visited rooms",
         "breadcrumbs_label": "Recently visited rooms",
-        "collapse_filters": "Collapse filter list",
-        "empty": {
-            "no_chats": "No chats yet",
-            "no_chats_description": "Get started by messaging someone or by creating a room",
-            "no_chats_description_no_room_rights": "Get started by messaging someone",
-            "no_favourites": "You don't have favourite chats yet",
-            "no_favourites_description": "You can add a chat to your favourites in the chat settings",
-            "no_invites": "You don't have any unread invites",
-            "no_lowpriority": "You don't have any low priority rooms",
-            "no_mentions": "You don't have any unread mentions",
-            "no_people": "You don’t have direct chats with anyone yet",
-            "no_people_description": "You can deselect filters in order to see your other chats",
-            "no_rooms": "You’re not in any room yet",
-            "no_rooms_description": "You can deselect filters in order to see your other chats",
-            "no_unread": "Congrats! You don’t have any unread messages",
-            "show_activity": "See all activity",
-            "show_chats": "Show all chats"
-        },
-        "expand_filters": "Expand filter list",
         "failed_add_tag": "Failed to add tag %(tagName)s to room",
         "failed_remove_tag": "Failed to remove tag %(tagName)s from room",
         "failed_set_dm_tag": "Failed to set direct message tag",
-        "filters": {
-            "favourite": "Favourites",
-            "invites": "Invites",
-            "low_priority": "Low priority",
-            "mentions": "Mentions",
-            "people": "People",
-            "rooms": "Rooms",
-            "unread": "Unreads"
-        },
         "home_menu_label": "Home options",
         "join_public_room_label": "Join public room",
         "joining_rooms_status": {
@@ -2210,44 +2154,23 @@
         },
         "list_title": "Room list",
         "more_options": {
-            "copy_link": "Copy room link",
-            "favourited": "Favourited",
-            "leave_room": "Leave room",
-            "low_priority": "Low priority",
-            "mark_read": "Mark as read",
-            "mark_unread": "Mark as unread"
+            "leave_room": "Leave room"
         },
         "notification_options": "Notification options",
-        "open_space_menu": "Open space menu",
-        "primary_filters": "Room list filters",
         "redacting_messages_status": {
             "one": "Currently removing messages in %(count)s room",
             "other": "Currently removing messages in %(count)s rooms"
         },
-        "room": {
-            "more_options": "More Options",
-            "open_room": "Open room %(roomName)s"
-        },
-        "room_options": "Room Options",
         "show_less": "Show less",
         "show_n_more": {
             "one": "Show %(count)s more",
             "other": "Show %(count)s more"
         },
         "show_previews": "Show previews of messages",
-        "sort": "Sort",
         "sort_by": "Sort by",
         "sort_by_activity": "Activity",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "Activity",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Show rooms with unread messages first",
-        "space_menu": {
-            "home": "Space home",
-            "space_settings": "Space Settings"
-        },
         "space_menu_label": "%(spaceName)s menu",
         "sublist_options": "List options",
         "suggested_rooms_heading": "Suggested Rooms"
@@ -2439,12 +2362,11 @@
             "error_join_rule_change_title": "Failed to update the join rules",
             "error_join_rule_change_unknown": "Unknown failure",
             "guest_access_warning": "People with supported clients will be able to join the room without having a registered account.",
-            "history_visibility_invited": "Members only (since they were invited)",
-            "history_visibility_joined": "Members only (since they joined)",
+            "history_visibility_invited": "Members since invited",
             "history_visibility_legend": "Who can read history?",
-            "history_visibility_shared": "Members only (since the point in time of selecting this option)",
-            "history_visibility_warning": "The visibility of existing history will not be changed.",
-            "history_visibility_world_readable": "Anyone",
+            "history_visibility_shared": "Members (full history)",
+            "history_visibility_warning": "Changes won't affect past messages, only new ones. <a>Learn more</a>",
+            "history_visibility_world_readable": "Anyone (history is public)",
             "join_rule_description": "Decide who can join %(roomName)s.",
             "join_rule_invite": "Private (invite only)",
             "join_rule_invite_description": "Only invited people can join.",
@@ -3402,24 +3324,10 @@
         "no_rooms_with_unread_threads": "You don't have rooms with unread threads yet."
     },
     "time": {
-        "about_day_ago": "about a day ago",
-        "about_hour_ago": "about an hour ago",
-        "about_minute_ago": "about a minute ago",
         "date_at_time": "%(date)s at %(time)s",
-        "few_seconds_ago": "a few seconds ago",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss left",
-        "in_about_day": "about a day from now",
-        "in_about_hour": "about an hour from now",
-        "in_about_minute": "about a minute from now",
-        "in_few_seconds": "a few seconds from now",
-        "in_n_days": "%(num)s days from now",
-        "in_n_hours": "%(num)s hours from now",
-        "in_n_minutes": "%(num)s minutes from now",
         "left": "%(timeRemaining)s left",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss left",
-        "n_days_ago": "%(num)s days ago",
-        "n_hours_ago": "%(num)s hours ago",
-        "n_minutes_ago": "%(num)s minutes ago",
         "seconds_left": "%(seconds)ss left",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -3443,12 +3351,7 @@
         "creation_summary_dm": "%(creator)s created this DM.",
         "creation_summary_room": "%(creator)s created and configured the room.",
         "decryption_failure": {
-            "blocked": "The sender has blocked you from receiving this message because your device is unverified",
-            "historical_event_no_key_backup": "Historical messages are not available on this device",
-            "historical_event_unverified_device": "You need to verify this device for access to historical messages",
-            "historical_event_user_not_joined": "You don't have access to this message",
             "sender_identity_previously_verified": "Sender's verified identity was reset",
-            "sender_unsigned_device": "Sent from an insecure device.",
             "unable_to_decrypt": "Unable to decrypt message"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3474,11 +3377,9 @@
             "unable_to_find": "Tried to load a specific point in this room's timeline, but was unable to find it."
         },
         "m.audio": {
-            "audio_player": "Audio player",
             "error_downloading_audio": "Error downloading audio",
             "error_processing_audio": "Error processing audio message",
-            "error_processing_voice_message": "Error processing voice message",
-            "unnamed_audio": "Unnamed audio"
+            "error_processing_voice_message": "Error processing voice message"
         },
         "m.beacon_info": {
             "view_live_location": "View live location"
@@ -4053,7 +3954,6 @@
         "hide_sidebar_button": "Hide sidebar",
         "input_devices": "Input devices",
         "jitsi_call": "Jitsi Conference",
-        "join_button_tooltip_call_full": "Sorry — this call is currently full",
         "legacy_call": "Legacy Call",
         "maximise": "Fill screen",
         "maximise_call": "Maximise call",
diff --git a/src/i18n/strings/eo.json b/src/i18n/strings/eo.json
index 3556411638..88e0b75882 100644
--- a/src/i18n/strings/eo.json
+++ b/src/i18n/strings/eo.json
@@ -68,9 +68,7 @@
         "no": "Ne",
         "ok": "Bone",
         "open": "Malfermi",
-        "pause": "Paŭzigi",
         "pin": "Pinglo",
-        "play": "Ludi",
         "quote": "Citaĵo",
         "react": "Reagi",
         "refresh": "Aktualigi",
@@ -1292,17 +1290,6 @@
         "not_found_title_name": "%(roomName)s ne ekzistas.",
         "peek_join_prompt": "Vi antaŭrigardas ĉambron %(roomName)s. Ĉu vi volas aliĝi?",
         "rejoin_button": "Re-aliĝi",
-        "status_bar": {
-            "delete_all": "Forigi ĉiujn",
-            "exceeded_resource_limit": "Via mesaĝo ne sendiĝis, ĉar tiu ĉi hejmservilo atingis rimedan limon. Bonvolu <a>kontakti vian administranton de servo</a> por plue uzadi la servon.",
-            "monthly_user_limit_reached": "Via mesaĝo ne sendiĝis, ĉar tiu ĉi hejmservilo atingis sian monatan limon de aktivaj uzantoj. Bonvolu <a>kontakti vian administranton de servo</a> por plue uzadi la servon.",
-            "requires_consent_agreement": "Vi ne povas sendi mesaĝojn ĝis vi tralegos kaj konsentos <consentLink>niajn uzokondiĉojn</consentLink>.",
-            "retry_all": "Reprovi ĉiujn",
-            "select_messages_to_retry": "Vi povas elekti ĉiujn aŭ unuopajn mesaĝojn, por reprovi aŭ forigi",
-            "server_connectivity_lost_description": "Senditaj mesaĝoj konserviĝos ĝis via konekto refunkcios.",
-            "server_connectivity_lost_title": "Konekto al la servilo perdiĝis.",
-            "some_messages_not_sent": "Kelkaj viaj mesaĝoj ne sendiĝis"
-        },
         "unread_notifications_predecessor": {
             "other": "Vi havas %(count)s nelegitajn sciigojn en antaŭa versio de ĉi tiu ĉambro.",
             "one": "Vi havas %(count)s nelegitan sciigon en antaŭa versio de ĉi tiu ĉambro."
@@ -1490,7 +1477,6 @@
             "error_join_rule_change_unknown": "Nekonata malsukceso",
             "guest_access_warning": "Personoj kun subtenataj klientoj povos aliĝi al la ĉambro sen registrita konto.",
             "history_visibility_invited": "Nur ĉambranoj (ekde la invito)",
-            "history_visibility_joined": "Nur ĉambranoj (ekde la aliĝo)",
             "history_visibility_legend": "Kiu povas legi la historion?",
             "history_visibility_shared": "Nur ĉambranoj (ekde ĉi tiu elekto)",
             "history_visibility_warning": "Ŝanĝoj al legebleco de historio nur efektiviĝos por osaj mesaĝoj de ĉi tiu ĉambro. La videbleco de jama historio ne ŝanĝiĝos.",
@@ -2035,23 +2021,9 @@
         "light_high_contrast": "Malpeza alta kontrasto"
     },
     "time": {
-        "about_day_ago": "antaŭ ĉirkaŭ tago",
-        "about_hour_ago": "antaŭ ĉirkaŭ horo",
-        "about_minute_ago": "antaŭ ĉirkaŭ minuto",
         "date_at_time": "%(date)s je %(time)s",
-        "few_seconds_ago": "antaŭ kelkaj sekundoj",
         "hours_minutes_seconds_left": "%(hours)sh. %(minutes)sm. %(seconds)ss. restas",
-        "in_about_day": "ĉirkaŭ tagon de nun",
-        "in_about_hour": "ĉirkaŭ horon de nun",
-        "in_about_minute": "ĉirkaŭ minuton de nun",
-        "in_few_seconds": "kelkajn sekundojn de nun",
-        "in_n_days": "%(num)s tagojn de nun",
-        "in_n_hours": "%(num)s horojn de nun",
-        "in_n_minutes": "%(num)s minutojn de nun",
         "minutes_seconds_left": "%(minutes)sm. %(seconds)ss. restas",
-        "n_days_ago": "antaŭ %(num)s tagoj",
-        "n_hours_ago": "antaŭ %(num)s horoj",
-        "n_minutes_ago": "antaŭ %(num)s minutoj",
         "seconds_left": "%(seconds)s sekundoj restas",
         "short_days": "%(value)st.",
         "short_days_hours_minutes_seconds": "%(days)st. %(hours)sh. %(minutes)sm. %(seconds)ss.",
@@ -2089,8 +2061,7 @@
         "m.audio": {
             "error_downloading_audio": "Eraris elŝuto de sondosiero",
             "error_processing_audio": "Eraris traktado de sonmesaĝo",
-            "error_processing_voice_message": "Eraris traktado de voĉmesaĝo",
-            "unnamed_audio": "Sennoma sondosiero"
+            "error_processing_voice_message": "Eraris traktado de voĉmesaĝo"
         },
         "m.call": {
             "video_call_started": "Videovoko komenciĝis en %(roomName)s.",
diff --git a/src/i18n/strings/es.json b/src/i18n/strings/es.json
index c23bc8c5fa..1c800dda1c 100644
--- a/src/i18n/strings/es.json
+++ b/src/i18n/strings/es.json
@@ -12,8 +12,6 @@
             "one": "1 mención sin leer."
         },
         "recent_rooms": "Salas recientes",
-        "room_messsage_not_sent": "Abrir sala %(roomName)s con un mensaje no enviado.",
-        "room_n_unread_invite": "Abrir invitación de sala %(roomName)s.",
         "room_name": "Sala %(name)s",
         "room_status_bar": "Barra de estado de la sala",
         "seek_bar_label": "Barra de búsqueda de audio",
@@ -91,10 +89,7 @@
         "no": "No",
         "ok": "Vale",
         "open": "Abrir",
-        "open_menu": "Abrir menú",
-        "pause": "Pausar",
         "pin": "Fijar",
-        "play": "Reproducir",
         "proceed": "Continuar",
         "quote": "Citar",
         "react": "Reaccionar",
@@ -1278,7 +1273,6 @@
     "labs": {
         "automatic_debug_logs": "Mandar automáticamente los registros de depuración cuando ocurra cualquier error",
         "automatic_debug_logs_decryption": "Enviar los registros de depuración automáticamente de fallos al descifrar",
-        "automatic_debug_logs_key_backup": "Enviar automáticamente los registros de depuración cuando la clave de respaldo no funcione",
         "beta_description": "¿Qué novedades se esperan en %(brand)s? La sección de experimentos es la mejor manera de ver las cosas antes de que se publiquen, probar nuevas funcionalidades y ayudar a mejorarlas antes de su lanzamiento.",
         "beta_feature": "Esta funcionalidad está en beta",
         "beta_feedback_leave_button": "Para salir de la beta, ve a tus ajustes.",
@@ -1754,18 +1748,6 @@
             "all_rooms_button": "Buscar en todas las salas",
             "this_room_button": "Buscar en esta sala"
         },
-        "status_bar": {
-            "delete_all": "Borrar todo",
-            "exceeded_resource_limit": "Tu mensaje no se ha enviado porque este servidor base ha excedido un límite de recursos. Por favor <a>contacta con el administrador de tu servicio</a> para continuar utilizándolo.",
-            "homeserver_blocked": "Tu mensaje no se ha enviado porque este servidor base ha sido bloqueado por su administrador. Por favor, <a>contacta con el administrador</a> de tu servicio para seguir usándolo.",
-            "monthly_user_limit_reached": "Tu mensaje no se ha enviado porque este servidor base ha alcanzado su límite mensual de usuarios activos. Por favor, <a>contacta con el administrador de tu servicio</a> para continuar utilizándolo.",
-            "requires_consent_agreement": "No puedes enviar ningún mensaje hasta que revises y estés de acuerdo con <consentLink>nuestros términos y condiciones</consentLink>.",
-            "retry_all": "Reintentar todo",
-            "select_messages_to_retry": "Puedes seleccionar uno o todos los mensajes para reintentar o eliminar",
-            "server_connectivity_lost_description": "Los mensajes enviados se almacenarán hasta que vuelva la conexión.",
-            "server_connectivity_lost_title": "Se ha perdido la conexión con el servidor.",
-            "some_messages_not_sent": "Algunos de tus mensajes no se han enviado"
-        },
         "unknown_status_code_for_timeline_jump": "error de estado desconocido",
         "unread_notifications_predecessor": {
             "other": "Tiene %(count)s notificaciones sin leer en una versión anterior de esta sala.",
@@ -1982,7 +1964,6 @@
             "error_join_rule_change_unknown": "Fallo desconocido",
             "guest_access_warning": "Las personas con una aplicación compatible podrán unirse a la sala sin tener que registrar una cuenta.",
             "history_visibility_invited": "Solo participantes (desde que fueron invitados)",
-            "history_visibility_joined": "Solo participantes (desde que se unieron a la sala)",
             "history_visibility_legend": "¿Quién puede leer el historial?",
             "history_visibility_shared": "Solo participantes (desde el momento en que se selecciona esta opción)",
             "history_visibility_warning": "Los cambios que se hagan sobre quién puede leer el historial se aplicarán solo a nuevos mensajes. La visibilidad del historial actual no cambiará.",
@@ -2700,24 +2681,10 @@
         "show_thread_filter": "Mostrar:"
     },
     "time": {
-        "about_day_ago": "hace aprox. un día",
-        "about_hour_ago": "hace aprox. una hora",
-        "about_minute_ago": "hace aproximadamente un minuto",
         "date_at_time": "%(date)s a la(s) %(time)s",
-        "few_seconds_ago": "hace unos segundos",
         "hours_minutes_seconds_left": "queda(n) %(hours)sh %(minutes)sm %(seconds)ss",
-        "in_about_day": "dentro de un día",
-        "in_about_hour": "dentro de una hora",
-        "in_about_minute": "dentro de un minuto",
-        "in_few_seconds": "dentro de unos segundos",
-        "in_n_days": "dentro de %(num)s días",
-        "in_n_hours": "dentro de %(num)s horas",
-        "in_n_minutes": "dentro de %(num)s minutos",
         "left": "Queda %(timeRemaining)s",
         "minutes_seconds_left": "queda(n) %(minutes)sm %(seconds)ss",
-        "n_days_ago": "hace %(num)s días",
-        "n_hours_ago": "hace %(num)s horas",
-        "n_minutes_ago": "hace %(num)s minutos",
         "seconds_left": "%(seconds)ss restantes",
         "short_days": "%(value)s d",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -2758,11 +2725,9 @@
             "unable_to_find": "Se ha intentado cargar cierto punto en la cronología de esta sala, pero no se ha podido encontrarlo."
         },
         "m.audio": {
-            "audio_player": "Reproductor de audio",
             "error_downloading_audio": "Error al descargar el audio",
             "error_processing_audio": "Error al procesar el mensaje de audio",
-            "error_processing_voice_message": "Ha ocurrido un error al procesar el mensaje de voz",
-            "unnamed_audio": "Audio sin título"
+            "error_processing_voice_message": "Ha ocurrido un error al procesar el mensaje de voz"
         },
         "m.beacon_info": {
             "view_live_location": "Ver ubicación en tiempo real"
@@ -3291,7 +3256,6 @@
         "hangup": "Colgar",
         "hide_sidebar_button": "Ocultar menú lateral",
         "input_devices": "Dispositivos de entrada",
-        "join_button_tooltip_call_full": "Lo sentimos — la llamada está llena",
         "maximise": "Llenar la pantalla",
         "misconfigured_server": "La llamada ha fallado debido a una mala configuración del servidor",
         "misconfigured_server_description": "Por favor, pídele al administrador de tu servidor base (<code>%(homeserverDomain)s</code>) que configure un servidor TURN para que las llamadas funcionen correctamente.",
diff --git a/src/i18n/strings/et.json b/src/i18n/strings/et.json
index 54bc4576e4..84916f2787 100644
--- a/src/i18n/strings/et.json
+++ b/src/i18n/strings/et.json
@@ -12,16 +12,6 @@
             "other": "%(count)s lugemata sõnumit kaasa arvatud mainimised."
         },
         "recent_rooms": "Hiljuti kasutatud jututoad",
-        "room_messsage_not_sent": "Ava „%(roomName)s“ jututuba saatmata sõnumiga.",
-        "room_n_unread_invite": "Ava %(roomName)s jututoa kutse.",
-        "room_n_unread_messages": {
-            "one": "Ava %(roomName)s jututuba 1 lugemata sõnumiga.",
-            "other": "Ava %(roomName)s jututuba %(count)s lugemata sõnumiga."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Ava %(roomName)s jututuba 1 lugemata mainimisega.",
-            "other": "Ava %(roomName)s jututuba %(count)s lugemata sõnumiga, mille hulgas on ka mainimisi."
-        },
         "room_name": "Jututuba %(name)s",
         "room_status_bar": "Jututoa olekuriba",
         "seek_bar_label": "Heli kerimisriba",
@@ -93,17 +83,13 @@
         "maximise": "Suurenda maksimaalseks",
         "mention": "Maini",
         "minimise": "Väike vaade",
-        "new_conversation": "Uus vestlus",
         "new_room": "Uus jututuba",
         "new_video_room": "Uus videotuba",
         "next": "Järgmine",
         "no": "Ei",
         "ok": "Sobib",
         "open": "Ava",
-        "open_menu": "Ava menüü",
-        "pause": "Peata",
         "pin": "Tõsta esile",
-        "play": "Esita",
         "proceed": "Jätka",
         "quote": "Tsiteeri",
         "react": "Reageeri",
@@ -579,6 +565,7 @@
         "someone": "Keegi",
         "space": "Tühikuklahv",
         "spaces": "Kogukonnakeskused",
+        "state_encryption_enabled": "Katseline olekusündmuste krüptimine on kasutusel",
         "sticker": "Kleeps",
         "stickerpack": "Kleepsupakk",
         "success": "Õnnestus",
@@ -686,6 +673,8 @@
         "join_rule_restricted_label": "Kõik <SpaceName/> kogukonna liikmed saavad seda jututuba leida ning võivad temaga liituda.",
         "name_validation_required": "Palun sisesta jututoa nimi",
         "room_visibility_label": "Jututoa nähtavus",
+        "state_encrypted_warning": "Sellega võtad kasutusele olekusündmuste krüptimise, mis võimaldab serverist peita metateabe, nagu jututubade nimed ja teemad. See metateave pole nähtav ka jututoaga hiljem liitujatele ning neile, kelle kliendid ei toeta MSC4362 spetsifikatsiooni.",
+        "state_encryption_label": "Krüptitud olekusündmused",
         "title_private_room": "Loo omavaheline jututuba",
         "title_public_room": "Loo avalik jututuba",
         "title_video_room": "Loo uus videotuba",
@@ -977,6 +966,7 @@
         "import_invalid_passphrase": "Autentimine ebaõnnestus: kas salasõna pole õige?",
         "key_storage_out_of_sync": "Sinu krüptovõtmete hoidla pole sünkroonis.",
         "key_storage_out_of_sync_description": "Säilitamaks ligipääsu vestluste ja krüptovõtmete varukoopiale, palun sisesta kinnituseks oma taastevõti.",
+        "message_shared_by": "Kuna sa polnud sõnumi saatmise ajal jututoas, siis %(displayName)s (%(userId)s) jagas seda sõnumit sinuga.",
         "messages_not_secure": {
             "cause_1": "Sinu koduserver",
             "cause_2": "Sinu poolt verifitseeritava kasutaja koduserver",
@@ -1508,7 +1498,6 @@
         "ask_to_join": "Võta kasutusele liitumine kasutaja sooviavalduse alusel",
         "automatic_debug_logs": "Iga vea puhul saada silumislogid automaatselt arendajatele",
         "automatic_debug_logs_decryption": "Dekrüptimisvigade puhul saada silumislogid automaatselt arendajatele",
-        "automatic_debug_logs_key_backup": "Kui krüptovõtmete varundus ei toimi, siis automaatselt saada silumislogid arendajatele",
         "beta_description": "Mida %(brand)s tulevikus teha oskab? Arendusjärgus funktsionaalsuste loendist leiad võimalusi, mis varsti on kõigile saadaval, kuid sa saad neid juba katsetada ning ka mõjutada missuguseks nad lõplikukt kujunevad.",
         "beta_feature": "See on veel katsetamisjärgus funktsionaalsus",
         "beta_feedback_leave_button": "Beetaversiooni saad välja lülitada rakenduse seadistustest.",
@@ -1525,6 +1514,8 @@
         "dynamic_room_predecessors": "Jututoa dünaamilised eellased",
         "dynamic_room_predecessors_description": "Võta kasutusele MSC3946 (jututoa ajaloo aeglane laadimine)",
         "element_call_video_rooms": "Element Call videotoad",
+        "encrypted_state_events": "Krüptitud olekusündmused (MSC4362)",
+        "encrypted_state_events_description": "Sellega võtad kasutusele olekusündmuste krüptimise, mis võimaldab serverist peita metateabe, nagu jututubade nimed ja teemad. See metateave pole nähtav ka jututoaga hiljem liitujatele ning neile, kelle kliendid ei toeta MSC4362 spetsifikatsiooni.",
         "exclude_insecure_devices": "Sõnumite saatmisel ja vastuvõtmisel välista ebaturvalised seadmed",
         "exclude_insecure_devices_description": "Kui see režiim on kasutusel, siis krüptitud sõnumeid ei jagata verifitseerimata seadmetega ja verifitseerimata seadmetest saabunud sõnumite puhul näidatakse vaid veateadet. Palun arvesta, et selle töörežiimi puhul sa ilmselt ei saa suhelda kasutajatega, kes pole kõiki oma seadmeid korrektselt verifitseerinud.",
         "experimental_description": "Soovid katsetada? Proovi meie uusimaid arendusmõtteid. Need funktsionaalsused pole üldsegi veel valmis, nad võivad toimida puudulikult, võivad muutuda või sootuks lõpetamata jääda. <a>Lisateavet leiad siit</a>.",
@@ -1716,7 +1707,6 @@
         "class_global": "Üldised",
         "class_other": "Muud",
         "default": "Tavaline",
-        "default_settings": "Sobita vaikimisi seadistustega",
         "email_pusher_app_display_name": "E-posti teel saadetavad teavitused",
         "enable_prompt_toast_description": "Võta kasutusele töölauakeskkonna teavitused",
         "enable_prompt_toast_title": "Teavitused",
@@ -1735,8 +1725,7 @@
         "mentions_and_keywords_description": "Soovin teavitusi sellisena mainimiste ja võtmesõnade puhul, nagu ma neid olen <a>seadistanud</a>",
         "mentions_keywords": "Mainimised ja märksõnad",
         "message_didnt_send": "Sõnum jäi saatmata. Lisateabe saamiseks klõpsi.",
-        "mute_description": "Sa ei saa üldse teavitusi",
-        "mute_room": "Summuta jututuba"
+        "mute_description": "Sa ei saa üldse teavitusi"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s soovib verifitseerimist"
@@ -1914,7 +1903,6 @@
                 "other": "%(count)s esiletõstetud sõnumit"
             },
             "limits": {
-                "one": "",
                 "other": "Sa saad esile tõsta kuni %(count)s vidinat"
             },
             "menu": "Ava menüü",
@@ -1992,7 +1980,6 @@
         "dm_invite_title": "Kas sa soovid vestelda %(user)s'ga?",
         "drop_file_prompt": "Faili üleslaadimiseks lohista ta siia",
         "edit_topic": "Muuda teemat",
-        "error_3pid_invite_email_lookup": "E-posti aadressi alusel ei õnnestu kasutajat leida",
         "error_cancel_knock_title": "Tühistamine ei õnnestunud",
         "error_join_403": "Ligipääsuks siia jututuppa on sul vaja kutset.",
         "error_join_404_1": "Sa proovisid liituda jututoaga tema tunnuse alusel nii, et serveri nime polnud näidatud. Jututoa tunnused on sisemised identifikaatorid ja ilma lisateabeta neid liitumiseks kasutada ei saa.",
@@ -2024,11 +2011,15 @@
         "forget_room": "Unusta see jututuba",
         "forget_space": "Unusta see kogukond",
         "header": {
+            "join_video_call": "Liitu videokõnega",
+            "join_voice_call": "Liitu häälkõnega",
             "n_people_asking_to_join": {
                 "one": "Üks huviline soovib liituda",
                 "other": "%(count)s huvilist soovivad liituda"
             },
-            "room_is_public": "See jututuba on avalik"
+            "room_is_public": "See jututuba on avalik",
+            "shared_history_tooltip": "Uued liikmed näevad ajalugu",
+            "world_readable_history_tooltip": "Kõik võivad ajalugu näha"
         },
         "header_avatar_open_settings_label": "Ava jututoa seadistused",
         "header_face_pile_tooltip": "Lülita liikmete nimekiri sisse/välja",
@@ -2123,19 +2114,6 @@
             },
             "this_room_button": "Otsi sellest jututoast"
         },
-        "status_bar": {
-            "delete_all": "Kustuta kõik",
-            "exceeded_resource_limit": "Sinu sõnumit ei saadetud, kuna see koduserver on ületanud on ületanud ressursipiirangu. Teenuse kasutamiseks palun <a>võta ühendust serveri haldajaga</a>.",
-            "history_visible": "See jututuba on seadistatud sel viisil, et uued liikmed saavad lugeda varasemat ajalugu.<a> Lisateave</a>",
-            "homeserver_blocked": "Sinu sõnumit ei saadetud, kuna see koduserver blokeeritud serveri haldaja poolt. Teenuse kasutamiseks palun <a>võta ühendust serveri haldajaga</a>.",
-            "monthly_user_limit_reached": "Sinu sõnumit ei saadetud, kuna see koduserver on saavutanud igakuise aktiivsete kasutajate piiri. Teenuse kasutamiseks palun <a>võta ühendust serveri haldajaga</a>.",
-            "requires_consent_agreement": "Sa ei saa saata ühtego sõnumit enne, kui oled läbi lugenud ja nõustunud <consentLink>meie kasutustingimustega</consentLink>.",
-            "retry_all": "Proovi kõikidega uuesti",
-            "select_messages_to_retry": "Sa võid valida kas kõik või mõned sõnumid kas kustutamiseks või uuesti saatmiseks",
-            "server_connectivity_lost_description": "Saadetud sõnumid salvestatakse seniks, kuni võrguühendus on taastunud.",
-            "server_connectivity_lost_title": "Ühendus sinu serveriga on katkenud.",
-            "some_messages_not_sent": "Mõned sinu sõnumid on saatmata"
-        },
         "unknown_status_code_for_timeline_jump": "teadmata olekukood",
         "unread_notifications_predecessor": {
             "other": "Sinul on selle jututoa varasemas versioonis %(count)s lugemata teavitust.",
@@ -2163,37 +2141,9 @@
         "add_space_label": "Lisa kogukond",
         "breadcrumbs_empty": "Hiljuti külastatud jututubasid ei leidu",
         "breadcrumbs_label": "Hiljuti külastatud jututoad",
-        "collapse_filters": "Ahenda filtriloendit",
-        "empty": {
-            "no_chats": "Vestlusi veel ei leidu",
-            "no_chats_description": "Alusta sellest, et leia mõni vestluspartner või loo oma jututuba",
-            "no_chats_description_no_room_rights": "Alusta sellest, et leia mõni vestluspartner",
-            "no_favourites": "Sa pole veel ühtegi vestlust märkinud lemmikuks",
-            "no_favourites_description": "Vestluse saad märkida lemmikuks tema seadistustest",
-            "no_invites": "Sul pole lugemata kutseid",
-            "no_lowpriority": "Sul pole ühtegi vähetähtsat jututuba",
-            "no_mentions": "Sul pole lugemata mainimisi",
-            "no_people": "Sul pole veel ühtegi otsevestlust kellegagi",
-            "no_people_description": "Kõikide muude vestluste nägemiseks eemalda otsingufiltrid",
-            "no_rooms": "Sa veel ei osale mitte üheski jututoas",
-            "no_rooms_description": "Kõikide oma muude vestluste nägemiseks eemalda otsingufiltrid",
-            "no_unread": "Õnnitlused! Sul pole ühtegi lugemata sõnumit",
-            "show_activity": "Vaata kõiki tegevusi",
-            "show_chats": "Näita kõiki vestlusi"
-        },
-        "expand_filters": "Laienda filtriloendit",
         "failed_add_tag": "Sildi %(tagName)s lisamine jututoale ebaõnnestus",
         "failed_remove_tag": "Sildi %(tagName)s eemaldamine jututoast ebaõnnestus",
         "failed_set_dm_tag": "Otsevestluse sildi seadmine ei õnnestunud",
-        "filters": {
-            "favourite": "Lemmikud",
-            "invites": "Kutsed",
-            "low_priority": "Vähetähtis",
-            "mentions": "Mainimised",
-            "people": "Inimesed",
-            "rooms": "Jututoad",
-            "unread": "Lugemata"
-        },
         "home_menu_label": "Avalehe valikud",
         "join_public_room_label": "Liitu avaliku jututoaga",
         "joining_rooms_status": {
@@ -2202,44 +2152,23 @@
         },
         "list_title": "Jututubade loend",
         "more_options": {
-            "copy_link": "Kopeeri jututoa link",
-            "favourited": "Määratud lemmikuks",
-            "leave_room": "Lahku jututoast",
-            "low_priority": "Vähetähtis",
-            "mark_read": "Märgi loetuks",
-            "mark_unread": "Märgi mitteloetuks"
+            "leave_room": "Lahku jututoast"
         },
         "notification_options": "Teavituste eelistused",
-        "open_space_menu": "Ava kogukonna menüü",
-        "primary_filters": "Jututubade loendi filtrid",
         "redacting_messages_status": {
             "other": "Kustutame sõnumeid %(count)s jututoas",
             "one": "Kustutame sõnumeid %(count)s jututoas"
         },
-        "room": {
-            "more_options": "Täiendavad seadistused",
-            "open_room": "Ava jututuba: %(roomName)s"
-        },
-        "room_options": "Jututoa valikud",
         "show_less": "Näita vähem",
         "show_n_more": {
             "one": "Näita veel %(count)s vestlust",
             "other": "Näita veel %(count)s vestlust"
         },
         "show_previews": "Näita sõnumite eelvaateid",
-        "sort": "Järjesta",
         "sort_by": "Järjestamisviis",
         "sort_by_activity": "Aktiivsuse alusel",
         "sort_by_alphabet": "Tähestiku järjekorras",
-        "sort_type": {
-            "activity": "Aktiivsuse alusel",
-            "atoz": "Tähestiku alusel"
-        },
         "sort_unread_first": "Näita lugemata sõnumitega jututubasid esimesena",
-        "space_menu": {
-            "home": "Kogukonna avaleht",
-            "space_settings": "Kogukonna seadistused"
-        },
         "space_menu_label": "%(spaceName)s menüü",
         "sublist_options": "Loendi valikud",
         "suggested_rooms_heading": "Soovitatud jututoad"
@@ -2424,12 +2353,11 @@
             "error_join_rule_change_title": "Liitumisreeglite uuendamine ei õnnestunud",
             "error_join_rule_change_unknown": "Määratlemata viga",
             "guest_access_warning": "Kõik kes kasutavad sobilikke klientrakendusi, saavad jututoaga liituda ilma kasutajakonto registreerimiseta.",
-            "history_visibility_invited": "Ainult liikmetele (alates nende kutsumise ajast)",
-            "history_visibility_joined": "Ainult liikmetele (alates liitumisest)",
+            "history_visibility_invited": "Liikmetele alates nende kutsumise ajast",
             "history_visibility_legend": "Kes võivad lugeda ajalugu?",
-            "history_visibility_shared": "Ainult liikmetele (alates selle seadistuse kasutuselevõtmisest)",
-            "history_visibility_warning": "Senise ajaloo nähtavus ei muutu.",
-            "history_visibility_world_readable": "Kõik kasutajad",
+            "history_visibility_shared": "Ainult liikmetele (kogu ajalugu)",
+            "history_visibility_warning": "Muudatused ei mõjuta senise ajaloo nähtavust, vaid uute oma. <a>Lisateave</a>",
+            "history_visibility_world_readable": "Kõik (ajalugu on avalik)",
             "join_rule_description": "Vali, kes saavad liituda %(roomName)s jututoaga.",
             "join_rule_invite": "Privaatne jututuba (eeldab kutset)",
             "join_rule_invite_description": "Liitumine toimub vaid kutse alusel.",
@@ -3387,24 +3315,10 @@
         "no_rooms_with_unread_threads": "Pole veel ühtegi lugemata jutulõngaga jututuba."
     },
     "time": {
-        "about_day_ago": "umbes päev tagasi",
-        "about_hour_ago": "umbes tund aega tagasi",
-        "about_minute_ago": "umbes minut tagasi",
         "date_at_time": "%(date)s %(time)s",
-        "few_seconds_ago": "mõni sekund tagasi",
         "hours_minutes_seconds_left": "jäänud on %(hours)st %(minutes)sm %(seconds)ss",
-        "in_about_day": "umbes päeva pärast",
-        "in_about_hour": "umbes tunni pärast",
-        "in_about_minute": "umbes minuti pärast",
-        "in_few_seconds": "mõne sekundi pärast",
-        "in_n_days": "%(num)s päeva pärast",
-        "in_n_hours": "%(num)s tunni pärast",
-        "in_n_minutes": "%(num)s minuti pärast",
         "left": "jäänud %(timeRemaining)s",
         "minutes_seconds_left": "jäänud on %(minutes)sm %(seconds)ss",
-        "n_days_ago": "%(num)s päeva tagasi",
-        "n_hours_ago": "%(num)s tundi tagasi",
-        "n_minutes_ago": "%(num)s minutit tagasi",
         "seconds_left": "jäänud %(seconds)s sekundit",
         "short_days": "%(value)s p",
         "short_days_hours_minutes_seconds": "%(days)s pv %(hours)s t %(minutes)s m %(seconds)s s",
@@ -3428,12 +3342,7 @@
         "creation_summary_dm": "%(creator)s alustas seda otsesuhtlust.",
         "creation_summary_room": "%(creator)s lõi ja seadistas jututoa.",
         "decryption_failure": {
-            "blocked": "Saatja on blokeerinud võimaluse, et sa saaksid selle sõnumi",
-            "historical_event_no_key_backup": "Varasemad sõnumid pole selles seadmes loetavad",
-            "historical_event_unverified_device": "Varasemate sõnumite nägemiseks pead selle seadme verifitseerima",
-            "historical_event_user_not_joined": "Sul puudub ligipääs sellele sõnumile",
             "sender_identity_previously_verified": "Saatja verifitseeritud võrguidentiteet on lähtestatud",
-            "sender_unsigned_device": "Krüptitud seadme poolt, mida tema omanik pole verifitseerinud.",
             "unable_to_decrypt": "Sõnumi dekrüptimine ei õnnestu"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3459,11 +3368,9 @@
             "unable_to_find": "Üritasin laadida teatud hetke selle jututoa ajajoonelt, kuid ei suutnud seda leida."
         },
         "m.audio": {
-            "audio_player": "Meediaesitaja",
             "error_downloading_audio": "Helifaili allalaadimine ei õnnestunud",
             "error_processing_audio": "Viga häälsõnumi töötlemisel",
-            "error_processing_voice_message": "Viga häälsõnumi töötlemisel",
-            "unnamed_audio": "Nimetu helifail"
+            "error_processing_voice_message": "Viga häälsõnumi töötlemisel"
         },
         "m.beacon_info": {
             "view_live_location": "Vaata asukohta reaalajas"
@@ -3558,6 +3465,7 @@
             "enabled_dm": "Sõnumid siin vestluses on läbivalt krüptitud. Klõpsides tunnuspilti saad verifitseerida kasutaja %(displayName)s.",
             "enabled_local": "Sõnumid siin vestluses on läbivalt krüptitud.",
             "parameters_changed": "Mõned krüptimise parameetrid on muutunud.",
+            "state_enabled": "Selle jututoa sõnumid ja olekusündmused on läbivalt krüptitud. Kui uued kasutajad liituvad, siis saad nad verifitseerida tunnuspildile klõpsates.",
             "unsupported": "Selles jututoas kasutatud krüptimine ei ole toetatud."
         },
         "m.room.guest_access": {
@@ -3620,7 +3528,7 @@
         },
         "m.room.power_levels": {
             "changed": "%(senderName)s muutis õiguseid: %(powerLevelDiffText)s.",
-            "user_from_to": "%(userId)s õigused muutusid: %(fromPowerLevel)s -> %(toPowerLevel)s"
+            "user_from_to": "kasutaja „%(userId)s“ õigused muutusid: %(fromPowerLevel)s → %(toPowerLevel)s"
         },
         "m.room.server_acl": {
             "all_servers_banned": "🎉 Kõikidel serveritel on keeld seda jututuba teenindada! Seega seda jututuba ei saa enam kasutada.",
@@ -3643,11 +3551,11 @@
         },
         "m.widget": {
             "added": "%(senderName)s lisas vidina %(widgetName)s",
-            "jitsi_ended": "%(senderName)s lõpetas video rühmakõne",
-            "jitsi_join_right_prompt": "Liitu konverentsiga selle jututoa infolehelt paremal",
-            "jitsi_join_top_prompt": "Liitu konverentsiga selle jututoa ülaosas",
-            "jitsi_started": "%(senderName)s alustas video rühmakõnet",
-            "jitsi_updated": "%(senderName)s uuendas video rühmakõne",
+            "jitsi_ended": "%(senderName)s lõpetas videokonverentsi kõne",
+            "jitsi_join_right_prompt": "Liitu konverentsikõnega selle jututoa infolehelt paremal",
+            "jitsi_join_top_prompt": "Liitu konverentsikõnega selle jututoa ülaosas",
+            "jitsi_started": "%(senderName)s alustas videokonverentsi kõnet",
+            "jitsi_updated": "%(senderName)s uuendas videokonverentsi kõnet",
             "modified": "%(senderName)s muutis vidinat %(widgetName)s",
             "removed": "%(senderName)s eemaldas vidina %(widgetName)s"
         },
@@ -4037,7 +3945,6 @@
         "hide_sidebar_button": "Peida külgpaan",
         "input_devices": "Sisendseadmed",
         "jitsi_call": "Jitsi-põhine kõne",
-        "join_button_tooltip_call_full": "Vabandust, selles kõnes ei saa rohkem osalejaid olla",
         "legacy_call": "Vana lahendusega kõne",
         "maximise": "Täida ekraan",
         "maximise_call": "Tee kõneaken suureks",
@@ -4183,7 +4090,7 @@
             "move_right": "Liigu paremale",
             "remove": "Eemalda kõigilt",
             "revoke": "Tühista õigused",
-            "screenshot": "Tee foto",
+            "screenshot": "Pildista",
             "start_audio_stream": "Käivita audiovoog"
         },
         "cookie_warning": "See vidin võib kasutada küpsiseid.",
diff --git a/src/i18n/strings/fa.json b/src/i18n/strings/fa.json
index 3738aa3b40..46840acf0f 100644
--- a/src/i18n/strings/fa.json
+++ b/src/i18n/strings/fa.json
@@ -66,9 +66,7 @@
         "no": "خیر",
         "ok": "باشه",
         "open": "باز",
-        "pause": "متوقف‌کردن",
         "pin": "سنجاق",
-        "play": "اجرا کردن",
         "quote": "نقل قول",
         "react": "واکنش",
         "refresh": "رفرش",
@@ -1178,17 +1176,6 @@
         "not_found_title_name": "%(roomName)s وجود ندارد.",
         "peek_join_prompt": "شما در حال پیش نمایش %(roomName)s هستید. می خواهید به آن بپیوندید؟",
         "rejoin_button": "دوباره بپیوندید",
-        "status_bar": {
-            "delete_all": "حذف همه",
-            "exceeded_resource_limit": "پیام شما ارسال نشد زیرا این سرور از محدودیت منابع فراتر رفته است. لطفاً برای ادامه استفاده از سرویس <a> با مدیر سرور خود تماس بگیرید </a>.",
-            "monthly_user_limit_reached": "پیام شما ارسال نشد زیرا این سرور به محدودیت تعداد کاربر فعال ماهانه‌ی خود رسیده است. لطفاً برای ادامه استفاده از سرویس <a> با مدیر سرور خود تماس بگیرید </a>.",
-            "requires_consent_agreement": "تا زمانی که <consentLink>شرایط و ضوابط سرویس ما</consentLink> را مطالعه و با آن موافقت نکنید، نمی توانید هیچ پیامی ارسال کنید.",
-            "retry_all": "همه را دوباره امتحان کنید",
-            "select_messages_to_retry": "شما می‌توانید یک یا همه‌ی پیام‌ها را برای تلاش مجدد یا حذف انتخاب کنید",
-            "server_connectivity_lost_description": "پیام‌های ارسالی تا زمان بازگشت اتصال شما ذخیره خواهند ماند.",
-            "server_connectivity_lost_title": "اتصال به سرور از دست رفت.",
-            "some_messages_not_sent": "بعضی از پیام‌های شما ارسال نشده‌اند"
-        },
         "unread_notifications_predecessor": {
             "other": "شما %(count)s اعلان خوانده‌نشده در نسخه‌ی قبلی این اتاق دارید.",
             "one": "شما %(count)s اعلان خوانده‌نشده در نسخه‌ی قبلی این اتاق دارید."
@@ -1343,7 +1330,6 @@
             "enable_encryption_confirm_title": "رمزنگاری را فعال می‌کنید؟",
             "encryption_permanent": "زمانی که رمزنگاری فعال شود، امکان غیرفعال‌کردن آن برای اتاق وجود ندارد.",
             "history_visibility_invited": "فقط اعضاء (از زمانی که دعوت شده‌اند)",
-            "history_visibility_joined": "فقط اعصاء (از زمانی که به اتاق پیوسته‌اند)",
             "history_visibility_legend": "چه افرادی بتوانند تاریخچه اتاق را مشاهده کنند؟",
             "history_visibility_shared": "فقط اعضاء (از زمانی که این تنظیم اعمال می‌شود)",
             "history_visibility_warning": "تغییر تنظیمات اینکه چه کاربرانی سابقه‌ی پیام‌ها را مشاهده کنند، تنها برای پیام‌های آتی اتاق اعمال میشود. پیام‌های قبلی متناسب با تنظیمات گذشته نمایش داده می‌شوند.",
@@ -1776,21 +1762,7 @@
     },
     "thread_view_back_action_label": "بازگشت به موضوع",
     "time": {
-        "about_day_ago": "حدود یک روز قبل",
-        "about_hour_ago": "حدود یک ساعت قبل",
-        "about_minute_ago": "حدود یک دقیقه قبل",
         "date_at_time": "%(date)s ساعت %(time)s",
-        "few_seconds_ago": "چند ثانیه قبل",
-        "in_about_day": "حدود یک روز دیگر",
-        "in_about_hour": "حدود یک ساعت دیگر",
-        "in_about_minute": "حدود یک دقیقه دیگر",
-        "in_few_seconds": "چند ثانیه دیگر",
-        "in_n_days": "%(num)s روز دیگر",
-        "in_n_hours": "%(num)s ساعت دیگر",
-        "in_n_minutes": "%(num)s دقیقه دیگر",
-        "n_days_ago": "%(num)s روز قبل",
-        "n_hours_ago": "%(num)s ساعت قبل",
-        "n_minutes_ago": "%(num)s دقیقه قبل",
         "seconds_left": "%(seconds)s ثانیه باقی‌مانده",
         "short_minutes": "%(value)sم",
         "short_seconds": "%(value)sس"
diff --git a/src/i18n/strings/fi.json b/src/i18n/strings/fi.json
index 32f609f683..42a1ed4d85 100644
--- a/src/i18n/strings/fi.json
+++ b/src/i18n/strings/fi.json
@@ -12,7 +12,6 @@
             "one": "Yksi lukematon maininta."
         },
         "recent_rooms": "Viimeisimmät huoneet",
-        "room_n_unread_invite": "Avaa huoneen %(roomName)s kutsu.",
         "room_name": "Huone %(name)s",
         "room_status_bar": "Huoneen tilapalkki",
         "seek_bar_label": "Äänen siirtymispalkki",
@@ -88,10 +87,7 @@
         "no": "Ei",
         "ok": "OK",
         "open": "Avaa",
-        "open_menu": "Avaa valikko",
-        "pause": "Keskeytä",
         "pin": "Kiinnitä",
-        "play": "Toista",
         "proceed": "Jatka",
         "quote": "Lainaa",
         "react": "Reagoi",
@@ -1417,8 +1413,7 @@
         "mentions_and_keywords_description": "Vastaanota ilmoitukset maininnoista ja asiasanoista <a>asetuksissa</a> määrittämälläsi tavalla",
         "mentions_keywords": "Maininnat ja avainsanat",
         "message_didnt_send": "Viestiä ei lähetetty. Lisätietoa napsauttamalla.",
-        "mute_description": "Et saa ilmoituksia",
-        "mute_room": "Mykistä huone"
+        "mute_description": "Et saa ilmoituksia"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s pyytää varmennusta"
@@ -1738,17 +1733,6 @@
             },
             "this_room_button": "Etsi tästä huoneesta"
         },
-        "status_bar": {
-            "delete_all": "Poista kaikki",
-            "exceeded_resource_limit": "Viestiäsi ei lähetetty, koska tämä kotipalvelin on ylittänyt resurssirajan. <a>Ota yhteyttä palvelun ylläpitäjään</a> jatkaaksesi palvelun käyttämistä.",
-            "monthly_user_limit_reached": "Viestiäsi ei lähetetty, koska tämä kotipalvelin on saavuttanut kuukausittaisten aktiivisten käyttäjien rajan. <a>Ota yhteyttä palvelun ylläpitäjään</a> jatkaaksesi palvelun käyttämistä.",
-            "requires_consent_agreement": "Et voi lähettää viestejä ennen kuin luet ja hyväksyt <consentLink>käyttöehtomme</consentLink>.",
-            "retry_all": "Yritä kaikkia uudelleen",
-            "select_messages_to_retry": "Voit valita kaikki tai yksittäisiä viestejä yritettäväksi uudelleen tai poistettavaksi",
-            "server_connectivity_lost_description": "Lähetetyt viestit tallennetaan kunnes yhteys on taas muodostettu.",
-            "server_connectivity_lost_title": "Yhteys palvelimeen menetettiin.",
-            "some_messages_not_sent": "Osaa viesteistäsi ei ole lähetetty"
-        },
         "unknown_status_code_for_timeline_jump": "tuntematon tilakoodi",
         "unread_notifications_predecessor": {
             "other": "Sinulla on %(count)s lukematonta ilmoitusta huoneen edellisessä versiossa.",
@@ -1774,22 +1758,8 @@
         "add_space_label": "Lisää avaruus",
         "breadcrumbs_empty": "Ei hiljattain vierailtuja huoneita",
         "breadcrumbs_label": "Hiljattain vieraillut huoneet",
-        "empty": {
-            "no_chats": "Ei keskusteluja vielä",
-            "no_chats_description": "Aloita lähettämällä viestejä jollekin henkilölle tai luomalla huone",
-            "no_chats_description_no_room_rights": "Aloita lähettämällä viesti jollekin",
-            "no_favourites": "Sinulla ei ole vielä suosikkikeskustelua",
-            "no_rooms": "Et ole vielä missään huoneessa",
-            "no_unread": "Onnittelut! Sinulla ei ole lukemattomia viestejä",
-            "show_chats": "Näytä kaikki keskustelut"
-        },
         "failed_add_tag": "Tagin %(tagName)s lisääminen huoneeseen epäonnistui",
         "failed_remove_tag": "Tagin %(tagName)s poistaminen huoneesta epäonnistui",
-        "filters": {
-            "favourite": "Suosikit",
-            "people": "Ihmiset",
-            "rooms": "Huoneet"
-        },
         "home_menu_label": "Etusivun valinnat",
         "join_public_room_label": "Liity julkiseen huoneeseen",
         "joining_rooms_status": {
@@ -1798,20 +1768,13 @@
         },
         "list_title": "Huoneluettelo",
         "more_options": {
-            "copy_link": "Kopioi huoneen linkki",
-            "leave_room": "Poistu huoneesta",
-            "mark_read": "Merkitse luetuksi",
-            "mark_unread": "Merkitse lukemattomaksi"
+            "leave_room": "Poistu huoneesta"
         },
         "notification_options": "Ilmoitusasetukset",
-        "open_space_menu": "Avaa avaruusvalikko",
         "redacting_messages_status": {
             "one": "Poistetaan parhaillaan viestejä yhdessä huoneessa",
             "other": "Poistetaan parhaillaan viestejä %(count)s huoneesta"
         },
-        "room": {
-            "open_room": "Avoin huone %(roomName)s"
-        },
         "show_less": "Näytä vähemmän",
         "show_n_more": {
             "one": "Näytä %(count)s lisää",
@@ -1821,13 +1784,7 @@
         "sort_by": "Lajittelutapa",
         "sort_by_activity": "Aktiivisuus",
         "sort_by_alphabet": "A-Ö",
-        "sort_type": {
-            "atoz": "A-Ö"
-        },
         "sort_unread_first": "Näytä ensimmäisenä huoneet, joissa on lukemattomia viestejä",
-        "space_menu": {
-            "space_settings": "Avaruuden asetukset"
-        },
         "space_menu_label": "%(spaceName)s-valikko",
         "sublist_options": "Lajittele",
         "suggested_rooms_heading": "Ehdotetut huoneet"
@@ -1999,7 +1956,6 @@
             "error_join_rule_change_unknown": "Tuntematon virhe",
             "guest_access_warning": "Käyttäjät, joilla on tuettu asiakasohjelma, voivat liittyä huoneeseen ilman rekisteröityä käyttäjätiliä.",
             "history_visibility_invited": "Vain jäsenet (kutsumisestaan lähtien)",
-            "history_visibility_joined": "Vain jäsenet (liittymisestään lähtien)",
             "history_visibility_legend": "Ketkä voivat lukea historiaa?",
             "history_visibility_shared": "Vain jäsenet (tämän valinnan tekemisestä lähtien)",
             "history_visibility_warning": "Muutokset historian lukuoikeuksiin pätevät vain tuleviin viesteihin tässä huoneessa. Nykyisen historian näkyvyys ei muutu.",
@@ -2816,24 +2772,10 @@
         "show_thread_filter": "Näytä:"
     },
     "time": {
-        "about_day_ago": "noin päivä sitten",
-        "about_hour_ago": "noin tunti sitten",
-        "about_minute_ago": "noin minuutti sitten",
         "date_at_time": "%(date)s klo %(time)s",
-        "few_seconds_ago": "muutama sekunti sitten",
         "hours_minutes_seconds_left": "%(hours)s h %(minutes)s m %(seconds)s s jäljellä",
-        "in_about_day": "noin päivä sitten",
-        "in_about_hour": "noin tunti sitten",
-        "in_about_minute": "noin minuutti sitten",
-        "in_few_seconds": "muutama sekunti sitten",
-        "in_n_days": "%(num)s päivää sitten",
-        "in_n_hours": "%(num)s tuntia sitten",
-        "in_n_minutes": "%(num)s minuuttia sitten",
         "left": "%(timeRemaining)s jäljellä",
         "minutes_seconds_left": "%(minutes)s min %(seconds)s s jäljellä",
-        "n_days_ago": "%(num)s päivää sitten",
-        "n_hours_ago": "%(num)s tuntia sitten",
-        "n_minutes_ago": "%(num)s minuuttia sitten",
         "seconds_left": "%(seconds)s s jäljellä",
         "short_days": "%(value)s vrk",
         "short_days_hours_minutes_seconds": "%(days)s pv %(hours)s t %(minutes)s min %(seconds)s s",
@@ -2856,7 +2798,6 @@
         "creation_summary_dm": "%(creator)s loi tämän yksityisviestin.",
         "creation_summary_room": "%(creator)s loi ja määritti huoneen.",
         "decryption_failure": {
-            "historical_event_user_not_joined": "Sinulla ei ole pääsyä tähän viestiin",
             "unable_to_decrypt": "Viestin salausta ei voi purkaa"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -2882,8 +2823,7 @@
         "m.audio": {
             "error_downloading_audio": "Virhe ääntä ladattaessa",
             "error_processing_audio": "Virhe ääniviestiä käsiteltäessä",
-            "error_processing_voice_message": "Virhe ääniviestin käsittelyssä",
-            "unnamed_audio": "Nimetön ääni"
+            "error_processing_voice_message": "Virhe ääniviestin käsittelyssä"
         },
         "m.call": {
             "video_call_ended": "Videopuhelu päättyi",
@@ -3407,7 +3347,6 @@
         "hide_sidebar_button": "Piilota sivupalkki",
         "input_devices": "Sisääntulolaitteet",
         "jitsi_call": "Jitsi-konferenssi",
-        "join_button_tooltip_call_full": "Pahoittelut — tämä puhelu on täynnä",
         "maximise_call": "Suurenna puhelu",
         "metaspace_video_rooms": {
             "conference_room_section": "Konferenssit"
diff --git a/src/i18n/strings/fr.json b/src/i18n/strings/fr.json
index 159f4f450a..d354d07291 100644
--- a/src/i18n/strings/fr.json
+++ b/src/i18n/strings/fr.json
@@ -12,16 +12,6 @@
             "one": "1 mention non lue."
         },
         "recent_rooms": "Salons récents",
-        "room_messsage_not_sent": "Ouvrir le salon %(roomName)s avec un message non envoyé.",
-        "room_n_unread_invite": "Ouvrir l'invitation du salon %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Ouvrir salon %(roomName)s avec 1 message non lu.",
-            "other": "Ouvrir salon %(roomName)s avec %(count)s messages non lus."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Ouvrir salon %(roomName)s avec 1 mention non lue.",
-            "other": "Ouvrir salon %(roomName)s avec %(count)s messages non lus comprenant des mentions."
-        },
         "room_name": "Salon %(name)s",
         "room_status_bar": "Barre de statut du salon",
         "seek_bar_label": "Barre de recherche audio",
@@ -93,17 +83,13 @@
         "maximise": "Maximiser",
         "mention": "Mentionner",
         "minimise": "Minimiser",
-        "new_conversation": "Nouvelle conversation",
         "new_room": "Nouveau salon",
         "new_video_room": "Nouveau salon visio",
         "next": "Suivant",
         "no": "Non",
         "ok": "OK",
         "open": "Ouvrir",
-        "open_menu": "Ouvrir le menu",
-        "pause": "Pause",
         "pin": "Épingler",
-        "play": "Lecture",
         "proceed": "Appliquer",
         "quote": "Citer",
         "react": "Réagir",
@@ -579,6 +565,7 @@
         "someone": "Quelqu’un",
         "space": "Espace",
         "spaces": "Espaces",
+        "state_encryption_enabled": "Chiffrement expérimental de l'état activé",
         "sticker": "Autocollant",
         "stickerpack": "Jeu d’autocollants",
         "success": "Succès",
@@ -686,6 +673,8 @@
         "join_rule_restricted_label": "Tout le monde dans <SpaceName/> pourra trouver et rejoindre ce salon.",
         "name_validation_required": "Veuillez renseigner un nom pour le salon",
         "room_visibility_label": "Visibilité du salon",
+        "state_encrypted_warning": "Active la prise en charge expérimentale du chiffrement des événements d'état, masquant ainsi les métadonnées telles que les noms des salons et les sujets de discussion auprès du serveur. Ces métadonnées seront également masquées pour les personnes rejoignant les salons ultérieurement, ainsi que pour les applications ne prennant pas en charge MSC4362.",
+        "state_encryption_label": "Événements d'état du chiffrement",
         "title_private_room": "Créer un salon privé",
         "title_public_room": "Créer un salon public",
         "title_video_room": "Créer un salon visio",
@@ -846,6 +835,7 @@
         "number_of_users": "Nombre d’utilisateurs",
         "only_joined_members": "Seuls les utilisateurs membres",
         "original_event_source": "Évènement source original",
+        "restore_from_backup": "Restaurer depuis la sauvegarde",
         "room_encrypted": "Le salon est <strong>chiffré ✅</strong>",
         "room_id": "Identifiant du salon : %(roomId)s",
         "room_not_encrypted": "Le salon <strong>n’est pas chiffré 🚨</strong>",
@@ -955,6 +945,7 @@
         "bootstrap_title": "Configuration des clés",
         "confirm_encryption_setup_body": "Cliquez sur le bouton ci-dessous pour confirmer la configuration du chiffrement.",
         "confirm_encryption_setup_title": "Confirmer la configuration du chiffrement",
+        "continue_with_reset": "Continuer avec la réinitialisation",
         "cross_signing_room_normal": "Ce salon est chiffré de bout en bout",
         "cross_signing_room_verified": "Tout le monde dans ce salon est vérifié",
         "cross_signing_room_warning": "Quelqu’un utilise une session inconnue",
@@ -970,10 +961,12 @@
         "event_shield_reason_unverified_identity": "Chiffré par un utilisateur non vérifié.",
         "export_unsupported": "Votre navigateur ne prend pas en charge les extensions cryptographiques nécessaires",
         "forgot_recovery_key": "Clé de récupération oubliée ?",
+        "identity_needs_reset_description": "Vous devez réinitialiser votre identité cryptographique pour garantir l'accès à votre historique de messages.",
         "import_invalid_keyfile": "Fichier de clé %(brand)s non valide",
         "import_invalid_passphrase": "Erreur d’authentification : mot de passe incorrect ?",
         "key_storage_out_of_sync": "Le stockage de vos clés n'est pas synchronisé.",
         "key_storage_out_of_sync_description": "Confirmez votre clé de récupération pour conserver l’accès à votre stockage de clés et à l’historique des messages.",
+        "message_shared_by": "%(displayName)s(%(userId)s ) a partagé ce message car vous n'étiez pas dans le salon lors de son envoi.",
         "messages_not_secure": {
             "cause_1": "Votre serveur d’accueil",
             "cause_2": "Le serveur d’accueil auquel l’utilisateur que vous vérifiez est connecté",
@@ -1505,7 +1498,6 @@
         "ask_to_join": "Activer demander à venir",
         "automatic_debug_logs": "Envoyer automatiquement les journaux de débogage en cas d’erreur",
         "automatic_debug_logs_decryption": "Envoyer automatiquement les journaux de débogage en cas d’erreurs de déchiffrement",
-        "automatic_debug_logs_key_backup": "Envoyer automatiquement les journaux de débogage lorsque la sauvegarde des clés ne fonctionne pas",
         "beta_description": "Que va-t-il se passer dans %(brand)s ? La section expérimentale est la meilleure manière d’avoir des choses en avance, tester les nouvelles fonctionnalités et d’aider à les affiner avant leur lancement officiel.",
         "beta_feature": "Il s'agit d'une fonctionnalité bêta",
         "beta_feedback_leave_button": "Pour quitter la bêta, consultez les paramètres.",
@@ -1522,6 +1514,8 @@
         "dynamic_room_predecessors": "Prédécesseurs de salon dynamique",
         "dynamic_room_predecessors_description": "Active MSC3946 (pour prendre en charge les archives de salon après création)",
         "element_call_video_rooms": "Salons vidéo Element Call",
+        "encrypted_state_events": "Événements d'état chiffrés (MSC4362)",
+        "encrypted_state_events_description": "Active la prise en charge expérimentale du chiffrement des événements d'état, masquant ainsi les métadonnées telles que les noms des salons et les sujets de discussion auprès du serveur. Ces métadonnées seront également masquées pour les personnes rejoignant les salons ultérieurement, ainsi que pour les applications ne prennant pas en charge MSC4362.",
         "exclude_insecure_devices": "Exclure les appareils non sécurisés lors de l'envoi/de la réception de messages",
         "exclude_insecure_devices_description": "Lorsque ce mode est activé, les messages chiffrés ne seront pas partagés avec des appareils non vérifiés et les messages provenant d'appareils non vérifiés seront affichés comme une erreur. Notez que si vous activez ce mode, il se peut que vous ne puissiez pas communiquer avec les utilisateurs qui n'ont pas vérifié leurs appareils.",
         "experimental_description": "Envie d’expériences ? Essayez nos dernières idées en développement. Ces fonctionnalités ne sont pas terminées ; elles peuvent changer, être instables, ou être complètement abandonnées. <a>En savoir plus</a>.",
@@ -1713,7 +1707,6 @@
         "class_global": "Global",
         "class_other": "Autre",
         "default": "Par défaut",
-        "default_settings": "Correspondre aux paramètres par défaut",
         "email_pusher_app_display_name": "Notifications par courriel",
         "enable_prompt_toast_description": "Activer les notifications sur le bureau",
         "enable_prompt_toast_title": "Notifications",
@@ -1732,8 +1725,7 @@
         "mentions_and_keywords_description": "Recevoir des notifications uniquement pour les mentions et mot-clés comme défini dans vos <a>paramètres</a>",
         "mentions_keywords": "Mentions et mots-clés",
         "message_didnt_send": "Le message n’a pas été envoyé. Cliquer pour plus d’info.",
-        "mute_description": "Vous n’aurez aucune notification",
-        "mute_room": "Rendre le salon muet"
+        "mute_description": "Vous n’aurez aucune notification"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s demande une vérification"
@@ -1988,7 +1980,6 @@
         "dm_invite_title": "Voulez-vous discuter avec %(user)s ?",
         "drop_file_prompt": "Glisser le fichier ici pour l’envoyer",
         "edit_topic": "Modifier le sujet",
-        "error_3pid_invite_email_lookup": "Impossible de trouver un utilisateur avec son courriel",
         "error_cancel_knock_title": "Erreur lors de l’annulation",
         "error_join_403": "Vous avez besoin d’une invitation pour accéder à ce salon.",
         "error_join_404_1": "Vous avez essayé de rejoindre à l’aide de l’ID du salon sans fournir une liste de serveurs pour l’atteindre. Les IDs de salons sont des identifiants internes et ne peuvent être utilisés pour rejoindre un salon sans informations complémentaires.",
@@ -2020,6 +2011,8 @@
         "forget_room": "Oublier ce salon",
         "forget_space": "Oublier cet espace",
         "header": {
+            "join_video_call": "Rejoindre l'appel vidéo",
+            "join_voice_call": "Rejoindre l'appel vocal",
             "n_people_asking_to_join": {
                 "one": "Demander à rejoindre",
                 "other": "%(count)s personnes demandant à se joindre"
@@ -2119,19 +2112,6 @@
             },
             "this_room_button": "Rechercher dans ce salon"
         },
-        "status_bar": {
-            "delete_all": "Tout supprimer",
-            "exceeded_resource_limit": "Votre message n’a pas été envoyé car ce serveur d’accueil a dépassé une de ses limites de ressources. Veuillez <a>contacter l’administrateur de votre service</a> pour continuer à l’utiliser.",
-            "history_visible": "Ce salon a été configuré afin que les nouveaux membres puissent lire l'historique.<a> En savori plus</a>",
-            "homeserver_blocked": "Votre message n’a pas été envoyé car ce serveur d’accueil a été bloqué par son administrateur. Veuillez <a>contacter l’administrateur de votre service</a> pour continuer à l’utiliser.",
-            "monthly_user_limit_reached": "Votre message n’a pas été envoyé car le serveur d’accueil a atteint sa limite mensuelle d’utilisateurs. Veuillez <a>contacter l’administrateur de votre service</a> pour continuer à l’utiliser.",
-            "requires_consent_agreement": "Vous ne pouvez voir aucun message tant que vous ne lisez et n’acceptez pas nos <consentLink>conditions générales</consentLink>.",
-            "retry_all": "Tout renvoyer",
-            "select_messages_to_retry": "Vous pouvez choisir de renvoyer ou supprimer tous les messages ou seulement certains",
-            "server_connectivity_lost_description": "Les messages envoyés seront stockés jusqu’à ce que votre connexion revienne.",
-            "server_connectivity_lost_title": "La connexion au serveur a été perdue.",
-            "some_messages_not_sent": "Certains de vos messages n’ont pas été envoyés"
-        },
         "unknown_status_code_for_timeline_jump": "code de statut inconnu",
         "unread_notifications_predecessor": {
             "other": "Vous avez %(count)s notifications non lues dans une version précédente de ce salon.",
@@ -2159,37 +2139,9 @@
         "add_space_label": "Ajouter un espace",
         "breadcrumbs_empty": "Aucun salon visité récemment",
         "breadcrumbs_label": "Salons visités récemment",
-        "collapse_filters": "Réduire la liste des filtres",
-        "empty": {
-            "no_chats": "Pas encore de discussions",
-            "no_chats_description": "Commencez par envoyer un message à quelqu'un ou en créant un salon",
-            "no_chats_description_no_room_rights": "Commencez par envoyer un message à quelqu'un",
-            "no_favourites": "Vous n'avez pas encore de discussion favorite",
-            "no_favourites_description": "Vous pouvez ajouter une discussion à vos favoris dans les paramètres de discussion",
-            "no_invites": "Vous n'avez aucune invitation non lue",
-            "no_lowpriority": "Vous n'avez aucun salon avec une priorité basse",
-            "no_mentions": "Vous n'avez aucune mention non lue",
-            "no_people": "Vous n'avez encore de discussions",
-            "no_people_description": "Veuillez désélectionner des filtres pour voir vos discussions",
-            "no_rooms": "Vous n’êtes membre d’aucun salon",
-            "no_rooms_description": "Veuillez désélectionner des filtres pour voir vos discussions",
-            "no_unread": "Félicitations ! Vous n'avez aucun message non lu",
-            "show_activity": "Voir toutes les activités",
-            "show_chats": "Afficher toutes les discussions"
-        },
-        "expand_filters": "Développer la liste des filtres",
         "failed_add_tag": "Échec de l’ajout de l’étiquette %(tagName)s au salon",
         "failed_remove_tag": "Échec de la suppression de l’étiquette %(tagName)s du salon",
         "failed_set_dm_tag": "Échec de l’ajout de l’étiquette de conversation privée",
-        "filters": {
-            "favourite": "Favoris",
-            "invites": "Invitations",
-            "low_priority": "Priorité basse",
-            "mentions": "Mentions",
-            "people": "Personnes",
-            "rooms": "Salons",
-            "unread": "Non-lus"
-        },
         "home_menu_label": "Options de l’accueil",
         "join_public_room_label": "Rejoindre le salon public",
         "joining_rooms_status": {
@@ -2198,44 +2150,23 @@
         },
         "list_title": "Liste de salons",
         "more_options": {
-            "copy_link": "Copier le lien du salon",
-            "favourited": "Favorisé",
-            "leave_room": "Quitter le salon",
-            "low_priority": "Priorité basse",
-            "mark_read": "Marquer comme lu",
-            "mark_unread": "Marquer comme non lu"
+            "leave_room": "Quitter le salon"
         },
         "notification_options": "Paramètres de notifications",
-        "open_space_menu": "Ouvrir le menu de l’espace",
-        "primary_filters": "Filtre de la liste des salons",
         "redacting_messages_status": {
             "one": "Actuellement en train de supprimer les messages dans %(count)s salon",
             "other": "Actuellement en train de supprimer les messages dans %(count)s salons"
         },
-        "room": {
-            "more_options": "Plus d’options",
-            "open_room": "Ouvrir salon %(roomName)s"
-        },
-        "room_options": "Options du salon",
         "show_less": "En voir moins",
         "show_n_more": {
             "other": "En afficher %(count)s de plus",
             "one": "En afficher %(count)s de plus"
         },
         "show_previews": "Afficher un aperçu des messages",
-        "sort": "Trier",
         "sort_by": "Trier par",
         "sort_by_activity": "Activité",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "Activité",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Afficher les salons non lus en premier",
-        "space_menu": {
-            "home": "Accueil de l’espace",
-            "space_settings": "Paramètres de l'espace"
-        },
         "space_menu_label": "Menu %(spaceName)s",
         "sublist_options": "Options de liste",
         "suggested_rooms_heading": "Salons recommandés"
@@ -2421,11 +2352,10 @@
             "error_join_rule_change_unknown": "Erreur inconnue",
             "guest_access_warning": "Les personnes utilisant un client pris en charge pourront rejoindre le salon sans compte.",
             "history_visibility_invited": "Seulement les membres (depuis leur invitation)",
-            "history_visibility_joined": "Seulement les membres (depuis leur arrivée)",
             "history_visibility_legend": "Qui peut lire l’historique ?",
-            "history_visibility_shared": "Seulement les membres (depuis la sélection de cette option)",
-            "history_visibility_warning": "La visibilité de l’historique existant ne sera pas modifiée.",
-            "history_visibility_world_readable": "N’importe qui",
+            "history_visibility_shared": "Membres (historique complet)",
+            "history_visibility_warning": "Les changements n'affecteront pas les messages passés, juste les nouveaux. <a>En savoir plus</a>",
+            "history_visibility_world_readable": "Tout le monde (l'historique est public)",
             "join_rule_description": "Choisir qui peut rejoindre %(roomName)s.",
             "join_rule_invite": "Privé (sur invitation)",
             "join_rule_invite_description": "Seules les personnes invitées peuvent venir.",
@@ -3383,24 +3313,10 @@
         "no_rooms_with_unread_threads": "Vous n'avez pas encore de salons contenant des fils de discussion non lus."
     },
     "time": {
-        "about_day_ago": "il y a environ un jour",
-        "about_hour_ago": "il y a environ une heure",
-        "about_minute_ago": "il y a environ une minute",
         "date_at_time": "%(date)s à %(time)s",
-        "few_seconds_ago": "il y a quelques secondes",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
-        "in_about_day": "dans un jour environ",
-        "in_about_hour": "dans une heure environ",
-        "in_about_minute": "dans une minute environ",
-        "in_few_seconds": "dans quelques secondes",
-        "in_n_days": "dans %(num)s jours",
-        "in_n_hours": "dans %(num)s heures",
-        "in_n_minutes": "dans %(num)s minutes",
         "left": "%(timeRemaining)s restant",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
-        "n_days_ago": "il y a %(num)s jours",
-        "n_hours_ago": "il y a %(num)s heures",
-        "n_minutes_ago": "il y a %(num)s minutes",
         "seconds_left": "%(seconds)s secondes restantes",
         "short_days": "%(value)sj",
         "short_days_hours_minutes_seconds": "%(days)sj %(hours)sh %(minutes)sm %(seconds)ss",
@@ -3424,12 +3340,7 @@
         "creation_summary_dm": "%(creator)s a créé cette conversation privée.",
         "creation_summary_room": "%(creator)s a créé et configuré le salon.",
         "decryption_failure": {
-            "blocked": "L'expéditeur vous a empêché de recevoir ce message car votre appareil n'est pas vérifié",
-            "historical_event_no_key_backup": "L'historique des messages n'est pas disponible sur cet appareil",
-            "historical_event_unverified_device": "Vous devez vérifier cet appareil pour accéder à l'historique des messages",
-            "historical_event_user_not_joined": "Vous n'avez pas accès à ce message",
             "sender_identity_previously_verified": "L'identité vérifiée de l'expéditeur a changé",
-            "sender_unsigned_device": "Envoyé depuis un appareil non sécurisé.",
             "unable_to_decrypt": "Impossible de déchiffrer le message"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3455,11 +3366,9 @@
             "unable_to_find": "Un instant donné du fil de discussion n’a pu être chargé car il n’a pas pu être trouvé."
         },
         "m.audio": {
-            "audio_player": "Lecteur audio",
             "error_downloading_audio": "Erreur lors du téléchargement de l’audio",
             "error_processing_audio": "Erreur lors du traitement du message audio",
-            "error_processing_voice_message": "Erreur lors du traitement du message vocal",
-            "unnamed_audio": "Audio sans nom"
+            "error_processing_voice_message": "Erreur lors du traitement du message vocal"
         },
         "m.beacon_info": {
             "view_live_location": "Voir la position en direct"
@@ -3554,6 +3463,7 @@
             "enabled_dm": "Les messages ici sont chiffrés de bout en bout. Vérifiez %(displayName)s dans son profil - cliquez sur son image de profil.",
             "enabled_local": "Les messages de cette conversation seront chiffrés de bout en bout.",
             "parameters_changed": "Certains paramètres de chiffrement ont été changés.",
+            "state_enabled": "Les messages et les événements de ce salon sont chiffrés de bout en bout. Lorsque des personnes rejoignent le salon, vous pouvez les vérifier dans leur profil en cliquant sur leur photo de profil.",
             "unsupported": "Le chiffrement utilisé par ce salon n’est pas pris en charge."
         },
         "m.room.guest_access": {
@@ -4033,7 +3943,6 @@
         "hide_sidebar_button": "Masquer la barre latérale",
         "input_devices": "Périphériques d’entrée",
         "jitsi_call": "Conférence Jitsi",
-        "join_button_tooltip_call_full": "Désolé — Cet appel est actuellement complet",
         "legacy_call": "Appel vidéo",
         "maximise": "Remplir l’écran",
         "maximise_call": "Plein écran",
diff --git a/src/i18n/strings/gl.json b/src/i18n/strings/gl.json
index ea7522a155..4d6b789e00 100644
--- a/src/i18n/strings/gl.json
+++ b/src/i18n/strings/gl.json
@@ -77,8 +77,6 @@
         "next": "Seguinte",
         "no": "Non",
         "open": "Abrir",
-        "pause": "Deter",
-        "play": "Reproducir",
         "quote": "Cita",
         "react": "Reacciona",
         "refresh": "Actualizar",
@@ -1093,7 +1091,6 @@
     "labs": {
         "automatic_debug_logs": "Enviar automáticamente rexistros de depuración para calquera fallo",
         "automatic_debug_logs_decryption": "Envía automáticamente rexistro de depuración se hai erros no cifrado",
-        "automatic_debug_logs_key_backup": "Enviar automáticamente rexistros de depuración cando a chave da copia de apoio non funcione",
         "beta_feature": "Esta é unha característica beta",
         "beta_feedback_leave_button": "Para saír da beta, vai aos axustes.",
         "beta_feedback_title": "Informe sobre %(featureName)s Beta",
@@ -1511,18 +1508,6 @@
         "peek_join_prompt": "Vista previa de %(roomName)s. Queres unirte?",
         "read_topic": "Preme para ler o tema",
         "rejoin_button": "Volta a unirte",
-        "status_bar": {
-            "delete_all": "Eliminar todo",
-            "exceeded_resource_limit": "A súa mensaxe non foi enviada porque o servidor superou o límite de recursos. Por favor <a>contacte coa administración do servizo</a> para continuar utilizando o servizo.",
-            "homeserver_blocked": "A mensaxe non se enviou porque este servidor de inicio foi bloqueado pola súa administración. <a>Contacta coa túa administración</a> para continuar utilizando este servizo.",
-            "monthly_user_limit_reached": "A súa mensaxe non foi enviada porque este servidor acadou o Límite Mensual de Usuaria Activa. Por favor <a>contacte coa administración do servizo</a> para continuar utilizando o servizo.",
-            "requires_consent_agreement": "Non vas poder enviar mensaxes ata que revises e aceptes <consentLink>os nosos termos e condicións</consentLink>.",
-            "retry_all": "Reintentar todo",
-            "select_messages_to_retry": "Podes elexir todo ou mensaxes individuais para reintentar ou eliminar",
-            "server_connectivity_lost_description": "As mensaxes enviadas gardaranse ate que retome a conexión.",
-            "server_connectivity_lost_title": "Perdeuse a conexión ao servidor.",
-            "some_messages_not_sent": "Algunha das túas mensaxes non se enviou"
-        },
         "unread_notifications_predecessor": {
             "other": "Tes %(count)s notificacións non lidas nunha versión previa desta sala.",
             "one": "Tes %(count)s notificacións non lidas nunha versión previa desta sala."
@@ -1731,7 +1716,6 @@
             "error_join_rule_change_unknown": "Fallo descoñecido",
             "guest_access_warning": "As persoas con clientes habilitados poderán unirse a sala sen ter que posuir unha conta rexistrada.",
             "history_visibility_invited": "Só participantes (desde que foron convidadas)",
-            "history_visibility_joined": "Só participantes (desde que se uniron)",
             "history_visibility_legend": "Quen pode ler o histórico?",
             "history_visibility_shared": "Só participantes (desde o momento en que se selecciona esta opción)",
             "history_visibility_warning": "Os cambios sobre quen pode ler o historial só se aplicarán as mensaxes futuras nesta sala. A visibilidade do historial precedente non cambiará.",
@@ -2376,24 +2360,10 @@
         "show_thread_filter": "Mostrar:"
     },
     "time": {
-        "about_day_ago": "onte",
-        "about_hour_ago": "fai unha hora",
-        "about_minute_ago": "fai un minuto",
         "date_at_time": "%(date)s ás %(time)s",
-        "few_seconds_ago": "fai uns segundos",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
-        "in_about_day": "foi onte",
-        "in_about_hour": "fará unha hora",
-        "in_about_minute": "haberá un minuto",
-        "in_few_seconds": "hai só uns segundos",
-        "in_n_days": "fará %(num)s días",
-        "in_n_hours": "fará %(num)s horas",
-        "in_n_minutes": "fará %(num)s minutos",
         "left": "%(timeRemaining)s restante",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
-        "n_days_ago": "fai %(num)s días",
-        "n_hours_ago": "fai %(num)s horas",
-        "n_minutes_ago": "fai %(num)s minutos",
         "seconds_left": "%(seconds)ss restantes"
     },
     "timeline": {
@@ -2428,8 +2398,7 @@
         "m.audio": {
             "error_downloading_audio": "Erro ao descargar o audio",
             "error_processing_audio": "Erro ao procesar a mensaxe de audio",
-            "error_processing_voice_message": "Erro ao procesar a mensaxe de voz",
-            "unnamed_audio": "Audio sen nome"
+            "error_processing_voice_message": "Erro ao procesar a mensaxe de voz"
         },
         "m.beacon_info": {
             "view_live_location": "Ver localización en directo"
diff --git a/src/i18n/strings/he.json b/src/i18n/strings/he.json
index 0b7f1986de..f7dac65e3f 100644
--- a/src/i18n/strings/he.json
+++ b/src/i18n/strings/he.json
@@ -1243,13 +1243,6 @@
         "not_found_title_name": "%(roomName)s לא קיים.",
         "peek_join_prompt": "אתם צופים ב־%(roomName)s. האם תרצו להצטרף?",
         "rejoin_button": "הצטרפות מחדש",
-        "status_bar": {
-            "exceeded_resource_limit": "ההודעה שלך לא נשלחה מכיוון ששרת הבית הזה חרג ממגבלת המשאבים. אנא <a> פנה למנהל השירות שלך </a> כדי להמשיך להשתמש בשירות.",
-            "monthly_user_limit_reached": "ההודעה שלך לא נשלחה מכיוון ששרת הבתים הזה הגיע למגבלת המשתמשים הפעילים החודשיים שלה. אנא <a> פנה למנהל השירות שלך </a> כדי להמשיך להשתמש בשירות.",
-            "requires_consent_agreement": "אינך יכול לשלוח שום הודעה עד שתבדוק ותסכים ל <consentLink> התנאים וההגבלות שלנו </consentLink>.",
-            "server_connectivity_lost_description": "הודעות שנשלחו יאוחסנו עד שהחיבור שלך יחזור.",
-            "server_connectivity_lost_title": "הקישוריות לשרת אבדה."
-        },
         "unread_notifications_predecessor": {
             "one": "יש לך %(count)s הודעה שלא נקראה בגירסה קודמת של חדר זה.",
             "other": "יש לך %(count)s הודעות שלא נקראו בגרסה קודמת של חדר זה."
@@ -1428,7 +1421,6 @@
             "error_join_rule_change_unknown": "כשל לא ידוע",
             "guest_access_warning": "אורחים בעלי תוכנת התחברות מתאימה יוכלו להצטרף לחדר גם אם אין להם חשבון משתמש.",
             "history_visibility_invited": "חברים בלבד (מאז שהוזמנו)",
-            "history_visibility_joined": "חברים בלבד (מאז שהצטרפו)",
             "history_visibility_legend": "למי מותר לקרוא הסטוריה?",
             "history_visibility_shared": "חברים בלבד (מרגע בחירת אפשרות זו)",
             "history_visibility_warning": "שינויים במי שיכול לקרוא היסטוריה יחולו רק על הודעות עתידיות בחדר זה. נראות ההיסטוריה הקיימת לא תשתנה.",
@@ -1938,23 +1930,9 @@
         "show_thread_filter": "הצג:"
     },
     "time": {
-        "about_day_ago": "בערך לפני יום",
-        "about_hour_ago": "בערך לפני כשעה",
-        "about_minute_ago": "לפני בערך דקה",
         "date_at_time": "%(date)s בשעה %(time)s",
-        "few_seconds_ago": "לפני מספר שניות",
         "hours_minutes_seconds_left": "נשארו %(hours)s שעות, %(minutes)s דקות ו-%(seconds)s שניות",
-        "in_about_day": "בערך בעוד יום מעכשיו",
-        "in_about_hour": "בערך בעוד כשעה",
-        "in_about_minute": "בערך עוד דקה אחת",
-        "in_few_seconds": "בעוד מספר שניות מעכשיו",
-        "in_n_days": "בעוד %(num)s ימים מעכשיו",
-        "in_n_hours": "בעוד %(num)s שעות",
-        "in_n_minutes": "בעוד %(num)s דקות",
         "minutes_seconds_left": "נשארו %(minutes)s דקות ו-%(seconds)s שניות",
-        "n_days_ago": "לפני %(num)s ימים",
-        "n_hours_ago": "לפני %(num)s שעות",
-        "n_minutes_ago": "לפני %(num)s דקות",
         "seconds_left": "נשארו %(seconds)s שניות",
         "short_days": "%(value)s ימים",
         "short_hours": "%(value)s שעות",
diff --git a/src/i18n/strings/hr.json b/src/i18n/strings/hr.json
new file mode 100644
index 0000000000..6702fbaf09
--- /dev/null
+++ b/src/i18n/strings/hr.json
@@ -0,0 +1,4259 @@
+{
+    "a11y": {
+        "emoji_picker": "Birač emotikona",
+        "jump_first_invite": "Skoči na prvu pozivnicu.",
+        "message_composer": "Sastavljač poruka",
+        "n_unread_messages": {
+            "one": "1 nepročitana poruka.",
+            "few": "%(count)s nepročitane poruke.",
+            "other": "%(count)s nepročitanih poruka."
+        },
+        "n_unread_messages_mentions": {
+            "one": "1 nepročitano spominjanje.",
+            "few": "%(count)s nepročitane poruke, uključujući spominjanja.",
+            "other": "%(count)s nepročitanih poruka, uključujući spominjanja."
+        },
+        "recent_rooms": "Nedavne sobe",
+        "room_name": "Soba %(name)s",
+        "room_status_bar": "Traka statusa sobe",
+        "seek_bar_label": "Traka za traženje zvuka",
+        "unread_messages": "Nepročitane poruke.",
+        "user_menu": "Korisnički izbornik"
+    },
+    "a11y_jump_first_unread_room": "Skoči na prvu sobu s nepročitanim porukama.",
+    "action": {
+        "accept": "Prihvati",
+        "add": "Dodaj",
+        "add_existing_room": "Dodaj postojeću sobu",
+        "add_people": "Dodaj osobe",
+        "apply": "Primijeni",
+        "approve": "Odobri",
+        "ask_to_join": "Zatraži pridruživanje",
+        "back": "Natrag",
+        "call": "Poziv",
+        "cancel": "Otkazati",
+        "change": "Promijeni",
+        "clear": "Očisti",
+        "click": "Klikni",
+        "click_to_copy": "Klikni za kopiranje",
+        "close": "Zatvori",
+        "collapse": "Sažmi",
+        "complete": "Dovršeno",
+        "confirm": "Potvrdi",
+        "continue": "Nastavi",
+        "copy": "Kopirati",
+        "copy_link": "Kopiraj poveznicu",
+        "create": "Izradi",
+        "create_a_room": "Napravi sobu",
+        "create_account": "Izradi račun",
+        "decline": "Odbij",
+        "decline_and_block": "Odbij i blokiraj",
+        "decline_invite": "Odbij pozivnicu",
+        "delete": "Izbriši",
+        "deny": "Uskrati",
+        "disable": "Onemogući",
+        "disconnect": "Prekini vezu",
+        "dismiss": "Odbaci",
+        "done": "Gotovo",
+        "download": "Preuzmi",
+        "edit": "Uredi",
+        "enable": "Omogući",
+        "enter_fullscreen": "Otvori prikaz preko cijelog zaslona",
+        "exit_fullscreeen": "Iziđi iz prikaza preko cijelog zaslona",
+        "expand": "Proširi",
+        "explore_public_rooms": "Pretražuj javne sobe",
+        "explore_rooms": "Pretražuj sobe",
+        "export": "Izvoz",
+        "forward": "Proslijedi",
+        "go": "Idi",
+        "go_back": "Idi natrag",
+        "got_it": "Shvaćam",
+        "hide": "Sakrij",
+        "hide_advanced": "Sakrij napredno",
+        "hold": "Čekanje",
+        "ignore": "Ignoriraj",
+        "import": "Uvezi",
+        "invite": "Pozovi",
+        "invite_to_space": "Pozovi u prostor",
+        "invites_list": "Pozivnice",
+        "join": "Pridruži se",
+        "learn_more": "Saznajte više",
+        "leave": "Napusti",
+        "leave_room": "Napusti sobu",
+        "logout": "Odjava",
+        "manage": "Upravljanje",
+        "maximise": "Maksimiziraj",
+        "mention": "Spomeni",
+        "minimise": "Minimiziraj",
+        "new_room": "Nova soba",
+        "new_video_room": "Nova videosoba",
+        "next": "Dalje",
+        "no": "Ne",
+        "ok": "U redu",
+        "open": "Otvori",
+        "pin": "Prikvači",
+        "proceed": "Nastavi",
+        "quote": "Citiraj",
+        "react": "Reagiraj",
+        "refresh": "Osvježi",
+        "register": "Registriraj se",
+        "reload": "Ponovno učitaj",
+        "remove": "Ukloni",
+        "rename": "Preimenuj",
+        "reply": "Odgovori",
+        "reply_in_thread": "Odgovori u niti",
+        "report_content": "Prijavi sadržaj",
+        "report_room": "Prijavi sobu",
+        "resend": "Ponovno pošalji",
+        "reset": "Poništi",
+        "resume": "Nastavi",
+        "retry": "Pokušaj ponovno",
+        "review": "Pregled",
+        "revoke": "Opozovi",
+        "save": "Spremi",
+        "search": "Pretraži",
+        "send_report": "Pošalji izvješće",
+        "set_avatar": "Postavi profilnu sliku",
+        "share": "Podijeli",
+        "show": "Pokaži",
+        "show_advanced": "Prikaži napredno",
+        "show_all": "Pokaži sve",
+        "sign_in": "Prijava",
+        "sign_out": "Odjava",
+        "skip": "Preskoči",
+        "start": "Započni",
+        "start_chat": "Započni razgovor",
+        "start_new_chat": "Započni novi razgovor",
+        "stop": "Zaustavi",
+        "submit": "Pošalji",
+        "subscribe": "Pretplati se",
+        "transfer": "Prijenos",
+        "trust": "Vjeruj",
+        "try_again": "Pokušaj ponovo",
+        "unban": "Poništi zabranu",
+        "unignore": "Poništi ignoriranje",
+        "unpin": "Otkvači",
+        "unsubscribe": "Otkaži pretplatu",
+        "update": "Ažuriraj",
+        "upgrade": "Nadogradi",
+        "upload": "Prenesi",
+        "upload_file": "Prenesi datoteku",
+        "verify": "Potvrdi",
+        "view": "Prikaz",
+        "view_all": "Prikaži sve",
+        "view_list": "Prikaži popis",
+        "view_message": "Prikaži poruku",
+        "view_source": "Prikaži izvor",
+        "yes": "Da",
+        "yes_dismiss": "Da, odbaci",
+        "zoom_in": "Povećaj",
+        "zoom_out": "Smanji"
+    },
+    "analytics": {
+        "accept_button": "To je u redu",
+        "bullet_1": "Mi <Bold>ne</Bold> bilježimo niti profiliramo nijedan podatak o računu",
+        "bullet_2": "Mi <Bold>ne</Bold> dijelimo podatke s trećim stranama",
+        "consent_migration": "Prethodno ste pristali dijeliti anonimne podatke o korištenju s nama. Ažuriramo kako to funkcionira.",
+        "disable_prompt": "To možete isključiti u bilo kojem trenutku u postavkama",
+        "enable_prompt": "Pomozite poboljšati %(analyticsOwner)s",
+        "learn_more": "Podijelite anonimne podatke s nama kako biste nam pomogli u identificiranju problema. Ne osobne podatke. Nema trećih strana.<LearnMoreLink>Saznajte više</LearnMoreLink>",
+        "privacy_policy": "Sve naše uvjete možete pročitati <PrivacyPolicyUrl>ovdje</PrivacyPolicyUrl>",
+        "pseudonymous_usage_data": "Pomozite nam da prepoznamo probleme i poboljšamo %(analyticsOwner)s dijeljenjem anonimnih podataka o korištenju. Kako bismo razumjeli kako ljudi koriste više uređaja, generirat ćemo nasumični identifikator koji dijele vaši uređaji.",
+        "shared_data_heading": "Mogu se podijeliti bilo koji od sljedećih podataka:"
+    },
+    "auth": {
+        "3pid_in_use": "Ta e-adresa ili telefonski broj već su u upotrebi.",
+        "account_clash": "Vaš je novi račun (%(newAccountId)s) registriran, ali već ste prijavljeni na drugi račun (%(loggedInUserId)s).",
+        "account_clash_previous_account": "Nastavite s prethodnim računom",
+        "account_deactivated": "Ovaj je račun deaktiviran.",
+        "autodiscovery_generic_failure": "Nije uspjelo dohvaćanje konfiguracije automatskog otkrivanja s poslužitelja",
+        "autodiscovery_hs_incompatible": "Vaš je matični poslužitelj prestar i ne podržava minimalnu potrebnu inačicu API-ja. Obratite se vlasniku poslužitelja ili nadogradite svoj poslužitelj.",
+        "autodiscovery_invalid": "Nevažeći odgovor na otkrivanje matičnog poslužitelja",
+        "autodiscovery_invalid_hs": "URL matičnog poslužitelja ne čini se valjanim Matrixovim matičnim poslužiteljem",
+        "autodiscovery_invalid_hs_base_url": "Nevažeći base_url za m.homeserver",
+        "autodiscovery_invalid_is": "URL poslužitelja identiteta ne čini se valjanim poslužiteljem identiteta",
+        "autodiscovery_invalid_is_base_url": "Nevažeći base_url za m.identity_server",
+        "autodiscovery_invalid_is_response": "Nevažeći odgovor na otkrivanje poslužitelja identiteta",
+        "autodiscovery_invalid_json": "Nevažeći JSON",
+        "autodiscovery_no_well_known": "Nije pronađena .well-known JSON datoteka",
+        "autodiscovery_unexpected_error_hs": "Neočekivana pogreška prilikom određivanja konfiguracije matičnog poslužitelja",
+        "autodiscovery_unexpected_error_is": "Neočekivana pogreška prilikom određivanja konfiguracije poslužitelja identiteta",
+        "captcha_description": "Ovaj matični poslužitelj želi biti siguran da niste robot.",
+        "change_password_action": "Promijeni zaporku",
+        "change_password_confirm_invalid": "Zaporke se ne podudaraju",
+        "change_password_confirm_label": "Potvrdi zaporku",
+        "change_password_current_label": "Trenutačna zaporka",
+        "change_password_empty": "Okviri zaporki ne mogu biti prazni",
+        "change_password_error": "Pogreška prilikom promjene zaporke: %(error)s",
+        "change_password_mismatch": "Nove zaporke se ne podudaraju",
+        "change_password_new_label": "Nova zaporka",
+        "check_email_explainer": "Pridržavajte se uputa koje su poslane na <b></b>%(email)s",
+        "check_email_resend_prompt": "Niste je primili?",
+        "check_email_resend_tooltip": "Ponovno je poslana e-poruka s poveznicom za potvrdu!",
+        "check_email_wrong_email_button": "Ponovno unesite e-adresu",
+        "check_email_wrong_email_prompt": "Pogrešna e-adresa?",
+        "continue_with_idp": "Nastavite s %(provider)s",
+        "continue_with_sso": "Nastavite s %(ssoButtons)s",
+        "country_dropdown": "Padajući izbornik za zemlje",
+        "create_account_prompt": "Novi ste ovdje? <a>Izradi račun</a>",
+        "create_account_title": "Izradi račun",
+        "email_discovery_text": "Poslužite se e-poštom kako biste, ako to želite, bili vidljivi postojećim kontaktima.",
+        "email_field_label": "E-pošta",
+        "email_field_label_invalid": "Ne izgleda kao valjana e-adresa",
+        "email_field_label_required": "Unesite e-adresu",
+        "email_help_text": "Dodajte e-adresu kako biste mogli poništiti zaporku.",
+        "email_phone_discovery_text": "Poslužite se e-poštom ili telefonom kako biste, ako to želite, bili vidljivi postojećim kontaktima.",
+        "enter_email_explainer": "<b>%(homeserver)s</b> poslat će vam poveznicu za potvrdu kako biste mogli poništiti zaporku.",
+        "enter_email_heading": "Unesite svoju e-adresu kako biste poništili zaporku",
+        "failed_connect_identity_server": "Nije moguće doći do poslužitelja identiteta",
+        "failed_connect_identity_server_other": "Možete se prijaviti, ali neke značajke neće biti dostupne dok se poslužitelj identiteta ponovno ne poveže s mrežom. Ako se ovo upozorenje i dalje prikazuje, provjerite konfiguraciju ili se obratite administratoru poslužitelja.",
+        "failed_connect_identity_server_register": "Možete se registrirati, ali neke značajke neće biti dostupne dok se poslužitelj identiteta ponovno ne poveže s mrežom. Ako se ovo upozorenje i dalje prikazuje, provjerite konfiguraciju ili se obratite administratoru poslužitelja.",
+        "failed_connect_identity_server_reset_password": "Možete poništiti zaporku, ali neke značajke neće biti dostupne dok se poslužitelj identiteta ponovno ne poveže s mrežom. Ako se ovo upozorenje i dalje prikazuje, provjerite konfiguraciju ili se obratite administratoru poslužitelja.",
+        "failed_homeserver_discovery": "Nije uspjelo otkrivanje matičnog poslužitelja",
+        "failed_query_registration_methods": "Nije moguće poslati upit za podržane načine registracije.",
+        "failed_soft_logout_auth": "Ponovna provjera autentičnosti nije uspjela",
+        "failed_soft_logout_homeserver": "Ponovna provjera autentičnosti nije uspjela zbog problema s matičnim poslužiteljem",
+        "forgot_password_email_invalid": "Čini se da e-adresa nije valjana.",
+        "forgot_password_email_required": "Morate unijeti e-adresu povezanu s vašim računom.",
+        "forgot_password_prompt": "Zaboravili ste zaporku?",
+        "forgot_password_send_email": "Pošalji e-poruku",
+        "identifier_label": "Prijavite se putem",
+        "incorrect_credentials": "Netočno korisničko ime i/ili zaporka",
+        "incorrect_credentials_detail": "Imajte na umu da se prijavljujete na poslužitelj %(hs)s, a ne na matrix.org.",
+        "incorrect_password": "Pogrešna zaporka",
+        "log_in_new_account": "<a>Prijavite se</a> na svoj novi račun.",
+        "logout_dialog": {
+            "description": "Jeste li sigurni da se želite odjaviti?",
+            "megolm_export": "Ručno izvezi ključeve",
+            "setup_key_backup_title": "Izgubit ćete pristup svojim šifriranim porukama",
+            "setup_secure_backup_description_1": "Šifrirane poruke zaštićene su sveobuhvatnim šifriranjem. Samo vi i primatelji imate ključeve za čitanje tih poruka.",
+            "setup_secure_backup_description_2": "Kada se odjavite, ovi će se ključevi izbrisati s ovog uređaja, što znači da nećete moći čitati šifrirane poruke osim ako nemate ključeve za njih na drugim uređajima ili ih niste sigurnosno kopirali na poslužitelj.",
+            "skip_key_backup": "Ne želim svoje šifrirane poruke"
+        },
+        "misconfigured_body": "Upitajte svog administratora za %(brand)s da provjeri ima li u <a>vašoj konfiguraciji</a> netočnih ili dupliciranih unosa.",
+        "misconfigured_title": "Tvoj %(brand)s pogrešno je konfiguriran",
+        "mobile_create_account_title": "Namjeravate izraditi račun na %(hsName)s",
+        "msisdn_field_description": "Drugi korisnici mogu vas pozvati u sobe koristeći vaše kontaktne podatke",
+        "msisdn_field_label": "Telefon",
+        "msisdn_field_number_invalid": "Taj telefonski broj ne izgleda sasvim točno, provjerite i pokušajte ponovno.",
+        "msisdn_field_required_invalid": "Unesite telefonski broj",
+        "no_hs_url_provided": "Nije naveden URL matičnog poslužitelja",
+        "oidc": {
+            "error_title": "Nismo Vas mogli ulogirati",
+            "generic_auth_error": "Došlo je do pogreške tijekom provjere autentičnosti. Idite na stranicu za prijavu i pokušajte ponovno.",
+            "missing_or_invalid_stored_state": "Tražili smo od preglednika da zapamti koji kućni poslužitelj koristite za prijavu, ali ga je Vaš preglednik nažalost zaboravio. Idite na stranicu za prijavu i pokušajte ponovo."
+        },
+        "password_field_keep_going_prompt": "Nastavite…",
+        "password_field_label": "Unesite zaporku",
+        "password_field_strong_label": "To je dobra, jaka zaporka!",
+        "password_field_weak_label": "Zaporka je dopuštena, ali nije sigurna",
+        "phone_label": "Telefon",
+        "phone_optional_label": "Telefon (neobavezno)",
+        "qr_code_login": {
+            "check_code_explainer": "Time ćete potvrditi da je veza s vašim drugim uređajem sigurna.",
+            "check_code_heading": "Unesite broj prikazan na vašem drugom uređaju",
+            "check_code_input_label": "Dvoznamenkasti kod",
+            "check_code_mismatch": "Brojevi se ne podudaraju",
+            "completing_setup": "Dovršavanje postavljanja vašeg novog uređaja",
+            "error_etag_missing": "Došlo je do neočekivane pogreške. To može biti zbog proširenja preglednika, proxy poslužitelja ili pogrešne konfiguracije poslužitelja.",
+            "error_expired": "Prijava je istekla. Pokušajte ponovno.",
+            "error_expired_title": "Prijava nije dovršena na vrijeme",
+            "error_insecure_channel_detected": "Nije moguće uspostaviti sigurnu vezu s novim uređajem. Vaši postojeći uređaji i dalje su sigurni i ne morate se brinuti zbog njih.",
+            "error_insecure_channel_detected_instructions": "Što ću sad?",
+            "error_insecure_channel_detected_instructions_1": "Pokušajte se ponovno prijaviti na drugi uređaj pomoću QR koda u slučaju da se radilo o problemu s mrežom",
+            "error_insecure_channel_detected_instructions_2": "Ako se problem ponovi, pokušajte s drugom Wi-Fi mrežom ili mobilnim podatcima umjesto Wi-Fi-ja",
+            "error_insecure_channel_detected_instructions_3": "Ako to ne uspije, ručno se prijavite",
+            "error_insecure_channel_detected_title": "Veza nije sigurna",
+            "error_other_device_already_signed_in": "Ne morate ništa drugo napraviti.",
+            "error_other_device_already_signed_in_title": "Vaš drugi uređaj već je prijavljen",
+            "error_rate_limited": "Previše pokušaja u kratkom vremenu. Pričekajte neko vrijeme prije nego što ponovno pokušate.",
+            "error_unexpected": "Došlo je do neočekivane pogreške. Otkazan je zahtjev za povezivanje vašeg drugog uređaja.",
+            "error_unsupported_protocol": "Ovaj uređaj ne podržava prijavu na drugi uređaj pomoću QR koda.",
+            "error_unsupported_protocol_title": "Drugi uređaj nije kompatibilan",
+            "error_user_cancelled": "Prijava je otkazana na drugom uređaju.",
+            "error_user_cancelled_title": "Zahtjev za prijavu je otkazan",
+            "error_user_declined": "Vi ili davatelj usluge računa odbili ste zahtjev za prijavu.",
+            "error_user_declined_title": "Prijava je odbijena",
+            "follow_remaining_instructions": "Pridržavajte se preostalih uputa",
+            "open_element_other_device": "Otvorite %(brand)s na drugom uređaju",
+            "point_the_camera": "Skenirajte QR kod koji je ovdje prikazan",
+            "scan_code_instruction": "Skenirajte QR kod drugim uređajem",
+            "scan_qr_code": "Prijavi se pomoću QR koda",
+            "security_code": "Sigurnosni kod",
+            "security_code_prompt": "Ako se to od vas zatraži, unesite ispod navedeni kod na drugi uređaj.",
+            "select_qr_code": "Odaberite „%(scanQRCode)s”",
+            "unsupported_explainer": "Vaš davatelj usluga računa ne podržava prijavu na novi uređaj pomoću QR koda.",
+            "unsupported_heading": "QR kod nije podržan",
+            "waiting_for_device": "Čekanje na to da se uređaj prijavi"
+        },
+        "register_action": "Izradi račun",
+        "registration": {
+            "continue_without_email_description": "Samo jedno upozorenje; ako ne dodate e-poštu i zaboravite zaporku, mogli biste <b>trajno izgubiti pristup svom računu</b>.",
+            "continue_without_email_field_label": "E-pošta (neobavezno)",
+            "continue_without_email_title": "Nastavak bez e-pošte"
+        },
+        "registration_disabled": "Registracija je onemogućena na ovom matičnom poslužitelju.",
+        "registration_msisdn_field_required_invalid": "Unesite telefonski broj (obavezno na ovom matičnom poslužitelju)",
+        "registration_successful": "Registracija je uspjela",
+        "registration_username_in_use": "Netko već ima to korisničko ime. Pokušajte s nekim drugim ili, ako ste to vi, prijavite se u nastavku.",
+        "registration_username_unable_check": "Nije moguće provjeriti je li korisničko ime zauzeto. Pokušajte ponovno poslije.",
+        "registration_username_validation": "Upotrijebite samo mala slova, brojeve, crtice i podcrte",
+        "reset_password": {
+            "confirm_new_password": "Potvrdi novu zaporku",
+            "devices_logout_success": "Odjavljeni ste sa svih uređaja i više nećete primati push obavijesti. Da biste ponovno omogućili obavijesti, ponovno se prijavite na svakom uređaju.",
+            "other_devices_logout_warning_1": "Odjavom s uređaja izbrisat ćete ključeve za šifriranje poruka pohranjene na njima, što će šifriranu povijest razgovora učiniti nečitljivom.",
+            "other_devices_logout_warning_2": "Ako želite zadržati pristup svojoj povijesti razgovora u šifriranim sobama, postavite sigurnosnu kopiju ključa ili izvezite ključeve poruka s jednog od svojih drugih uređaja prije nego što nastavite.",
+            "password_not_entered": "Mora se unijeti nova zaporka.",
+            "passwords_mismatch": "Nove zaporke moraju se međusobno podudarati.",
+            "rate_limit_error": "Previše pokušaja u kratkom vremenu. Pričekajte neko vrijeme prije ponovnog pokušaja.",
+            "rate_limit_error_with_time": "Previše pokušaja u kratkom vremenu. Pokušajte ponovno nakon %(timeout)s.",
+            "reset_successful": "Zaporka je poništena.",
+            "return_to_login": "Povratak na zaslon za prijavu",
+            "sign_out_other_devices": "Odjava sa svih uređaja"
+        },
+        "reset_password_action": "Poništi zaporku",
+        "reset_password_button": "Zaboravili ste zaporku?",
+        "reset_password_email_field_description": "Koristite e-adresu za oporavak računa",
+        "reset_password_email_field_required_invalid": "Unesite e-adresu (obavezno na ovom matičnom poslužitelju)",
+        "reset_password_email_not_associated": "Čini se da vaša e-adresa nije povezana s Matrixovim ID-om na ovom matičnom poslužitelju.",
+        "reset_password_email_not_found_title": "Ova email adresa nije pronađena",
+        "reset_password_title": "Poništi svoju zaporku",
+        "server_picker_custom": "Drugi matični poslužitelj",
+        "server_picker_description": "Možete upotrijebiti prilagođene mogućnosti poslužitelja kako biste se prijavili na druge Matrixove poslužitelje tako da navedete drugi URL matičnog poslužitelja. To vam omogućuje da upotrebljavate %(brand)s s postojećim Matrixovim računom na drugom matičnom poslužitelju.",
+        "server_picker_description_matrix.org": "Besplatno se pridružite milijunima na najvećem javnom poslužitelju",
+        "server_picker_dialog_title": "Odlučite gdje će se vaš račun nalaziti",
+        "server_picker_explainer": "Koristite se preferiranim Matrixovim matičnim poslužiteljem ako ga imate ili hostirajte vlastiti.",
+        "server_picker_failed_validate_homeserver": "Nije moguće potvrditi matični poslužitelj",
+        "server_picker_intro": "Mjesta na kojima možete hostirati svoj račun nazivaju se matični poslužitelji.",
+        "server_picker_invalid_url": "Nevažeći URL",
+        "server_picker_learn_more": "O matičnim poslužiteljima",
+        "server_picker_matrix.org": "Matrix.org najveći je javni matični poslužitelj na svijetu, tako da je dobro mjesto za mnoge.",
+        "server_picker_required": "Navedite matični poslužitelj",
+        "server_picker_title": "Prijavite se na svoj matični poslužitelj",
+        "server_picker_title_default": "Mogućnosti poslužitelja",
+        "server_picker_title_registration": "Račun na",
+        "session_logged_out_description": "Ova je sesija odjavljena iz sigurnosnih razloga. Ponovno se prijavite.",
+        "session_logged_out_title": "Odjavljeni ste",
+        "set_email": {
+            "description": "To će vam omogućiti da poništite zaporku i primate obavijesti.",
+            "verification_pending_description": "Provjerite svoju e-poštu i kliknite na poveznicu koja se u njoj nalazi. Nakon što to učinite, kliknite gumb za nastavak.",
+            "verification_pending_title": "Potvrda na čekanju"
+        },
+        "set_email_prompt": "Želite li postaviti e-adresu?",
+        "sign_in_description": "Za nastavak upotrijebite svoj račun.",
+        "sign_in_instead": "Prijavite se umjesto toga",
+        "sign_in_instead_prompt": "Već imate račun? <a>Prijavi se ovdje</a>",
+        "sign_in_or_register": "Prijavite se ili izradite račun",
+        "sign_in_or_register_description": "Za nastavak upotrijebite svoj račun ili izradite novi.",
+        "sign_in_prompt": "Imate li račun? <a>Prijava</a>",
+        "sign_in_with_sso": "Prijavite se pomoću jedinstvene prijave (SSO)",
+        "signing_in": "U tijeku je prijava…",
+        "soft_logout": {
+            "clear_data_button": "Ukloni sve podatke",
+            "clear_data_description": "Brisanje svih podataka iz ove sesije je trajno. Šifrirane poruke bit će izgubljene osim ako njihovi ključevi nisu sigurnosno kopirani.",
+            "clear_data_title": "Želite li ukloniti sve podatke u ovoj sesiji?"
+        },
+        "soft_logout_heading": "Odjavljeni ste",
+        "soft_logout_intro_password": "Unesite svoju zaporku za prijavu i ponovno dobijte pristup svom računu.",
+        "soft_logout_intro_sso": "Prijavite se i ponovno dobijte pristup svom računu.",
+        "soft_logout_intro_unsupported_auth": "Ne možete se prijaviti na svoj račun. Više informacija saznajte od administratora svog matičnog poslužitelja.",
+        "soft_logout_subheading": "Ukloni osobne podatke",
+        "soft_logout_warning": "Upozorenje: vaši osobni podatci (uključujući ključeve za šifriranje) još uvijek su spremljeni u ovoj sesiji. Uklonite ih ako ste završili s korištenjem ove sesije ili se želite prijaviti na drugi račun.",
+        "sso": "Jedinstvena prijava (SSO)",
+        "sso_complete_in_browser_dialog_title": "Idite u svoj preglednik kako biste dovršili prijavu",
+        "sso_failed_missing_storage": "Tražili smo od preglednika da zapamti koji kućni poslužitelj koristite za prijavu, ali ga je Vaš preglednik nažalost zaboravio. Idite na stranicu za prijavu i pokušajte ponovo.",
+        "sso_or_username_password": "%(ssoButtons)s ili %(usernamePassword)s",
+        "sync_footer_subtitle": "Ako ste se pridružili mnogim sobama, ovo bi moglo potrajati.",
+        "syncing": "U tijeku je sinkronizacija…",
+        "uia": {
+            "code": "Kod",
+            "email": "Za izradu računa otvorite poveznicu u e-poruci koju smo upravo poslali na %(emailAddress)s.",
+            "email_auth_header": "Za nastavak provjerite svoju e-poštu",
+            "email_resend_prompt": "Niste je primili? <a> Pošalji ponovno</a>",
+            "email_resent": "Ponovno poslano!",
+            "fallback_button": "Započni provjeru autentičnosti",
+            "mas_cross_signing_reset_cta": "Nastavi na račun",
+            "mas_cross_signing_reset_description": "Spremate se otići na %(serverName)s račun kako biste poništili svoj identitet. Nakon što dovršite poništavanje svog računa, vratite se ovdje i kliknite Pokušaj ponovno.",
+            "mas_cross_signing_reset_title": "Idite na svoj račun kako biste poništili svoj identitet",
+            "msisdn": "Poslana je tekstna poruka na broj %(msisdn)s",
+            "msisdn_token_incorrect": "Token je netočan",
+            "msisdn_token_prompt": "Unesite kod koji sadrži:",
+            "password_prompt": "Potvrdite svoj identitet unosom zaporke za račun u nastavku.",
+            "recaptcha_missing_params": "Nedostaje javni captcha ključ u konfiguraciji matičnog poslužitelja. Prijavite to administratoru svog matičnog poslužitelja.",
+            "registration_token_label": "Registracijski token",
+            "registration_token_prompt": "Unesite registracijski token koji ste dobili od administratora matičnog poslužitelja.",
+            "sso_body": "Potvrdite dodavanje ove email adrese koristeći jedinstvenu prijavu (SSO) da biste dokazali Vaš identitet.",
+            "sso_failed": "Došlo je do pogreške prilikom potvrđivanja vašeg identiteta. Otkažite i pokušajte ponovno.",
+            "sso_postauth_body": "Kliknite ispod navedeni gumb kako biste potvrdili svoj identitet.",
+            "sso_postauth_title": "Potvrdite za nastavak",
+            "sso_preauth_body": "Za nastavak upotrijebite jedinstvenu prijavu (SSO) kako biste dokazali svoj identitet.",
+            "sso_title": "Koristite jedinstvenu prijavu (SSO) za nastavak",
+            "terms": "Pregledajte i prihvatite pravila ovog matičnog poslužitelja:",
+            "terms_invalid": "Pregledajte i prihvatite sve uvjete korištenja matičnog poslužitelja."
+        },
+        "unsupported_auth": "Ovaj matični poslužitelj ne nudi nikakve postupke prijave koje podržava ovaj klijent.",
+        "unsupported_auth_email": "Ovaj matični poslužitelj ne podržava prijavu pomoću e-adrese.",
+        "unsupported_auth_msisdn": "Ovaj poslužitelj ne podržava provjeru autentičnosti telefonskim brojem.",
+        "username_field_required_invalid": "Unesite korisničko ime",
+        "username_in_use": "Netko već ima to korisničko ime; pokušajte s drugim.",
+        "verify_email_explainer": "Moramo znati da ste to vi prije nego što vam poništimo zaporku. Kliknite poveznicu u e-poruci koju smo upravo poslali na <b>%(email)s</b>",
+        "verify_email_heading": "Za nastavak potvrdite svoju e-adresu"
+    },
+    "bug_reporting": {
+        "additional_context": "Ako postoji dodatni kontekst koji bi pomogao u analizi problema, poput onoga što ste radili u to vrijeme, ID-ova soba, korisničkih ID-ova itd., molimo vas da ih ovdje uključite.",
+        "before_submitting": "Preporučujemo da <a>prijavite problem na GitHubu</a> kako biste bili sigurni da će se vaša prijava pregledati.",
+        "collecting_information": "Prikupljanje informacija o inačici aplikacije",
+        "collecting_logs": "Prikupljanje zapisnika",
+        "create_new_issue": "<newIssueLink>Prijavite novi problem</newIssueLink> na GitHubu kako bismo mogli ispitati o kakvoj se pogrešci radi.",
+        "description": "Zapisnici o otklanjanju pogrešaka sadrže podatke o korištenju aplikacije, u koje spadaju vaše korisničko ime, ID-ovi ili pseudonimi soba koje ste posjetili, informacije o tome s kojim ste elementima korisničkog sučelja posljednji put komunicirali i korisnička imena drugih korisnika. Ne sadrže poruke.",
+        "download_logs": "Preuzimanje zapisnika",
+        "downloading_logs": "Preuzimanje zapisnika",
+        "error_empty": "Kažite nam što je pošlo po zlu ili, još bolje, prijavite problem na GitHubu i pritom ga opišite.",
+        "failed_download_logs": "Preuzimanje zapisnika o otklanjanju pogrešaka nije uspjelo: ",
+        "failed_send_logs_causes": {
+            "disallowed_app": "Vaše izvješće o pogrešci je odbijeno. Rageshake poslužitelj ne podržava ovu aplikaciju.",
+            "rejected_generic": "Vaše izvješće o pogrešci je odbijeno. Rageshake poslužitelj odbacio je sadržaj izvješća zbog pravila.",
+            "rejected_recovery_key": "Vaše izvješće o pogrešci odbijeno je iz sigurnosnih razloga jer je sadržavalo ključ za oporavak.",
+            "rejected_version": "Izvješće o pogrešci odbijeno je jer je inačica kojom se koristite previše stara.",
+            "server_unknown_error": "Rageshake poslužitelj naišao je na nepoznatu pogrešku i nije mogao obraditi izvješće.",
+            "unknown_error": "Slanje zapisnika nije uspjelo."
+        },
+        "github_issue": "Prijava problema na GitHubu",
+        "introduction": "Ako ste prijavili pogrešku putem GitHuba, zapisnici o otklanjanju pogrešaka mogu nam pomoći u pronalaženju problema. ",
+        "log_request": "Kako biste nam pomogli spriječiti ovo u budućnosti, molimo vas da nam <a>pošaljete zapisnike</a>.",
+        "logs_sent": "Zapisnici su poslani",
+        "matrix_security_issue": "Za prijavu sigurnosnog problema povezanog s Matrixom pročitajte <a>Pravila odgovornog otkrivanja sigurnosnih propusta</a> domene Matrix.org.",
+        "preparing_download": "Priprema za preuzimanje zapisnika",
+        "preparing_logs": "Priprema za slanje zapisnika",
+        "send_logs": "Slanje zapisnika",
+        "submit_debug_logs": "Pošalji zapisnike o otklanjanju pogrešaka",
+        "textarea_label": "Bilješke",
+        "thank_you": "Zahvaljujemo!",
+        "title": "Prijavljivanje pogrešaka",
+        "unsupported_browser": "Podsjetnik: Vaš preglednik nije podržan, pa vaše korisničko iskustvo može biti nepredvidivo.",
+        "uploading_logs": "Prijenos zapisnika",
+        "waiting_for_server": "Čekanje na odgovor od poslužitelja"
+    },
+    "cannot_invite_without_identity_server": "Ne možete pozvati korisnika putem e-pošte bez poslužitelja identiteta. Možete se povezati s jednim u postavkama.",
+    "cannot_reach_homeserver": "Nije moguće povezati se s matičnim poslužiteljem",
+    "cannot_reach_homeserver_detail": "Provjerite je li vaša internetska veza stabilna ili se obratite administratoru poslužitelja.",
+    "cant_load_page": "Nije moguće učitati stranicu",
+    "chat_card_back_action_label": "Natrag na razgovor",
+    "chat_effects": {
+        "confetti_description": "Šalje navedenu poruku s konfetima",
+        "confetti_message": "šalje konfete",
+        "fireworks_description": "Šalje navedenu poruku s vatrometom",
+        "fireworks_message": "šalje vatromet",
+        "hearts_description": "Šalje navedenu poruku sa srcima",
+        "hearts_message": "šalje srca",
+        "rainfall_description": "Šalje navedenu poruku s kišom",
+        "rainfall_message": "šalje kišu",
+        "snowfall_description": "Šalje navedenu poruku sa snijegom",
+        "snowfall_message": "šalje snijeg",
+        "spaceinvaders_description": "Šalje navedenu poruku s efektom svemirske tematike",
+        "spaceinvaders_message": "šalje svemirske osvajače"
+    },
+    "common": {
+        "access_token": "Pristupni token",
+        "accessibility": "Pristupačnost",
+        "advanced": "Napredno",
+        "all_chats": "Svi razgovori",
+        "analytics": "Analitika",
+        "and_n_others": {
+            "one": "i još jedan drugi...",
+            "few": "i još %(count)s druga...",
+            "other": "i još %(count)s drugih..."
+        },
+        "appearance": "Izgled",
+        "application": "Aplikacija",
+        "are_you_sure": "Jeste li sigurni?",
+        "attachment": "Privitak",
+        "authentication": "Provjera autentičnosti",
+        "avatar": "Avatar",
+        "beta": "Beta",
+        "camera": "Kamera",
+        "cameras": "Kamere",
+        "cancel": "Otkaži",
+        "capabilities": "Mogućnosti",
+        "copied": "Kopirano!",
+        "credits": "Zasluge",
+        "dark": "Tamno",
+        "description": "Opis",
+        "deselect_all": "Poništi sve odabire",
+        "device": "Uređaj",
+        "edited": "uređeno",
+        "email_address": "E-adresa",
+        "emoji": "Emotikon",
+        "encrypted": "Šifrirano",
+        "encryption_enabled": "Šifriranje je omogućeno",
+        "error": "Geška",
+        "faq": "Česta pitanja",
+        "favourites": "Favoriti",
+        "feedback": "Povratne informacije",
+        "filter_results": "Filtriraj rezultate",
+        "forward_message": "Proslijedi poruku",
+        "general": "Općenito",
+        "go_to_settings": "Idi na postavke",
+        "guest": "Gost",
+        "help": "Pomoć",
+        "historical": "Povijest",
+        "home": "Početna stranica",
+        "homeserver": "Matični poslužitelj",
+        "identity_server": "Poslužitelj identiteta",
+        "image": "Slika",
+        "integration_manager": "Upravitelj integracijama",
+        "joined": "Pridružio/la se",
+        "labs": "Laboratoriji",
+        "legal": "Pravne napomene",
+        "light": "Svijetlo",
+        "loading": "Učitavanje…",
+        "location": "Lokacija",
+        "low_priority": "Niski prioritet",
+        "matrix": "Matrix",
+        "message": "Poruka",
+        "message_layout": "Izgled poruke",
+        "message_timestamp_invalid": "Vremenska oznaka nije valjana",
+        "microphone": "Mikrofon",
+        "model": "Model",
+        "moderation_and_safety": "Moderiranje i sigurnost",
+        "modern": "Suvremeni",
+        "mute": "Isključi zvuk",
+        "n_members": {
+            "one": "%(count)s član",
+            "few": "%(count)s člana",
+            "other": "%(count)s članova"
+        },
+        "n_rooms": {
+            "one": "%(count)s soba",
+            "few": "%(count)s sobe",
+            "other": "%(count)s soba"
+        },
+        "name": "Naziv",
+        "no_results": "Nema rezultata",
+        "no_results_found": "Nema rezultata",
+        "not_trusted": "Nije pouzdan",
+        "off": "Isključeno",
+        "offline": "Izvan mreže",
+        "on": "Uključeno",
+        "options": "Mogućnosti",
+        "orphan_rooms": "Ostale sobe",
+        "password": "Zaporka",
+        "people": "Osobe",
+        "preferences": "Osobne postavke",
+        "presence": "Prisutnost",
+        "preview_message": "Hej ti, nema ti ravna!",
+        "privacy": "Privatnost",
+        "private": "Privatno",
+        "private_room": "Privatna soba",
+        "private_space": "Privatni prostor",
+        "profile": "Profil",
+        "public": "Javno",
+        "public_room": "Javna soba",
+        "public_space": "Javni prostor",
+        "qr_code": "QR kod",
+        "random": "Nasumično",
+        "reactions": "Reakcije",
+        "recommended": "Preporučeno",
+        "report_a_bug": "Prijavi pogrešku",
+        "room": "Soba",
+        "room_name": "Naziv sobe",
+        "rooms": "Sobe",
+        "save": "Spremi",
+        "saved": "Spremljeno",
+        "saving": "U tijeku je spremanje…",
+        "secure_backup": "Zaštićena sigurnosna kopija",
+        "select_all": "Odaberi sve",
+        "server": "Poslužitelj",
+        "settings": "Postavke",
+        "setup_secure_messages": "Postavi zaštićene poruke",
+        "show_more": "Prikaži više",
+        "someone": "Netko",
+        "space": "Prostor",
+        "spaces": "Prostori",
+        "state_encryption_enabled": "Omogućeno je eksperimentalno šifriranje stanja",
+        "sticker": "Naljepnica",
+        "stickerpack": "Paket naljepnica",
+        "success": "Uspjeh",
+        "suggestions": "Prijedlozi",
+        "support": "Podrška",
+        "system_alerts": "Upozorenja sustava",
+        "theme": "Tema",
+        "thread": "Nit",
+        "threads": "Niti",
+        "timeline": "Vremenska traka",
+        "unavailable": "nedostupno",
+        "unencrypted": "Nije šifrirano",
+        "unmute": "Uključi zvuk",
+        "unnamed_room": "Neimenovana soba",
+        "unnamed_space": "Neimenovani prostor",
+        "unverified": "Nepotvrđeno",
+        "updating": "U tijeku je ažuriranje...",
+        "user": "Korisnik",
+        "user_avatar": "Profilna slika",
+        "username": "Korisničko ime",
+        "verified": "Potvrđeno",
+        "version": "Inačica",
+        "video": "Videozapis",
+        "video_room": "Videosoba",
+        "view_message": "Prikaži poruku",
+        "voice": "Glas",
+        "warning": "Upozorenje"
+    },
+    "composer": {
+        "autocomplete": {
+            "@room_description": "Obavijestite cijelu sobu",
+            "command_a11y": "Automatsko dovršavanje naredbi",
+            "command_description": "Naredbe",
+            "emoji_a11y": "Automatsko dovršavanje emotikona",
+            "notification_a11y": "Automatsko dovršavanje obavijesti",
+            "notification_description": "Obavijest o sobi",
+            "room_a11y": "Automatsko dovršavanje sobe",
+            "space_a11y": "Automatsko dovršavanje prostora",
+            "user_a11y": "Automatsko dovršavanje korisnika",
+            "user_description": "Korisnici"
+        },
+        "close_sticker_picker": "Sakrij naljepnice",
+        "edit_composer_label": "Uredi poruku",
+        "format_bold": "Podebljano",
+        "format_code_block": "Blok koda",
+        "format_decrease_indent": "Smanjenje uvlake",
+        "format_increase_indent": "Povećanje uvlake",
+        "format_inline_code": "Kod",
+        "format_insert_link": "Umetni poveznicu",
+        "format_italic": "Kurziv",
+        "format_italics": "Kurziv",
+        "format_link": "Poveznica",
+        "format_ordered_list": "Numerirani popis",
+        "format_strikethrough": "Precrtano",
+        "format_underline": "Podcrtano",
+        "format_unordered_list": "Popis s grafičkim oznakama",
+        "formatting_toolbar_label": "Oblikovanje",
+        "link_modal": {
+            "link_field_label": "Poveznica",
+            "text_field_label": "Tekst",
+            "title_create": "Izradi poveznicu",
+            "title_edit": "Uredi poveznicu"
+        },
+        "mode_plain": "Sakrij oblikovanje",
+        "mode_rich_text": "Prikaži oblikovanje",
+        "no_perms_notice": "Nemate dopuštenje za objavljivanje u ovoj sobi",
+        "placeholder": "Pošalji nešifriranu poruku…",
+        "placeholder_encrypted": "Pošalji poruku…",
+        "placeholder_reply": "Pošalji nešifrirani odgovor…",
+        "placeholder_reply_encrypted": "Pošalji odgovor…",
+        "placeholder_thread": "Odgovori na nešifriranu nit…",
+        "placeholder_thread_encrypted": "Odgovori na nit…",
+        "poll_button": "Anketa",
+        "poll_button_no_perms_description": "Nemate dopuštenje za pokretanje anketa u ovoj sobi.",
+        "poll_button_no_perms_title": "Potrebno dopuštenje",
+        "replying_title": "Odgovaranje",
+        "room_unencrypted": "Poruke u ovoj sobi nisu sveobuhvatno šifrirane",
+        "room_upgraded_link": "Razgovor se ovdje nastavlja.",
+        "room_upgraded_notice": "Ova je soba zamijenjena i više nije aktivna",
+        "send_button_title": "Pošalji poruku",
+        "send_button_voice_message": "Pošalji glasovnu poruku",
+        "send_voice_message": "Pošalji glasovnu poruku",
+        "stop_voice_message": "Zaustavi snimanje",
+        "voice_message_button": "Glasovna poruka"
+    },
+    "console_dev_note": "Element je otvorenog koda. Ako ste znalac, svakako posjetite naš GitHub (https://github.com/vector-im/element-web/) i dajte svoj doprinos!",
+    "console_scam_warning": "Ako vam je netko rekao da ovdje nešto kopirate/zalijepite, velika je vjerojatnost da je u pitanju prijevara!",
+    "console_wait": "Pričekajte!",
+    "create_room": {
+        "action_create_room": "Napravi sobu",
+        "action_create_video_room": "Napravi videosobu",
+        "encrypted_video_room_warning": "Ovo ne možete poslije onemogućiti. Soba će biti šifrirana, ali ugrađeni poziv neće.",
+        "encrypted_warning": "Ovo ne možete poslije onemogućiti. Mostovi i većina botova još neće raditi.",
+        "encryption_forced": "Vaš poslužitelj zahtijeva da šifriranje bude omogućeno u privatnim sobama.",
+        "encryption_label": "Omogući sveobuhvatno šifriranje",
+        "error_title": "Izrada sobe nije uspjela",
+        "generic_error": "Poslužitelj je možda nedostupan, preopterećen, ili ste pronašli grešku u aplikaciji.",
+        "join_rule_change_notice": "To možete u svakom trenutku promijeniti u postavkama sobe.",
+        "join_rule_invite": "Privatna soba (samo s pozivnicom)",
+        "join_rule_invite_label": "Samo će pozvane osobe moći pronaći ovu sobu i pridružiti joj se.",
+        "join_rule_knock_label": "Svatko može zatražiti pridruživanje, ali administratori ili moderatori moraju odobriti pristup. To možete poslije promijeniti.",
+        "join_rule_public_label": "Svatko će moći pronaći ovu sobu i pridružiti joj se.",
+        "join_rule_public_parent_space_label": "Svatko će moći pronaći ovu sobu i pridružiti joj se, ne samo članovi prostora <SpaceName/>.",
+        "join_rule_restricted": "Vidljivo članovima prostora",
+        "join_rule_restricted_label": "Svi u prostoru <SpaceName/> moći će pronaći ovu sobu i pridružiti joj se.",
+        "name_validation_required": "Unesite naziv sobe",
+        "room_visibility_label": "Vidljivost sobe",
+        "state_encrypted_warning": "Omogućuje eksperimentalnu podršku za šifriranje događaja stanja, čime se od poslužitelja skrivaju metapodatci, poput naziva soba i tema. Ti metapodatci bit će skriveni i od osoba koje se poslije pridruže sobama i od onih čiji klijenti ne podržavaju MSC4362.",
+        "state_encryption_label": "Šifriraj događaje stanja",
+        "title_private_room": "Napravi privatnu sobu",
+        "title_public_room": "Napravi javnu sobu",
+        "title_video_room": "Napravi videosobu",
+        "topic_label": "Tema (neobavezno)",
+        "unfederated": "Svima koji nisu dio poslužitelja %(serverName)s onemogući da se ikad pridruže ovoj sobi.",
+        "unfederated_label_default_off": "Ovo možete omogućiti ako će se soba upotrebljavati samo za suradnju s internim timovima na vašem matičnom poslužitelju. To se poslije ne može promijeniti.",
+        "unfederated_label_default_on": "Ovo možete onemogućiti ako će se soba upotrebljavati za suradnju s vanjskim timovima koji imaju vlastiti matični poslužitelj. To se poslije ne može promijeniti.",
+        "unsupported_version": "Poslužitelj ne podržava navedenu verziju sobe."
+    },
+    "create_space": {
+        "add_details_prompt": "Dodajte neke pojedinosti kako biste ljudima pomogli da ga prepoznaju.",
+        "add_details_prompt_2": "Možete ih promijeniti u bilo kojem trenutku.",
+        "add_existing_rooms_description": "Odaberite sobe ili razgovore koje želite dodati. Ovo je samo prostor za vas, nitko neće biti obaviješten o tome. Poslije ih možete još dodati.",
+        "add_existing_rooms_heading": "Što želite organizirati?",
+        "address_label": "Adresa",
+        "address_placeholder": "npr. moj-prostor",
+        "creating": "U tijeku je izrada…",
+        "creating_rooms": "U tijeku je izrada soba…",
+        "done_action": "Idi u moj prostor",
+        "done_action_first_room": "Idi u moju prvu sobu",
+        "explainer": "Prostori su nov način grupiranja soba i ljudi. Kakav prostor želite stvoriti? To možete poslije promijeniti.",
+        "failed_create_initial_rooms": "Nije uspjelo stvaranje početnih soba u prostoru",
+        "failed_invite_users": "Nije uspjelo pozivanje sljedećih korisnika u vaš prostor: %(csvUsers)s",
+        "invite_teammates_by_username": "Pozovi po korisničkom imenu",
+        "invite_teammates_description": "Pobrinite se da prave osobe imaju pristup. Poslije ih možete još pozvati.",
+        "invite_teammates_heading": "Pozovite članove svog tima",
+        "inviting_users": "U tijeku je pozivanje…",
+        "label": "Stvori prostor",
+        "name_required": "Unesite naziv prostora",
+        "personal_space": "Samo ja",
+        "personal_space_description": "Privatni prostor za organizaciju vaših soba",
+        "private_description": "Samo s pozivnicom, najbolje za vas ili timove",
+        "private_heading": "Vaš privatni prostor",
+        "private_only_heading": "Vaš prostor",
+        "private_personal_description": "Pobrinite se da prave osobe imaju pristup %(name)s",
+        "private_personal_heading": "S kim radite?",
+        "private_space": "Ja i članovi mog tima",
+        "private_space_description": "Privatni prostor za vas i članove vašeg tima",
+        "public_description": "Otvoreni prostor za svakoga, najbolji za zajednice",
+        "public_heading": "Vaš javni prostor",
+        "search_public_button": "Pretražite javne prostore",
+        "setup_rooms_community_description": "Stvorimo sobu za svakog od njih.",
+        "setup_rooms_community_heading": "O čemu želite razgovarati u prostoru %(spaceName)s?",
+        "setup_rooms_description": "Poslije možete dodati još, uključujući i već postojeće.",
+        "setup_rooms_private_description": "Napravit ćemo sobe za svakog od njih.",
+        "setup_rooms_private_heading": "Na kojim projektima radi vaš tim?",
+        "share_description": "Trenutačno ste samo vi, a s drugima će biti još bolje.",
+        "share_heading": "Podijeli %(name)s",
+        "skip_action": "Zasad preskoči",
+        "subspace_adding": "U tijeku je dodavanje…",
+        "subspace_beta_notice": "Dodajte prostor prostoru kojim upravljate.",
+        "subspace_dropdown_title": "Napravi prostor",
+        "subspace_existing_space_prompt": "Želite li umjesto toga dodati postojeći prostor?",
+        "subspace_join_rule_invite_description": "Samo će pozvane osobe moći pronaći ovaj prostor i pridružiti mu se.",
+        "subspace_join_rule_invite_only": "Privatni prostor (samo uz pozivnicu)",
+        "subspace_join_rule_label": "Vidljivost prostora",
+        "subspace_join_rule_public_description": "Svatko će moći pronaći ovaj prostor i pridružiti mu se, a ne samo članovi prostora <SpaceName/>.",
+        "subspace_join_rule_restricted_description": "Svatko u prostoru <SpaceName/> moći će pronaći i pridružiti se."
+    },
+    "credits": {
+        "default_cover_photo": "Na <photo>zadanu naslovnu fotografiju</photo> autorsko pravo polaže <author>Jesús Roncero</author>, a upotrebljava se u skladu s uvjetima licencije <terms>CC-BY-SA 4.0</terms>.",
+        "twemoji": "Na grafičke prikaze emotikona <twemoji> Twemoji</twemoji> autorsko pravo polažu <author>Twitter, Inc. i drugi doprinositelji</author>, a upotrebljava se u skladu s uvjetima licencije <terms>CC-BY 4.0</terms>.",
+        "twemoji_colr": "Na font <colr>twemoji-colr</colr> autorsko pravo polaže <author>Mozilla Foundation</author>, a upotrebljava se u skladu s uvjetima <terms>Apache 2.0</terms>."
+    },
+    "decline_invitation_dialog": {
+        "confirm": "Jeste li sigurni da želite odbiti poziv za pridruživanje sobi %(roomName)s?",
+        "ignore_user_help": "Nećete vidjeti nikakve poruke ili pozivnice za sobu od ovog korisnika.",
+        "reason_description": "Navedite razlog prijavljivanja sobe.",
+        "report_room_description": "Prijavite ovu sobu svom davatelju usluga računa.",
+        "title": "Odbij pozivnicu"
+    },
+    "desktop_default_device_name": "%(brand)s za stolna računala: %(platformName)s",
+    "devtools": {
+        "active_widgets": "Aktivni widgeti",
+        "category_other": "Ostalo",
+        "category_room": "Soba",
+        "caution_colon": "Oprez:",
+        "client_versions": "Inačice klijenta",
+        "crypto": {
+            "4s_public_key_in_account_data": "u podatcima računa",
+            "4s_public_key_not_in_account_data": "nije pronađen",
+            "4s_public_key_status": "Javni ključ tajne pohrane:",
+            "backup_key_cached": "pohranjen u lokalnoj predmemoriji",
+            "backup_key_cached_status": "Sigurnosna kopija ključa pohranjena u predmemoriji:",
+            "backup_key_not_stored": "nije pohranjen",
+            "backup_key_stored": "u tajnoj pohrani",
+            "backup_key_stored_status": "Sigurnosna kopija ključa pohranjena:",
+            "backup_key_unexpected_type": "neočekivana vrsta",
+            "backup_key_well_formed": "dobro oblikovan",
+            "cross_signing": "Unakrsno potpisivanje",
+            "cross_signing_cached": "pohranjen u lokalnu predmemoriju",
+            "cross_signing_not_ready": "Unakrsno potpisivanje nije postavljeno.",
+            "cross_signing_private_keys_in_storage": "u tajnoj pohrani",
+            "cross_signing_private_keys_in_storage_status": "Unakrsno potpisivanje privatnih ključeva:",
+            "cross_signing_private_keys_not_in_storage": "nije pronađeno u pohrani",
+            "cross_signing_public_keys_on_device": "u memoriji",
+            "cross_signing_public_keys_on_device_status": "Unakrsno potpisivanje javnih ključeva:",
+            "cross_signing_ready": "Unakrsno potpisivanje spremno je za upotrebu.",
+            "cross_signing_status": "Status unakrsnog potpisivanja:",
+            "cross_signing_untrusted": "Vaš račun ima identitet za unakrsno potpisivanje u tajnoj pohrani, ali mu ova sesija još ne vjeruje.",
+            "crypto_not_available": "Modul za šifriranje nije dostupan",
+            "device_id": "ID uređaja",
+            "key_backup_active_version": "Aktivna inačica sigurnosne kopije:",
+            "key_backup_active_version_none": "Nema",
+            "key_backup_inactive_warning": "U ovoj sesiji ne izrađuje se sigurnosna kopija vaših ključeva.",
+            "key_backup_latest_version": "Najnovija verzija sigurnosne kopije na poslužitelju:",
+            "key_storage": "Pohrana ključeva",
+            "master_private_key_cached_status": "Glavni privatni ključ:",
+            "not_found": "nije pronađen",
+            "not_found_locally": "nije pronađen lokalno",
+            "secret_storage_not_ready": "nije spreman",
+            "secret_storage_ready": "spreman je",
+            "secret_storage_status": "Tajna pohrana:",
+            "self_signing_private_key_cached_status": "Privatni ključ za samopotpisivanje:",
+            "session": "Sesija",
+            "session_fingerprint": "Otisak prsta (ključ sesije)",
+            "title": "Sveobuhvatno šifriranje",
+            "user_signing_private_key_cached_status": "Privatni ključ za potpisivanje korisnika:"
+        },
+        "developer_mode": "Način rada za razvojne inženjere",
+        "developer_tools": "Alati za razvojne inženjere",
+        "device_dehydrated_no": "Dehidriran: Ne",
+        "device_dehydrated_yes": "Dehidriran: Da",
+        "device_id": "ID uređaja: %(deviceId)s",
+        "device_keys": "Ključevi uređaja",
+        "device_verification_status": {
+            "signed_by_owner": "Status provjere: <E2EIcon /> Potpisao vlasnik",
+            "unknown": "Status provjere: Nepoznat",
+            "unverified": "Status provjere: <E2EIcon /> Nije potpisao vlasnik",
+            "verified": "Status provjere: <E2EIcon /> Potvrđen unakrsnim potpisivanjem"
+        },
+        "devices": "Uređaji za šifriranje (%(count)s)",
+        "edit_setting": "Uredi postavku",
+        "edit_values": "Uredi vrijednosti",
+        "empty_string": "<empty string>",
+        "event_content": "Sadržaj događaja",
+        "event_id": "ID događaja: %(eventId)s",
+        "event_sent": "Događaj je poslan!",
+        "event_type": "Vrsta događaja",
+        "explore_account_data": "Istraži podatke računa",
+        "explore_room_account_data": "Istraži podatke računa sobe",
+        "explore_room_state": "Istraži stanje sobe",
+        "failed_to_find_widget": "Došlo je do pogreške prilikom pronalaženja ovog widgeta.",
+        "failed_to_load": "Učitavanje nije uspjelo.",
+        "failed_to_save": "Spremanje postavki nije uspjelo.",
+        "failed_to_send": "Slanje događaja nije uspjelo!",
+        "id": "ID: ",
+        "invalid_device_key_id": "Nevažeći ID ključa uređaja",
+        "invalid_json": "Ne izgleda kao valjani JSON.",
+        "level": "Razina",
+        "low_bandwidth_mode": "Način rada niske propusnosti",
+        "low_bandwidth_mode_description": "Zahtijeva kompatibilan matični poslužitelj.",
+        "main_timeline": "Glavna vremenska traka",
+        "manual_device_verification": "Ručna potvrda uređaja",
+        "no_receipt_found": "Nije pronađen račun",
+        "notification_state": "Stanje obavijesti je <strong>%(notificationState)s</strong>",
+        "notifications_debug": "Otklanjanje pogrešaka u obavijestima",
+        "number_of_users": "Broj korisnika",
+        "only_joined_members": "Samo pridruženi korisnici",
+        "original_event_source": "Izvor izvornog događaja",
+        "restore_from_backup": "Vrati iz sigurnosne kopije",
+        "room_encrypted": "Soba je <strong>šifrirana ✅</strong>",
+        "room_id": "ID sobe: %(roomId)s",
+        "room_not_encrypted": "Soba je <strong>nešifrirana 🚨</strong>",
+        "room_notifications_dot": "Točka: ",
+        "room_notifications_highlight": "Istaknuto: ",
+        "room_notifications_last_event": "Posljednji događaj:",
+        "room_notifications_sender": "Pošiljatelj: ",
+        "room_notifications_thread_id": "ID niti: ",
+        "room_notifications_total": "Ukupno: ",
+        "room_notifications_type": "Vrsta: ",
+        "room_status": "Status sobe",
+        "room_unread_status_count": {
+            "one": "Status nepročitanih u sobi: <strong>%(status)s</strong>, broj: <strong>%(count)s</strong>",
+            "few": "Status nepročitanih u sobi: <strong>%(status)s</strong>, broj: <strong>%(count)s</strong>",
+            "other": "Status nepročitanih u sobi: <strong>%(status)s</strong>, broj: <strong>%(count)s</strong>"
+        },
+        "save_setting_values": "Spremi vrijednosti postavki",
+        "see_history": "Vidi povijest",
+        "send_custom_account_data_event": "Pošalji prilagođeni događaj podataka o računu",
+        "send_custom_room_account_data_event": "Pošalji prilagođeni događaj podataka o računu sobe",
+        "send_custom_state_event": "Pošalji prilagođeni događaj stanja",
+        "send_custom_timeline_event": "Pošalji prilagođeni događaj vremenske trake",
+        "server_info": "Informacije o poslužitelju",
+        "server_versions": "Inačice poslužitelja",
+        "settable_global": "Podesivo na globalnoj razini",
+        "settable_room": "Podesivo u sobi",
+        "setting_colon": "Postavka:",
+        "setting_definition": "Definicija postavke:",
+        "setting_id": "ID postavke",
+        "settings": {
+            "elementCallUrl": "Element Call URL"
+        },
+        "settings_explorer": "Preglednik postavki",
+        "show_empty_content_events": "Prikaži događaje s praznim sadržajem",
+        "show_hidden_events": "Prikaži skrivene događaje na vremenskoj traci",
+        "spaces": {
+            "one": "<space>",
+            "few": "<%(count)s mjesta>",
+            "other": "<%(count)s mjesta>"
+        },
+        "state_key": "Ključ stanja",
+        "thread_root_id": "ID korijena niti: %(threadRootId)s",
+        "threads_timeline": "Vremenska traka niti",
+        "title": "Alati za razvojne inženjere",
+        "toggle_event": "uključi/isključi događaj",
+        "toolbox": "Alatni okvir",
+        "use_at_own_risk": "Ovo korisničko sučelje NE provjerava vrste vrijednosti. Upotrebljavajte na vlastitu odgovornost.",
+        "user_avatar": "Avatar: %(avatar)s",
+        "user_displayname": "Ime za prikaz: %(displayname)s",
+        "user_id": "ID korisnika: %(userId)s",
+        "user_no_avatar": "Avatar: <i>Nema</i>",
+        "user_no_displayname": "Ime za prikaz: <i>Nema</i>",
+        "user_read_up_to": "Korisnik je pročitao do: ",
+        "user_read_up_to_ignore_synthetic": "Korisnik je pročitao do (ignoreSynthetic): ",
+        "user_read_up_to_private": "Korisnik je pročitao do (m.read.private): ",
+        "user_read_up_to_private_ignore_synthetic": "Korisnik je pročitao do (m.read.private;ignoreSynthetic): ",
+        "user_room_membership": "Članstvo: %(membership)s",
+        "user_verification_status": {
+            "identity_changed": "Status provjere: <E2EIcon /> Nepotvrđen, a identitet promijenjen",
+            "unverified": "Status provjere: <E2EIcon /> Nepotvrđen",
+            "verified": "Status provjere: <E2EIcon /> Potvrđen",
+            "was_verified": "Status provjere: <E2EIcon /> Bio je potvrđen, ali je identitet promijenjen"
+        },
+        "users": "Korisnici",
+        "value": "Vrijednost",
+        "value_colon": "Vrijednost:",
+        "value_in_this_room": "Vrijednost u ovoj sobi",
+        "value_this_room_colon": "Vrijednost u ovoj sobi:",
+        "values_explicit": "Vrijednosti na eksplicitnim razinama",
+        "values_explicit_colon": "Vrijednosti na eksplicitnim razinama:",
+        "values_explicit_room": "Vrijednosti na eksplicitnim razinama u ovoj sobi",
+        "values_explicit_this_room_colon": "Vrijednosti na eksplicitnim razinama u ovoj sobi:",
+        "view_servers_in_room": "Pogledaj poslužitelje u sobi",
+        "view_source_decrypted_event_source": "Dešifrirani izvor događaja",
+        "view_source_decrypted_event_source_unavailable": "Dešifrirani izvor nije dostupan",
+        "widget_screenshots": "Omogući snimke zaslona widgeta na podržanim widgetima"
+    },
+    "dialog_close_label": "Zatvori dijaloški okvir",
+    "download_completed": "Preuzimanje je dovršeno",
+    "emoji": {
+        "categories": "Kategorije",
+        "category_activities": "Aktivnosti",
+        "category_animals_nature": "Životinje i priroda",
+        "category_flags": "Zastave",
+        "category_food_drink": "Hrana i piće",
+        "category_frequently_used": "Često korišteno",
+        "category_objects": "Predmeti",
+        "category_smileys_people": "Smješkići i ljudi",
+        "category_symbols": "Simboli",
+        "category_travel_places": "Putovanje i mjesta",
+        "quick_reactions": "Brze reakcije"
+    },
+    "emoji_picker": {
+        "cancel_search_label": "Otkaži pretraživanje"
+    },
+    "empty_room": "Prazna soba",
+    "empty_room_was_name": "Prazna soba (bila je %(oldName)s)",
+    "encryption": {
+        "access_secret_storage_dialog": {
+            "alternatives": "Ako imate sigurnosni ključ ili sigurnosni izraz, i ovo će funkcionirati.",
+            "key_validation_text": {
+                "wrong_security_key": "Ključ za oporavak koji ste unijeli nije ispravan."
+            },
+            "privacy_warning": "Pazite da nitko ne vidi ovaj zaslon!",
+            "restoring": "Vraćanje ključeva iz sigurnosne kopije",
+            "security_key_label": "Ključ za oporavak",
+            "security_key_title": "Unesite svoj ključ za oporavak"
+        },
+        "bootstrap_title": "Postavljanje ključeva",
+        "confirm_encryption_setup_body": "Kliknite ispod navedeni gumb kako biste potvrdili postavljanje šifriranja.",
+        "confirm_encryption_setup_title": "Potvrdite postavljanje šifriranja",
+        "continue_with_reset": "Nastavi s poništavanjem promjena",
+        "cross_signing_room_normal": "Ova je soba sveobuhvatno šifrirana",
+        "cross_signing_room_verified": "Svi su potvrđeni u ovoj sobi",
+        "cross_signing_room_warning": "Netko upotrebljava nepoznatu sesiju",
+        "cross_signing_user_normal": "Niste potvrdili ovog korisnika.",
+        "cross_signing_user_verified": "Potvrdili ste ovog korisnika. Ovaj je korisnik potvrdio sve svoje sesije.",
+        "cross_signing_user_warning": "Ovaj korisnik nije potvrdio sve svoje sesije.",
+        "enter_recovery_key": "Unesi ključ za oporavak",
+        "event_shield_reason_authenticity_not_guaranteed": "Autentičnost ove šifrirane poruke ne može se jamčiti na ovom uređaju",
+        "event_shield_reason_mismatched_sender": "Pošiljatelj događaja ne podudara se s vlasnikom uređaja koji ga je poslao.",
+        "event_shield_reason_mismatched_sender_key": "Šifrirano nepotvrđenom sesijom",
+        "event_shield_reason_unknown_device": "Šifrirano nepoznatim ili izbrisanim uređajem.",
+        "event_shield_reason_unsigned_device": "Šifrirano uređajem koji vlasnik nije potvrdio.",
+        "event_shield_reason_unverified_identity": "Šifrirao neprovjereni korisnik.",
+        "export_unsupported": "Vaš preglednik ne podržava potrebna proširenja za šifriranje",
+        "forgot_recovery_key": "Zaboravili ste ključ za oporavak?",
+        "identity_needs_reset_description": "Morate poništiti svoj identitet šifriranja kako biste osigurali pristup povijesti poruka",
+        "import_invalid_keyfile": "Nevažeća %(brand)s datoteka s ključem za šifriranje",
+        "import_invalid_passphrase": "Provjera autentičnosti nije uspjela: netočna zaporka?",
+        "key_storage_out_of_sync": "Vaša pohrana ključeva nije sinkronizirana.",
+        "key_storage_out_of_sync_description": "Potvrdite svoj ključ za oporavak kako biste zadržali pristup pohrani ključeva i povijesti poruka.",
+        "messages_not_secure": {
+            "cause_1": "Vaš matični poslužitelj",
+            "cause_2": "Matični poslužitelj na koji je spojen korisnik kojeg želite potvrditi",
+            "cause_3": "Vaša internetska veza ili ona drugih korisnika",
+            "cause_4": "Vaša sesija ili ona drugih korisnika",
+            "heading": "Moguće je da je ugroženo jedno od sljedećeg:",
+            "title": "Vaše poruke nisu zaštićene"
+        },
+        "new_recovery_method_detected": {
+            "description_1": "Otkriven je novi sigurnosni izraz i ključ za zaštićene poruke.",
+            "description_2": "Ova sesija šifrira povijest služeći se novim načinom oporavka.",
+            "title": "Nov način oporavka",
+            "warning": "Ako niste postavili nov način oporavka, napadač možda pokušava pristupiti vašem računu. Odmah u postavkama promijenite zaporku računa i postavite nov način oporavka."
+        },
+        "pinned_identity_changed": "Identitet %(displayName)s (<b>%(userId)s</b>) je poništen. <a>Saznajte više</a>",
+        "pinned_identity_changed_no_displayname": "Identitet <b>%(userId)s</b> je poništen. <a>Saznajte više</a>",
+        "recovery_method_removed": {
+            "description_1": "Ova je sesija otkrila da su vaš sigurnosni izraz i ključ za zaštićene poruke uklonjeni.",
+            "description_2": "Ako ste to učinili slučajno, možete postaviti zaštićene poruke u ovoj sesiji koje će ponovno šifrirati povijest poruka ove sesije novim načinom oporavka.",
+            "title": "Način oporavka je uklonjen",
+            "warning": "Ako niste uklonili način oporavka, napadač možda pokušava pristupiti vašem računu. Odmah u postavkama promijenite zaporku računa i postavite nov način oporavka."
+        },
+        "set_up_recovery": "Postavljanje oporavka",
+        "set_up_recovery_toast_description": "Generirajte ključ za oporavak koji se može upotrijebiti za vraćanje vaše šifrirane povijesti poruka u slučaju da izgubite pristup svojim uređajima.",
+        "set_up_toast_title": "Postavljanje zaštićene sigurnosne kopije",
+        "setup_secure_backup": {
+            "explainer": "Prije odjave napravite sigurnosnu kopiju ključeva kako biste izbjegli njihov gubitak."
+        },
+        "turn_on_key_storage": "Uključi pohranu ključeva",
+        "turn_on_key_storage_description": "Sigurno pohranite svoj identitet šifriranja i ključeve poruka na poslužitelju. To će vam omogućiti pregled povijesti poruka na svim novim uređajima.",
+        "udd": {
+            "interactive_verification_button": "Interaktivna provjera pomoću emotikona",
+            "other_ask_verify_text": "Zamolite tog korisnika da potvrdi svoju sesiju ili je ručno potvrdite u nastavku.",
+            "other_new_session_text": "%(name)s(%(userId)s ) prijavio/la se u novu sesiju, a da je nije potvrdio/la:",
+            "own_ask_verify_text": "Potvrdite svoju drugu sesiju služeći se jednom od ispod navedenih mogućnosti.",
+            "own_new_session_text": "Prijavili ste se u novu sesiju, a da je niste potvrdili:",
+            "title": "Nije pouzdano"
+        },
+        "unable_to_setup_keys_error": "Nije moguće postaviti ključeve",
+        "verification": {
+            "accepting": "U tijeku je prihvaćanje…",
+            "after_new_login": {
+                "device_verified": "Uređaj je potvrđen",
+                "skip_verification": "Zasad preskoči potvrdu",
+                "verify_this_device": "Potvrdi ovaj uređaj"
+            },
+            "cancelled_verification": "Zahtjev je istekao, odbijen je ili je došlo do neusklađenosti u provjeri.",
+            "cancelling": "U tijeku je otkazivanje…",
+            "cant_confirm": "Ne možete potvrditi?",
+            "complete_action": "Shvaćam",
+            "complete_description": "Uspješno ste provjerili ovog korisnika.",
+            "complete_title": "Provjereno!",
+            "confirm_identity_description": "Potvrdite ovaj uređaj kako biste postavili sigurnu razmjenu poruka",
+            "confirm_identity_title": "Potvrdite svoj identitet",
+            "confirm_the_emojis": "Potvrdite da se emotikoni u nastavku podudaraju s onima prikazanima na vašem drugom uređaju.",
+            "error_starting_description": "Nismo uspjeli pokrenuti razgovor s drugim korisnikom.",
+            "error_starting_title": "Pogreška pri pokretanju provjere",
+            "explainer": "Zaštićene poruke s ovim korisnikom sveobuhvatno su šifrirane, pa ih treće strane ne mogu pročitati.",
+            "in_person": "Kako biste bili sigurni, učinite to osobno ili se koristite pouzdanim načinom komunikacije.",
+            "incoming_sas_device_dialog_text_1": "Potvrdite ovaj uređaj kako biste ga označili kao pouzdanog. Vjerovanje ovom uređaju daje vama i drugim korisnicima dodatni osjećaj sigurnosti pri korištenju sveobuhvatno šifriranih poruka.",
+            "incoming_sas_device_dialog_text_2": "Potvrđivanjem ovog uređaja označit ćete ga kao pouzdanog, a korisnici s kojima ste već prošli provjeru smatrat će ga pouzdanim.",
+            "incoming_sas_dialog_title": "Dolazni zahtjev za potvrdu",
+            "incoming_sas_dialog_waiting": "Čeka se potvrda partnera…",
+            "incoming_sas_user_dialog_text_1": "Potvrdite ovog korisnika kako biste ga označili kao pouzdanog. Vjerovanje korisnicima pruža vam dodatni osjećaj sigurnosti pri korištenju sveobuhvatno šifriranih poruka.",
+            "incoming_sas_user_dialog_text_2": "Potvrđivanjem ovog korisnika njegova će se sesija označiti kao pouzdana, a i vaša sesija će se označiti kao pouzdana za njega.",
+            "manual": {
+                "already_verified": "Ovaj je uređaj već potvrđen",
+                "already_verified_and_wrong_fingerprint": "Uneseni otisak prsta ne odgovara, ali uređaj je već potvrđen!",
+                "device_id": "ID uređaja",
+                "failure_description": "Nije uspjela provjera uređaja %(deviceId)s: %(error)s",
+                "failure_title": "Provjera nije uspjela",
+                "fingerprint": "Otisak prsta (ključ sesije)",
+                "no_crypto": "Nije moguće potvrditi uređaj – šifriranje nije omogućeno",
+                "no_device": "Nije moguće potvrditi uređaj – %(deviceId)s nije pronađen",
+                "no_userid": "Nije moguće potvrditi uređaj – ne možemo pronaći naš ID korisnika",
+                "success_description": "Uređaj (%(deviceId)s) sada je unakrsno potpisan",
+                "success_title": "Provjera je uspjela",
+                "text": "Navedite ID i otisak prsta jednog od vaših uređaja kako biste ga potvrdili. NAPOMENA: Time omogućujete drugom uređaju slanje i primanje poruka u vaše ime. AKO VAM JE NETKO REKAO DA NEŠTO OVDJE ZALIJEPITE, VJEROJATNO JE U PITANJU PRIJEVARA!",
+                "wrong_fingerprint": "Nije moguće potvrditi uređaj %(deviceId)s – dostavljeni otisak prsta %(fingerprint)s ne odgovara otisku prsta uređaja, %(fprint)s"
+            },
+            "no_support_qr_emoji": "Uređaj koji pokušavate provjeriti ne podržava skeniranje QR koda ili provjeru emotikona, a to je ono što podržava %(brand)s. Pokušajte s drugim klijentom.",
+            "now_you_can": "Sada možete sigurno čitati ili slati poruke, a svatko s kim razgovarate također može vjerovati ovom uređaju.",
+            "once_accepted_can_continue": "Nakon prihvaćanja moći ćete nastaviti s potvrđivanjem",
+            "other_party_cancelled": "Druga strana otkazala je provjeru.",
+            "prompt_encrypted": "Potvrdite sve korisnike u sobi kako biste osigurali njezinu sigurnost.",
+            "prompt_unencrypted": "Potvrdite sve korisnike u šifriranim sobama kako biste osigurali njihovu sigurnost.",
+            "qr_or_sas": "%(qrCode)s ili %(emojiCompare)s",
+            "qr_prompt": "Skenirajte ovaj jedinstveni kod",
+            "qr_reciprocate_check_again_device": "Ponovno provjerite na drugom uređaju kako biste dovršili potvrđivanje.",
+            "qr_reciprocate_no": "Ne vidim zeleni štit",
+            "qr_reciprocate_same_shield_user": "Uskoro je gotovo! Prikazuje li %(displayName)s isti štit?",
+            "qr_reciprocate_yes": "Vidim zeleni štit",
+            "request_toast_accept_user": "Potvrdi korisnika",
+            "request_toast_decline_counter": "Ignoriraj (%(counter)s)",
+            "request_toast_detail": "%(deviceId)s iz %(ip)s",
+            "request_toast_start_verification": "Započni provjeru",
+            "sas_caption_self": "Potvrdite ovaj uređaj tako da potvrdite da je na njegovom zaslonu prikazan sljedeći broj.",
+            "sas_caption_user": "Potvrdite ovog korisnika tako da potvrdite da je na njegovom zaslonu prikazan sljedeći broj.",
+            "sas_description": "Usporedite jedinstveni skup emotikona ako nemate kameru ni na jednom uređaju",
+            "sas_emoji_caption_user": "Potvrdite ovog korisnika tako da potvrdite da se sljedeći emotikon pojavljuje na njegovom zaslonu.",
+            "sas_match": "Podudaraju se",
+            "sas_no_match": "Ne podudaraju se",
+            "sas_prompt": "Usporedite jedinstvene emotikone",
+            "scan_qr": "Provjeri skeniranjem",
+            "scan_qr_explainer": "Upitajte %(displayName)s da skenira vaš kod:",
+            "start_button": "Započni provjeru",
+            "successful_user": "Uspješno ste potvrdili %(displayName)s!",
+            "unsupported_method": "Nije moguće pronaći podržani način provjere.",
+            "unverified_session_toast_accept": "Da, to sam ja",
+            "unverified_session_toast_title": "Nova prijava. Jeste li to vi?",
+            "unverified_sessions_toast_description": "Pregledajte kako biste bili sigurni da je vaš račun zaštićen",
+            "unverified_sessions_toast_reject": "Poslije",
+            "unverified_sessions_toast_title": "Imate nepotvrđene sesije",
+            "use_another_device": "Upotrijebi drugi uređaj",
+            "use_recovery_key": "Upotrijebi ključ za oporavak",
+            "verification_dialog_title_choose": "Odaberi način provjere",
+            "verification_dialog_title_compare_emojis": "Usporedi emotikone",
+            "verification_dialog_title_confirm_green_shield": "Potvrdite da na drugom uređaju vidite zeleni štit",
+            "verification_dialog_title_device": "Potvrdi drugi uređaj",
+            "verification_dialog_title_failed": "Provjera nije uspjela",
+            "verification_dialog_title_start_on_other_device": "Započni provjeru na drugom uređaju",
+            "verification_dialog_title_user": "Zahtjev za potvrdu",
+            "verification_dialog_title_verified": "Uređaj je potvrđen",
+            "verification_skip_warning": "Ako se ne potvrdi, nećete imati pristup svim svojim porukama i drugima biste mogli izgledati kao da vam se ne može vjerovati.",
+            "verification_success_with_backup": "Vaš novi uređaj sada je potvrđen. Ima pristup vašim šifriranim porukama, a drugi će ga korisnici vidjeti kao pouzdanog.",
+            "verification_success_without_backup": "Vaš novi uređaj sada je potvrđen. Drugi će ga korisnici vidjeti kao pouzdanog.",
+            "verify_by_completing_one_of": "Potvrdite tako da napravite jedan od sljedećih koraka:",
+            "verify_emoji": "Potvrdi pomoću emotikona",
+            "verify_emoji_prompt": "Provjerite tako da usporedite jedinstvene emotikone.",
+            "verify_emoji_prompt_qr": "Ako ne možete skenirati gornji kod, provjerite tako da usporedite jedinstvene emotikone.",
+            "verify_later": "Potvrdit ću poslije",
+            "waiting_for_user_accept": "Čeka se da %(displayName)s prihvati…",
+            "waiting_other_device": "Čeka se vaša potvrda na drugom uređaju…",
+            "waiting_other_device_details": "Čeka se da potvrdite na svom drugom uređaju,%(deviceName)s (%(deviceId)s )…",
+            "waiting_other_user": "Čeka se da %(displayName)s provjeri…"
+        },
+        "verification_requested_toast_title": "Zatražena je provjera",
+        "verified_identity_changed": "Identitet %(displayName)s (<b>%(userId)s</b>) je poništen. <a>Saznajte više</a>",
+        "verified_identity_changed_no_displayname": "Identitet <b>%(userId)s</b> je poništen. <a>Saznajte više</a>",
+        "verify_toast_description": "Drugi korisnici možda vam neće vjerovati",
+        "verify_toast_title": "Potvrdi ovu sesiju",
+        "withdraw_verification_action": "Povuci provjeru"
+    },
+    "error": {
+        "admin_contact": "<a>Obratite se administratoru usluge</a> kako biste nastavili s korištenjem ove usluge.",
+        "admin_contact_short": "Kontaktirajte s <a>administrator poslužitelja</a> .",
+        "app_launch_unexpected_error": "Neočekivana pogreška prilikom pripreme aplikacije. Pojedinosti potražite na konzoli.",
+        "cannot_load_config": "Nije moguće učitati konfiguracijsku datoteku: osvježite stranicu kako biste pokušali ponovno.",
+        "connection": "Došlo je do problema u komunikaciji s matičnim poslužiteljem, pokušajte ponovno poslije.",
+        "dialog_description_default": "Došlo je do pogreške.",
+        "download_media": "Preuzimanje izvornog medija nije uspjelo, nije pronađen izvorni URL",
+        "edit_history_unsupported": "Izgleda da vaš matični poslužitelj ne podržava ovu značajku.",
+        "failed_copy": "Kopiranje nije uspjelo",
+        "hs_blocked": "Ovaj je matični poslužitelj blokirao njegov administrator.",
+        "invalid_configuration_mixed_server": "Nevažeća konfiguracija: default_hs_url ne može se navesti zajedno s default_server_name ili default_server_config",
+        "invalid_configuration_no_server": "Nevažeća konfiguracija: nije naveden zadani poslužitelj.",
+        "invalid_json": "Konfiguracija u Elementu sadrži nevažeći JSON. Uklonite problem i ponovno učitajte stranicu.",
+        "invalid_json_detail": "Poruka od analizatora je: %(message)s",
+        "invalid_json_generic": "Nevažeći JSON",
+        "mau": "Ovaj je matični poslužitelj dosegao mjesečno ograničenje aktivnih korisnika.",
+        "misconfigured": "Element je pogrešno konfiguriran",
+        "mixed_content": "Nije moguće povezati se s matičnim poslužiteljem putem HTTP-a kada se u traci preglednika nalazi HTTPS URL. Upotrijebite HTTPS ili <a>omogućite nesigurne skripte</a>.",
+        "non_urgent_echo_failure_toast": "Vaš poslužitelj ne odgovara na neke <a>zahtjeve</a>.",
+        "resource_limits": "Ovaj je matični poslužitelj premašio jedno od svojih ograničenja resursa.",
+        "session_restore": {
+            "clear_storage_button": "Ukloni pohranu i odjavi se",
+            "clear_storage_description": "Želite li se odjaviti i ukloniti ključeve za šifriranje?",
+            "description_1": "Došlo je do pogreške prilikom pokušaja vraćanja vaše prethodne sesije.",
+            "description_2": "Ako ste prethodno upotrebljavali noviju inačicu %(brand)s, vaša sesija možda nije kompatibilna s ovom inačicom. Zatvorite ovaj prozor i vratite se na noviju inačicu.",
+            "description_3": "Brisanjem memorije preglednika možete riješiti problem, ali time ćete se odjaviti i sva će šifrirana povijest razgovora postati nečitljiva.",
+            "title": "Nije moguće vratiti sesiju"
+        },
+        "something_went_wrong": "Nešto je pošlo po zlu!",
+        "storage_evicted_description_1": "Nedostaju neki podatci o sesiji, uključujući šifrirane ključeve poruka. Odjavite se i prijavite kako biste to ispravili vraćanjem ključeva iz sigurnosne kopije.",
+        "storage_evicted_description_2": "Vaš je preglednik vjerojatno uklonio ove podatke kada mu je ponestalo prostora na disku.",
+        "storage_evicted_title": "Nedostaju podatci o sesiji",
+        "sync": "Nije moguće povezivanje s matičnim poslužiteljem. U tijeku je ponovni pokušaj…",
+        "tls": "Nije moguće povezati se s matičnim poslužiteljem – provjerite svoju povezivost, uvjerite se da je <a>SSL certifikat matičnog poslužitelja</a> pouzdan i da proširenje preglednika ne blokira zahtjeve.",
+        "unknown": "Nepoznata pogreška",
+        "unknown_error_code": "nepoznati kod pogreške",
+        "update_history_visibility": "Promjena vidljivosti povijesti nije uspjela",
+        "update_power_level": "Nije uspjela promjena razine ovlasti"
+    },
+    "error_app_open_in_another_tab": "Prebacite se na drugu karticu kako biste se povezali s %(brand)s. Ova se kartica sada može zatvoriti.",
+    "error_app_open_in_another_tab_title": "%(brand)s je povezan u drugoj kartici",
+    "error_app_opened_in_another_window": "%(brand)s je otvoren u drugom prozoru. Kliknite %(label)s kako biste ovdje upotrebljavali %(brand)s i prekinuli vezu s drugim prozorom.",
+    "error_database_closed_description": {
+        "for_desktop": "Vaš je disk možda pun. Oslobodite prostor i ponovno učitajte.",
+        "for_web": "Ako ste izbrisali podatke pregledavanja, onda je ova poruka očekivana. %(brand)s je možda otvoren i u drugoj kartici ili je disk pun. Oslobodite prostor i ponovno učitajte."
+    },
+    "error_database_closed_title": "%(brand)s je prestao raditi",
+    "error_dialog": {
+        "copy_room_link_failed": {
+            "description": "Nije moguće kopirati poveznicu na sobu u međuspremnik.",
+            "title": "Nije moguće kopirati poveznicu na sobu"
+        },
+        "error_loading_user_profile": "Nije moguće učitati korisnički profil",
+        "forget_room_failed": "Zaboravljanje sobe nije uspjelo %(errCode)s"
+    },
+    "error_user_not_logged_in": "Korisnik nije prijavljen",
+    "event_preview": {
+        "m.call.answer": {
+            "dm": "Poziv je u tijeku",
+            "user": "%(senderName)s pridružio/la se pozivu",
+            "you": "Pridružili ste se pozivu"
+        },
+        "m.call.hangup": {
+            "user": "%(senderName)s završio/la je poziv",
+            "you": "Završili ste poziv"
+        },
+        "m.call.invite": {
+            "dm_receive": "%(senderName)s poziva",
+            "dm_send": "Čekanje na odgovor",
+            "user": "%(senderName)s započeo/la je poziv",
+            "you": "Započeli ste poziv"
+        },
+        "m.emote": "* %(senderName)s %(emote)s",
+        "m.reaction": {
+            "user": "%(sender)s reagirao/la je %(reaction)s na %(message)s",
+            "you": "Reagirali ste %(reaction)s na %(message)s"
+        },
+        "m.sticker": "%(senderName)s: %(stickerName)s",
+        "m.text": "%(senderName)s: %(message)s",
+        "prefix": {
+            "audio": "Zvučni zapis",
+            "file": "Datoteka",
+            "image": "Slika",
+            "poll": "Anketa",
+            "video": "Videozapis"
+        },
+        "preview": "<bold>%(prefix)s:</bold> %(preview)s"
+    },
+    "export_chat": {
+        "cancelled": "Izvoz je otkazan",
+        "cancelled_detail": "Izvoz je uspješno otkazan",
+        "confirm_stop": "Jeste li sigurni da želite zaustaviti izvoz podataka? Ako to učinite, morat ćete početi ispočetka.",
+        "creating_html": "Izrada HTML-a…",
+        "creating_output": "Izrada izlaza…",
+        "creator_summary": "%(creatorName)s stvorio/la je ovu sobu.",
+        "current_timeline": "Trenutačna vremenska traka",
+        "enter_number_between_min_max": "Unesite broj između %(min)s i %(max)s",
+        "error_fetching_file": "Pogreška pri dohvaćanju datoteke",
+        "export_info": "Ovo je početak izvoza sobe <roomName/> Izvezao/la je <exporterDetails/> dana %(exportDate)s.",
+        "export_successful": "Izvoz je uspio!",
+        "exported_n_events_in_time": {
+            "one": "Izvezen je %(count)s događaj za %(seconds)s s",
+            "few": "Izvezena su %(count)s događaja za %(seconds)s s",
+            "other": "Izvezeno je %(count)s događaja za %(seconds)s s"
+        },
+        "exporting_your_data": "Izvoz podataka",
+        "fetched_n_events": {
+            "one": "Dosad je dohvaćen %(count)s događaj",
+            "few": "Dosad su dohvaćena %(count)s događaja",
+            "other": "Dosad je dohvaćeno %(count)s događaja"
+        },
+        "fetched_n_events_in_time": {
+            "one": "Dohvaćen je %(count)s događaj za %(seconds)s s",
+            "few": "Dohvaćena su %(count)s događaja za %(seconds)s s",
+            "other": "Dohvaćeno je %(count)s događaja za %(seconds)s s"
+        },
+        "fetched_n_events_with_total": {
+            "one": "Dohvaćen je %(count)s događaj od ukupno %(total)s",
+            "few": "Dohvaćena su %(count)s događaja od ukupno %(total)s",
+            "other": "Dohvaćeno je %(count)s događaja od ukupno %(total)s"
+        },
+        "fetching_events": "Dohvaćanje događaja…",
+        "file_attached": "Datoteka je priložena",
+        "format": "Oblik",
+        "from_the_beginning": "Od početka",
+        "generating_zip": "Generiranje poštanskog broja",
+        "html": "HTML",
+        "html_title": "Izvezeni podatci",
+        "include_attachments": "Uključi privitke",
+        "json": "JSON",
+        "media_omitted": "Medijski sadržaj je izostavljen",
+        "media_omitted_file_size": "Medijski sadržaj je izostavljen – prekoračeno je ograničenje veličine datoteke",
+        "messages": "Poruke",
+        "next_page": "Sljedeća grupa poruka",
+        "num_messages": "Broj poruka",
+        "num_messages_min_max": "Broj poruka može biti samo broj između %(min)s i %(max)s",
+        "number_of_messages": "Navedite broj poruka",
+        "previous_page": "Prethodna grupa poruka",
+        "processing": "Obrada je u tijeku…",
+        "processing_event_n": "Obrada događaja %(number)s od ukupno %(total)s",
+        "select_option": "Odaberite jednu od ispod navedenih mogućnosti za izvoz razgovora s vremenske trake",
+        "size_limit": "Ograničenje veličine",
+        "size_limit_min_max": "Veličina može biti samo broj između %(min)s MB i %(max)s MB",
+        "size_limit_postfix": "MB",
+        "starting_export": "Započinjanje izvoza…",
+        "successful": "Izvoz je uspio",
+        "successful_detail": "Izvoz je uspio. Pronađite ga u mapi Preuzimanja.",
+        "text": "Obični tekst",
+        "title": "Izvoz razgovora",
+        "topic": "Tema: %(topic)s",
+        "unload_confirm": "Jeste li sigurni da želite izaći tijekom ovog izvoza?"
+    },
+    "failed_load_async_component": "Učitavanje nije moguće! Provjerite mrežnu povezanost i pokušajte ponovo.",
+    "feedback": {
+        "can_contact_label": "Možete kontaktirati sa mnom ako imate dodatnih pitanja",
+        "comment_label": "Komentar",
+        "existing_issue_link": "Najprije pregledajte <existingIssuesLink>postojeće pogreške na Githubu</existingIssuesLink>. Nema podudaranja? <newIssueLink>Otvorite novu prijavu</newIssueLink>.",
+        "may_contact_label": "Možete kontaktirati sa mnom ako želite dodatne informacije ili dati da isprobam nove ideje.",
+        "platform_username": "Vaša će se platforma i korisničko ime zabilježiti kako bismo što bolje iskoristili vaše povratne informacije.",
+        "pro_type": "PRO SAVJET: Ako prijavljujete pogrešku, pošaljite nam <debugLogsLink>zapisnike o otklanjanju pogrešaka</debugLogsLink> kako bismo lakše otkrili problem.",
+        "send_feedback_action": "Pošalji povratne informacije",
+        "sent": "Povratne informacije su poslane! Zahvaljujemo, to nam puno znači!"
+    },
+    "file_panel": {
+        "empty_description": "Priložite datoteke iz razgovora ili ih jednostavno povucite i ispustite bilo gdje u sobi.",
+        "empty_heading": "U ovoj sobi nema vidljivih datoteka",
+        "guest_note": "Morate se <a>registrirati</a> kako biste mogli upotrebljavati ovu funkcionalnost",
+        "peek_note": "Morate se pridružiti sobi kako biste mogli vidjeti njezine datoteke"
+    },
+    "forward": {
+        "filter_placeholder": "Pretraživanje soba ili osoba",
+        "message_preview_heading": "Pregled poruke",
+        "no_perms_title": "Nemate dopuštenje za to",
+        "open_room": "Otvori sobu",
+        "send_label": "Pošalji",
+        "sending": "Slanje",
+        "sent": "Poslano"
+    },
+    "identity_server": {
+        "change": "Promijeni poslužitelj identiteta",
+        "change_prompt": "Želite li prekinuti vezu s poslužiteljem identiteta <current /> i umjesto toga spojiti se na <new />?",
+        "change_server_prompt": "Ako ne želite upotrebljavati <server /> da biste otkrili kontakte i bili vidljivi postojećim kontaktima koje poznajete, unesite drugi poslužitelj identiteta u nastavku.",
+        "changed": "Poslužitelj identiteta je promijenjen",
+        "checking": "Provjera poslužitelja",
+        "description_connected": "Trenutačno upotrebljavate <server></server> da biste otkrili kontakte i bili vidljivi postojećim kontaktima koje poznajete. Svoj poslužitelj identiteta možete promijeniti u nastavku.",
+        "description_disconnected": "Trenutačno ne upotrebljavate poslužitelj identiteta. Da biste otkrili kontakte i bili vidljivi postojećim kontaktima koje poznajete, dodajte ga u nastavku.",
+        "description_optional": "Upotreba poslužitelja identiteta nije obavezna. Ako ga odlučite ne upotrebljavati, drugi vas korisnici neće moći otkriti i nećete moći slati pozivnice e-poštom ili telefonom.",
+        "disconnect": "Prekini vezu s poslužiteljem identiteta",
+        "disconnect_anyway": "Ipak prekini vezu",
+        "disconnect_offline_warning": "Trebali biste <b>ukloniti svoje osobne podatke</b> s poslužitelja identiteta <idserver /> prije nego što prekinete vezu s njim. Nažalost, poslužitelj identiteta <idserver /> trenutačno nije na mreži ili je nedostupan.",
+        "disconnect_personal_data_warning_1": "Još uvijek <b> dijelite svoje osobne podatke</b> na poslužitelju identiteta <idserver />.",
+        "disconnect_personal_data_warning_2": "Preporučujemo da prije nego što prekinete vezu uklonite svoje e-adrese i telefonske brojeve s poslužitelja identiteta.",
+        "disconnect_server": "Želite li prekinuti vezu s poslužiteljem identiteta <idserver />?",
+        "disconnect_warning": "Prekid veze s poslužiteljem identiteta značit će da vas drugi korisnici neće moći otkriti i nećete moći slati pozivnice e-poštom ili telefonom.",
+        "do_not_use": "Ne upotrebljavaj poslužitelj identiteta",
+        "error_connection": "Nije moguće spojiti se na poslužitelja identiteta",
+        "error_invalid": "Nije valjani poslužitelj identiteta (kod stanja %(code)s)",
+        "error_invalid_or_terms": "Uvjeti pružanja usluge nisu prihvaćeni ili poslužitelj identiteta nije valjan.",
+        "no_terms": "Poslužitelj identiteta koji ste odabrali nema nikakve uvjete pružanja usluge.",
+        "suggestions": "Trebali biste:",
+        "suggestions_1": "provjeriti dodatke u pregledniku koji bi mogli blokirati poslužitelj identiteta (npr. Privacy Badger)",
+        "suggestions_2": "kontaktirati s administratorima poslužitelja identiteta <idserver />",
+        "suggestions_3": "pričekati i poslije ponovno pokušati",
+        "url": "Poslužitelj identiteta (%(server)s)",
+        "url_field_label": "Unesi novi poslužitelj identiteta",
+        "url_not_https": "URL poslužitelja identiteta mora biti HTTPS"
+    },
+    "in_space": "U prostoru %(spaceName)s.",
+    "in_space1_and_space2": "U prostorima %(space1Name)s i %(space2Name)s.",
+    "in_space_and_n_other_spaces": {
+        "one": "U %(spaceName)s i još jednom prostoru.",
+        "few": "U %(spaceName)s i još %(count)s druga prostora.",
+        "other": "U %(spaceName)s i još %(count)s drugih prostora."
+    },
+    "incompatible_browser": {
+        "continue": "Svejedno nastavi",
+        "description": "%(brand)s upotrebljava neke značajke preglednika koje nisu dostupne u vašem trenutačnom pregledniku. %(detail)s",
+        "detail_can_continue": "Ako nastavite, neke značajke mogu prestati funkcionirati i postoji rizik da ćete u budućnosti izgubiti podatke.",
+        "detail_no_continue": "Pokušajte ažurirati ovaj preglednik ako ne upotrebljavate najnoviju inačicu i pokušajte ponovno.",
+        "learn_more": "Saznajte više",
+        "linux": "Linux",
+        "macos": "Mac",
+        "supported_browsers": "Najbolje korisničko iskustvo postići ćete ako upotrebljavate <Chrome>Chrome</Chrome>, <Firefox>Firefox</Firefox>, <Edge>Edge</Edge> ili <Safari>Safari</Safari>.",
+        "title": "%(brand)s ne podržava ovaj preglednik",
+        "use_desktop_heading": "Umjesto toga upotrebljavajte %(brand)s za stolna računala",
+        "use_mobile_heading": "Umjesto toga upotrebljavajte %(brand)s na mobitelu",
+        "use_mobile_heading_after_desktop": "Ili upotrebljavajte našu mobilnu aplikaciju",
+        "windows_64bit": "Windows (64-bitni)",
+        "windows_arm_64bit": "Windows (ARM 64-bitni)"
+    },
+    "info_tooltip_title": "Informacije",
+    "integration_manager": {
+        "connecting": "Povezivanje s upraviteljem integracije…",
+        "error_connecting": "Upravitelj integracije je izvan mreže ili ne može stupiti u vezu s vašim matičnim poslužiteljem.",
+        "error_connecting_heading": "Nije moguće povezati se s upraviteljem integracije",
+        "explainer": "Upravitelji integracije primaju podatke o konfiguraciji i mogu mijenjati widgete, slati pozivnice za sobe i postavljati razine ovlasti u vaše ime.",
+        "manage_title": "Upravljanje integracijama",
+        "toggle_label": "Omogući upravitelja integracije",
+        "use_im": "Koristite se upraviteljem integracija za upravljanje botovima, widgetima i paketima naljepnica.",
+        "use_im_default": "Koristite se upraviteljem integracije <b>(%(serverName)s)</b> za upravljanje botovima, widgetima i paketima naljepnica."
+    },
+    "integrations": {
+        "disabled_dialog_description": "Omogućite %(manageIntegrations)s u postavkama da biste to učinili.",
+        "disabled_dialog_title": "Integracije su onemogućene",
+        "impossible_dialog_description": "%(brand)s ne dopušta korištenje upravitelja integracije za to. Obratite se administratoru.",
+        "impossible_dialog_title": "Integracije nisu dopuštene"
+    },
+    "invite": {
+        "ask_anyway_description": "Nije moguće pronaći profile za ispod navedene Matrixove ID-ove. Želite li ipak poslati izravnu poruku?",
+        "ask_anyway_label": "Svejedno pokreni izravnu poruku",
+        "ask_anyway_never_warn_label": "Svejedno pokreni izravnu poruku i nemoj me nikad više upozoriti",
+        "email_caption": "Pozovi e-poštom",
+        "email_limit_one": "Pozivnice koje se šalju e-poštom mogu se slati samo jedna po jedna",
+        "email_use_default_is": "Upotrebljavate poslužitelj identiteta za slanje pozivnica e-poštom. <default>Upotrijebite zadani (%(defaultIdentityServerName)s)</default> ili ga promijenite u odjeljku <settings>Postavke</settings>.",
+        "email_use_is": "Upotrebljavajte poslužitelj identiteta za slanje pozivnica e-poštom. Upravljajte time u odjeljku <settings>Postavke</settings>.",
+        "error_already_invited_room": "Korisnik je već pozvan u sobu",
+        "error_already_invited_space": "Korisnik je već pozvan u prostor",
+        "error_already_joined_room": "Korisnik je već u sobi",
+        "error_already_joined_space": "Korisnik je već u prostoru",
+        "error_bad_state": "Korisniku se najprije mora povući zabrana kako bi ga se moglo pozvati.",
+        "error_dm": "Nismo mogli izraditi vašu izravnu poruku.",
+        "error_find_room": "Došlo je do pogreške prilikom pokušaja pozivanja korisnika.",
+        "error_find_user_description": "Sljedeći korisnici možda ne postoje ili nisu valjani i ne mogu se pozvati: %(csvNames)s",
+        "error_find_user_title": "Nisu pronađeni sljedeći korisnici",
+        "error_invite": "Nismo mogli pozvati te korisnike. Označite korisnike koje želite pozvati i pokušajte ponovno.",
+        "error_permissions_room": "Nemate dopuštenje za pozivanje osoba u ovu sobu.",
+        "error_permissions_space": "Nemate dopuštenje za pozivanje osoba u ovaj prostor.",
+        "error_profile_undisclosed": "Korisnik može, ali i ne mora postojati",
+        "error_transfer_multiple_target": "Poziv se može preusmjeriti samo jednom korisniku.",
+        "error_unfederated_room": "Ova soba nije vanjska. Ne možete pozvati ljude s vanjskih poslužitelja.",
+        "error_unfederated_space": "Ovaj prostor nije vanjski. Ne možete pozvati ljude s vanjskih poslužitelja.",
+        "error_unknown": "Nepoznata pogreška poslužitelja",
+        "error_user_not_found": "Korisnik ne postoji",
+        "error_version_unsupported_room": "Korisnikov matični poslužitelj ne podržava inačicu sobe.",
+        "error_version_unsupported_space": "Korisnikov matični poslužitelj ne podržava inačicu prostora.",
+        "failed_generic": "Radnja nije uspjela",
+        "failed_title": "Pozivanje nije uspjelo",
+        "invalid_address": "Adresa nije prepoznata",
+        "name_email_mxid_share_room": "Pošaljite pozivnicu nekome služeći se njegovim imenom, e-adresom ili korisničkim imenom (npr. <userId/>) ili <a>podijelite ovu sobu</a>.",
+        "name_email_mxid_share_space": "Pošaljite pozivnicu nekome služeći se njegovim imenom, e-adresom ili korisničkim imenom (npr. <userId/>) ili <a>podijelite ovaj prostor</a>.",
+        "name_mxid_share_room": "Pošaljite pozivnicu nekome služeći se njegovim imenom ili korisničkim imenom (npr. <userId/>) ili <a>podijeli ovu sobu</a>.",
+        "name_mxid_share_space": "Pošaljite pozivnicu nekome služeći se njegovim imenom ili korisničkim imenom (npr. <userId/>) ili <a>podijelite ovaj prostor</a>.",
+        "progress": {
+            "dont_close": "Ne zatvarajte aplikaciju dok ne završi.",
+            "preparing": "Priprema pozivnica..."
+        },
+        "recents_section": "Nedavni razgovori",
+        "room_failed_partial": "Poslali smo ostale, ali ispod navedene osobe nisu mogle biti pozvane u <RoomName/>",
+        "room_failed_partial_title": "Neke pozivnice nisu se mogle poslati",
+        "room_failed_title": "Pozivanje korisnika u %(roomName)s nije uspjelo",
+        "send_link_prompt": "Ili pošaljite poveznicu s pozivnicom",
+        "start_conversation_name_email_mxid_prompt": "Započnite razgovor s nekim pomoću njegova imena, e-adrese ili korisničkog imena (npr. <userId/>).",
+        "start_conversation_name_mxid_prompt": "Započnite razgovor s nekim pomoću njegova imena ili korisničkog imena (npr. <userId/>).",
+        "suggestions_disclaimer": "Neki prijedlozi mogu biti skriveni radi zaštite privatnosti.",
+        "suggestions_disclaimer_prompt": "Ako ne vidite koga tražite, pošaljite im pozivnicu navedenu u nastavku.",
+        "suggestions_section": "Nedavno poslane izravne poruke",
+        "to_room": "Pozovi u sobu %(roomName)s",
+        "to_space": "Pozovi u %(spaceName)s",
+        "transfer_dial_pad_tab": "Brojčanik",
+        "transfer_user_directory_tab": "Korisnički imenik",
+        "unable_find_profiles_description_default": "Nije moguće pronaći profile za ispod navedene Matrixove ID-ove. Želite li ih ipak pozvati?",
+        "unable_find_profiles_invite_label_default": "Svejedno pozovi",
+        "unable_find_profiles_invite_never_warn_label_default": "Svejedno pozovi i nemoj me nikad više upozoriti",
+        "unable_find_profiles_title": "Sljedeći korisnici možda ne postoje",
+        "unban_first_title": "Korisnika se ne može pozvati dok mu se ne povuče zabrana"
+    },
+    "inviting_user1_and_user2": "Pozivanje %(user1)s i %(user2)s",
+    "inviting_user_and_n_others": {
+        "one": "Pozivanje %(user)s i još jednog",
+        "few": "Pozivanje %(user)s i još %(count)s druga",
+        "other": "Pozivanje %(user)s i još %(count)s drugih"
+    },
+    "items_and_n_others": {
+        "one": "<Items/> i još jedan",
+        "few": "<Items/> i još %(count)s druga",
+        "other": "<Items/> i još %(count)s drugih"
+    },
+    "keyboard": {
+        "activate_button": "Aktiviraj odabrani gumb",
+        "alt": "Alt",
+        "autocomplete_cancel": "Otkaži automatsko dovršavanje",
+        "autocomplete_force": "Prisilno dovrši",
+        "autocomplete_navigate_next": "Sljedeći prijedlog za automatsko dovršavanje",
+        "autocomplete_navigate_prev": "Prethodni prijedlog za automatsko dovršavanje",
+        "backspace": "Brisanje ulijevo",
+        "cancel_reply": "Otkaži odgovaranje na poruku",
+        "category_autocomplete": "Automatsko dovršavanje",
+        "category_calls": "Pozivi",
+        "category_navigation": "Navigacija",
+        "category_room_list": "Popis soba",
+        "close_dialog_menu": "Zatvori dijaloški okvir ili kontekstni izbornik",
+        "composer_jump_end": "Skoči na kraj sastavljača poruka",
+        "composer_jump_start": "Skoči na početak sastavljača poruka",
+        "composer_navigate_next_history": "Idi na sljedeću poruku u povijesti sastavljača poruka",
+        "composer_navigate_prev_history": "Idi na prethodnu poruku u povijesti sastavljača poruka",
+        "composer_new_line": "Novi redak",
+        "composer_redo": "Ponovi uređivanje",
+        "composer_toggle_bold": "Uključi/isključi podebljano",
+        "composer_toggle_code_block": "Uključi/isključi blok koda",
+        "composer_toggle_italics": "Uključi/isključi kurziv",
+        "composer_toggle_link": "Uključi/isključi poveznicu",
+        "composer_toggle_quote": "Uključi/isključi citat",
+        "composer_undo": "Poništi uređivanje",
+        "control": "Ctrl",
+        "dismiss_read_marker_and_jump_bottom": "Odbaci oznaku čitanja i idi na dno",
+        "end": "End",
+        "enter": "Enter",
+        "escape": "Esc",
+        "go_home_view": "Idi na početni prikaz",
+        "home": "Home",
+        "jump_first_message": "Skoči na prvu poruku",
+        "jump_last_message": "Skoči na posljednju poruku",
+        "jump_room_search": "Idi na pretragu soba",
+        "jump_to_read_marker": "Skoči na najstariju nepročitanu poruku",
+        "keyboard_shortcuts_tab": "Otvori ovu karticu postavki",
+        "navigate_next_history": "Sljedeća nedavno posjećena soba ili prostor",
+        "navigate_next_message_edit": "Idi na sljedeću poruku za uređivanje",
+        "navigate_prev_history": "Prethodna nedavno posjećena soba ili prostor",
+        "navigate_prev_message_edit": "Idi na prethodnu poruku za uređivanje",
+        "next_landmark": "Idi na sljedeći orijentir",
+        "next_room": "Sljedeća soba ili izravna poruka",
+        "next_unread_room": "Sljedeća nepročitana soba ili izravna poruka",
+        "number": "[broj]",
+        "open_user_settings": "Otvori korisničke postavke",
+        "page_down": "Stranica dolje",
+        "page_up": "Stranica gore",
+        "prev_landmark": "Idi na prethodni orijentir",
+        "prev_room": "Prethodna soba ili izravna poruka",
+        "prev_unread_room": "Prethodna nepročitana soba ili izravna poruka",
+        "room_list_collapse_section": "Sažmi odjeljak s popisom soba",
+        "room_list_expand_section": "Proširi odjeljak s popisom soba",
+        "room_list_navigate_down": "Pomiči prema dolje na popisu soba",
+        "room_list_navigate_up": "Idi prema gore na popisu soba",
+        "room_list_select_room": "Odaberi sobu s popisa soba",
+        "save": "Spremi",
+        "scroll_down_timeline": "Pomakni se prema dolje na vremenskoj traci",
+        "scroll_up_timeline": "Pomakni se prema gore na vremenskoj traci",
+        "search": "Pretraživanje (mora biti omogućeno)",
+        "send_sticker": "Pošalji naljepnicu",
+        "shift": "Shift",
+        "space": "Razmaknica",
+        "switch_to_space": "Prijeđi u prostor po broju",
+        "toggle_hidden_events": "Uključi/isključi vidljivost skrivenog događaja",
+        "toggle_microphone_mute": "Uključi/isključi zvuk mikrofona",
+        "toggle_right_panel": "Prikaži/sakrij desnu ploču",
+        "toggle_space_panel": "Prikaži/sakrij ploču prostora",
+        "toggle_top_left_menu": "Prikaži/sakrij gornji lijevi izbornik",
+        "toggle_webcam_mute": "Uključi/isključi mrežnu kameru",
+        "upload_file": "Prenesi datoteku"
+    },
+    "labs": {
+        "ask_to_join": "Omogući traženje pridruživanja",
+        "automatic_debug_logs": "Automatsko slanje zapisnika o svakoj pogrešci",
+        "automatic_debug_logs_decryption": "Automatsko slanje zapisnika o otklanjanju pogrešaka dešifriranja",
+        "beta_description": "Što je sljedeće za %(brand)s? Labs su najbolji način da među prvima isprobate novosti, testirate nove značajke i pomognete ih oblikovati prije nego što službeno postanu dostupne.",
+        "beta_feature": "Ovo je beta značajka",
+        "beta_feedback_leave_button": "Da biste napustili beta inačicu, idite na postavke.",
+        "beta_feedback_title": "Povratne informacije o %(featureName)s Beta",
+        "beta_section": "Nadolazeće značajke",
+        "bridge_state": "Prikaži informacije o mostovima u postavkama sobe",
+        "bridge_state_channel": "Kanal: <channelLink/>",
+        "bridge_state_creator": "Ovaj je most postavio <user />.",
+        "bridge_state_manager": "Ovim mostom upravlja <user />.",
+        "bridge_state_workspace": "Radni prostor: <networkLink/>",
+        "click_for_info": "Kliknite za više informacija",
+        "currently_experimental": "Trenutačno u eksperimentalnoj fazi.",
+        "custom_themes": "Podrška za dodavanje prilagođenih tema",
+        "dynamic_room_predecessors": "Dinamički prethodnici soba",
+        "dynamic_room_predecessors_description": "Omogući MSC3946 (za podršku naknadno pristiglim arhivama soba)",
+        "element_call_video_rooms": "Videosobe u Element Callu",
+        "encrypted_state_events": "Događaji šifriranog stanja (MSC4362)",
+        "encrypted_state_events_description": "Omogućuje eksperimentalnu podršku za šifriranje događaja stanja, čime se od poslužitelja skrivaju metapodatci, poput naziva soba i tema. Ti metapodatci bit će skriveni i od osoba koje se poslije pridruže sobama i od onih čiji klijenti ne podržavaju MSC4362.",
+        "exclude_insecure_devices": "Izostavi nesigurne uređaje prilikom slanja/primanja poruka",
+        "exclude_insecure_devices_description": "Kada je ovaj način rada omogućen, šifrirane poruke neće se dijeliti s nepotvrđenim uređajima, a poruke s nepotvrđenih uređaja prikazivat će se kao pogreška. Imajte na umu da ako omogućite ovaj način rada, možda nećete moći komunicirati s korisnicima koji nisu potvrdili svoje uređaje.",
+        "experimental_description": "Jeste li za eksperimentiranje? Isprobajte naše najnovije ideje u razvoju. Ove značajke nisu finalizirane; mogu biti nestabilne, mogu se promijeniti ili se uopće ne moraju prihvatiti. <a>Saznajte više</a>.",
+        "experimental_section": "Rani pregledi",
+        "extended_profiles_msc_support": "Zahtijeva da vaš poslužitelj podržava MSC4133",
+        "feature_disable_call_per_sender_encryption": "Onemogući šifriranje po pošiljatelju za Element Call",
+        "feature_wysiwyg_composer_description": "Upotrebljavaj obogaćeni tekst umjesto Markdowna u sastavljaču poruka.",
+        "group_calls": "Novo iskustvo grupnih poziva",
+        "group_developer": "Razvojni inženjer",
+        "group_encryption": "Šifriranje",
+        "group_experimental": "Eksperimentalno",
+        "group_messaging": "Razmjena poruka",
+        "group_moderation": "Moderiranje",
+        "group_profile": "Profil",
+        "group_rooms": "Sobe",
+        "group_spaces": "Prostori",
+        "group_themes": "Teme",
+        "group_threads": "Niti",
+        "group_ui": "Korisničko sučelje",
+        "group_voip": "Glas i videozapis",
+        "group_widgets": "Widgeti",
+        "hidebold": "Sakrij indikator obavijesti (prikaži samo brojčane oznake)",
+        "html_topic": "Prikaži HTML prikaz tema soba",
+        "join_beta": "Pridruži se beta inačici",
+        "join_beta_reload": "Pridruživanjem beta inačici ponovno će se pokrenuti %(brand)s.",
+        "jump_to_date": "Skoči na datum (dodaje zaglavlja /jumptodate i skok na datum)",
+        "jump_to_date_msc_support": "Zahtijeva da vaš poslužitelj podržava MSC3030",
+        "latex_maths": "Prikaži matematičke izraze sustava LaTeX u porukama",
+        "leave_beta": "Napusti beta inačicu",
+        "leave_beta_reload": "Napuštanjem beta inačice ponovno će se pokrenuti %(brand)s.",
+        "location_share_live": "Dijeljenje lokacije uživo",
+        "location_share_live_description": "Privremena implementacija. Lokacije ostaju u povijesti sobe.",
+        "mjolnir": "Novi načini ignoriranja osoba",
+        "msc3531_hide_messages_pending_moderation": "Dopusti moderatorima da sakriju poruke koje čekaju moderiranje.",
+        "new_room_list": "Omogući novi popis soba",
+        "notification_settings": "Nove postavke obavijesti",
+        "notification_settings_beta_caption": "Predstavljamo jednostavniji način promjene postavki obavijesti. Prilagodite svoj %(brand)s tako da bude po vašoj mjeri.",
+        "notification_settings_beta_title": "Postavke obavijesti",
+        "notifications": "Omogući ploču s obavijestima u zaglavlju sobe",
+        "release_announcement": "Najava nove inačice",
+        "render_reaction_images": "Prikaži prilagođene slike u reakcijama",
+        "render_reaction_images_description": "Ponekad se nazivaju „prilagođeni emotikoni”",
+        "report_to_moderators": "Prijavi moderatorima",
+        "report_to_moderators_description": "U sobama koje podržavaju moderiranje gumb „Prijavi” omogućit će vam da moderatorima sobe prijavite svako neprimjereno ponašanje.",
+        "share_history_on_invite": "Podijeli šifriranu povijest s novim članovima",
+        "share_history_on_invite_description": "Prilikom pozivanja korisnika u šifriranu sobu čija je vidljivost povijesti postavljena na podijeljenu, podijelite šifriranu povijest s tim korisnikom i prihvatite šifriranu povijest kada budete pozvani u takvu sobu.",
+        "share_history_on_invite_warning": "Ova je značajka u EKSPERIMENTALNOJ FAZI i nisu implementirane sve sigurnosne mjere. Ne omogućavajte je na produkcijskim računima.",
+        "sliding_sync": "Način rada Sliding Sync",
+        "sliding_sync_description": "Značajka je u razvoju, ne može se onemogućiti. Trenutačno nije kompatibilna s Element Callom.",
+        "sliding_sync_disabled_notice": "Odjavite se i ponovno prijavite da biste onemogućili",
+        "sliding_sync_server_no_support": "Vaš poslužitelj nema podršku",
+        "under_active_development": "Trenutačno je u razvoju.",
+        "unrealiable_e2e": "Nepouzdano u šifriranim sobama",
+        "video_rooms": "Videosobe",
+        "video_rooms_a_new_way_to_chat": "Nov način razgovora putem glasa i videa u %(brand)s.",
+        "video_rooms_always_on_voip_channels": "Videosobe su VoIP kanali koji su uvijek uključeni i ugrađeni u sobu u %(brand)s.",
+        "video_rooms_beta": "Videosobe su beta značajka",
+        "video_rooms_faq1_answer": "Koristite gumb „+” u odjeljku sobe na lijevoj ploči.",
+        "video_rooms_faq1_question": "Kako mogu stvoriti videosobu?",
+        "video_rooms_faq2_answer": "Da, vremenska crta razgovora prikazuje se uz videozapis.",
+        "video_rooms_faq2_question": "Je li mi dostupan tekstni razgovor dok traje videopoziv?",
+        "video_rooms_feedbackSubheading": "Hvala vam što ste isprobali beta inačicu. Molimo vas da nam navedete što više pojedinosti kako bismo je mogli poboljšati.",
+        "wysiwyg_composer": "Uređivač obogaćenog teksta"
+    },
+    "labs_mjolnir": {
+        "advanced_warning": "⚠ Ove su postavke namijenjene naprednim korisnicima.",
+        "ban_reason": "Ignorirani/blokirani",
+        "error_adding_ignore": "Pogreška pri dodavanju ignoriranog korisnika/poslužitelja",
+        "error_adding_list_description": "Provjerite ID sobe ili adresu i pokušajte ponovno.",
+        "error_adding_list_title": "Pogreška prilikom pretplate na popis",
+        "error_removing_ignore": "Pogreška pri uklanjanju ignoriranog korisnika/poslužitelja",
+        "error_removing_list_description": "Pokušajte ponovno ili pogledajte konzolu za savjete.",
+        "error_removing_list_title": "Pogreška prilikom odjave s popisa",
+        "explainer_1": "Ovdje dodajte korisnike i poslužitelje koje želite ignorirati. Upotrijebite zvjezdice kako bi se %(brand)s podudarao s bilo kojim znakom. Na primjer, <code>@bot:*</code> bi ignorirao sve korisnike s imenom bot na bilo kojem poslužitelju.",
+        "explainer_2": "Ignoriranje ljudi vrši se putem popisa zabrana koje sadrže pravila o tome kome treba zabraniti pristup. Pretplata na popis zabrana znači da nećete vidjeti korisnike/poslužitelje koji su blokirani tim popisom.",
+        "lists": "Trenutačno ste pretplaćeni na:",
+        "lists_description_1": "Ako se pretplatite na popis zabrana, pridružit ćete mu se!",
+        "lists_description_2": "Ako to nije ono što želite, upotrijebite drugi alat za ignoriranje korisnika.",
+        "lists_heading": "Popisi na koje ste pretplaćeni",
+        "lists_new_label": "ID sobe ili adresa popisa zabrana",
+        "no_lists": "Niste pretplaćeni ni na jedan popis",
+        "personal_description": "Vaš osobni popis zabrana sadrži sve korisnike/poslužitelje od kojih ne želite vidjeti poruke. Nakon što ignorirate svog prvog korisnika/poslužitelj, na vašem će se popisu soba pojaviti nova soba pod nazivom %(myBanList)s – ostanite u toj sobi kako bi popis zabrana ostao na snazi.",
+        "personal_empty": "Niste nikoga označili za ignoriranje.",
+        "personal_heading": "Osobni popis zabrana",
+        "personal_new_label": "ID poslužitelja ili korisnika označenih za ignoriranje",
+        "personal_new_placeholder": "npr.: @bot:* ili primjer.org",
+        "personal_section": "Trenutačno ignorirate:",
+        "room_name": "Moj popis zabrana",
+        "room_topic": "Ovo je vaš popis korisnika/poslužitelja koje ste blokirali – ne napuštajte sobu!",
+        "rules_empty": "Nema",
+        "rules_server": "Pravila poslužitelja",
+        "rules_title": "Pravila popisa zabrana – %(roomName)s",
+        "rules_user": "Pravila za korisnike",
+        "something_went_wrong": "Nešto je pošlo po zlu. Pokušajte ponovno ili pogledajte konzolu za savjete.",
+        "title": "Ignorirani korisnici",
+        "view_rules": "Prikaži pravila"
+    },
+    "language_dropdown_label": "Padajući izbornik jezika",
+    "leave_room_dialog": {
+        "last_person_warning": "Ovdje ste jedina osoba. Ako odete, nitko se više neće moći pridružiti, uključujući i vas.",
+        "leave_room_question": "Jeste li sigurni da želite napustiti sobu %(roomName)s?",
+        "leave_space_question": "Jeste li sigurni da želite napustiti prostor %(spaceName)s?",
+        "room_leave_admin_warning": "Vi ste jedini administrator u ovoj sobi. Ako odete, nitko neće moći mijenjati postavke sobe ili poduzimati druge važne radnje.",
+        "room_leave_mod_warning": "Vi ste jedini moderator u ovoj sobi. Ako odete, nitko neće moći mijenjati postavke sobe ili poduzimati druge važne radnje.",
+        "room_rejoin_warning": "Ova soba nije javna. Nećete se moći ponovno pridružiti bez pozivnice.",
+        "space_rejoin_warning": "Ovaj prostor nije javan. Nećete se moći ponovno pridružiti bez pozivnice."
+    },
+    "left_panel": {
+        "open_dial_pad": "Otvori brojčanik"
+    },
+    "lightbox": {
+        "rotate_left": "Zakreni ulijevo",
+        "rotate_right": "Zakreni udesno",
+        "title": "Prikaz slike"
+    },
+    "location_sharing": {
+        "MapStyleUrlNotConfigured": "Ovaj matični poslužitelj nije konfiguriran za prikaz karata.",
+        "MapStyleUrlNotReachable": "Ovaj matični poslužitelj nije ispravno konfiguriran za prikaz karata ili konfigurirani poslužitelj karata možda nije dostupan.",
+        "WebGLNotEnabled": "Za prikaz karata potreban je WebGL; omogućite ga u postavkama preglednika.",
+        "click_drop_pin": "Kliknite za postavljanje oznake",
+        "click_move_pin": "Kliknite za pomicanje oznake",
+        "close_sidebar": "Zatvori bočnu traku",
+        "error_fetch_location": "Nije moguće dohvatiti lokaciju",
+        "error_no_perms_description": "Morate imati odgovarajuća dopuštenja kako biste mogli dijeliti lokacije u ovoj sobi",
+        "error_no_perms_title": "Nemate dopuštenje za dijeljenje lokacija",
+        "error_send_description": "%(brand)s nije mogao poslati vašu lokaciju. Pokušajte ponovno poslije.",
+        "error_send_title": "Nismo mogli poslati vašu lokaciju",
+        "error_sharing_live_location": "Došlo je do pogreške prilikom dijeljenja lokacije uživo",
+        "error_stopping_live_location": "Došlo je do pogreške prilikom zaustavljanja prikaza lokacije uživo",
+        "expand_map": "Proširi kartu",
+        "failed_generic": "Nije uspjelo dohvaćanje vaše lokacije. Pokušajte ponovno poslije.",
+        "failed_load_map": "Nije moguće učitati kartu",
+        "failed_permission": "%(brand)su nije dopušteno dohvaćanje vaše lokacije. Omogućite pristup lokaciji u postavkama preglednika.",
+        "failed_timeout": "Isteklo je vrijeme za pokušaj dohvaćanja vaše lokacije. Pokušajte ponovno poslije.",
+        "failed_unknown": "Došlo je do nepoznate pogreške prilikom dohvaćanja lokacije. Pokušajte ponovno poslije.",
+        "find_my_location": "Pronađi moju lokaciju",
+        "live_description": "Lokacija uživo od %(displayName)s",
+        "live_enable_description": "Napomena: ovo je Labs značajka koja upotrebljava privremenu implementaciju. To znači da nećete moći izbrisati svoju povijest lokacija, a napredni korisnici moći će vidjeti vašu povijest lokacija, čak i nakon što prestanete dijeliti svoju lokaciju uživo s ovom sobom.",
+        "live_enable_heading": "Dijeljenje lokacije uživo",
+        "live_location_active": "Dijelite svoju lokaciju uživo",
+        "live_location_enabled": "Omogućena je lokacija uživo",
+        "live_location_ended": "Prikaz lokacije uživo je završio",
+        "live_location_error": "Pogreška prikaza lokacije uživo",
+        "live_locations_empty": "Nema lokacija uživo",
+        "live_share_button": "Dijeli u trajanju od %(duration)s",
+        "live_toggle_label": "Omogući dijeljenje lokacije uživo",
+        "live_until": "Uživo do %(expiryTime)s",
+        "live_update_time": "Ažurirano %(humanizedUpdateTime)s",
+        "loading_live_location": "U tijeku je učitavanje lokacije uživo…",
+        "location_not_available": "Lokacija nije dostupna",
+        "map_feedback": "Povratne informacije o karti",
+        "mapbox_logo": "Mapboxov logotip",
+        "reset_bearing": "Vrati orijentaciju na sjever",
+        "share_button": "Podijeli lokaciju",
+        "share_type_live": "Moja lokacija uživo",
+        "share_type_own": "Moja trenutačna lokacija",
+        "share_type_pin": "Postavi oznaku",
+        "share_type_prompt": "Koju vrstu lokacije želite podijeliti?",
+        "toggle_attribution": "Uključi/isključi atribuciju"
+    },
+    "member_list": {
+        "count": {
+            "one": "%(count)s član",
+            "few": "%(count)s člana",
+            "other": "%(count)s članova"
+        },
+        "filter_placeholder": "Pretraživanje članova sobe",
+        "invite_button_no_perms_tooltip": "Nemate dopuštenje za pozivanje korisnika",
+        "invited_label": "Pozvani",
+        "list_title": "Popis članova",
+        "no_matches": "Nema podudaranja"
+    },
+    "member_list_back_action_label": "Članovi sobe",
+    "message_edit_dialog_title": "Uređivanje poruka",
+    "migrating_crypto": "Pričekajte. Ažuriramo %(brand)s kako bi šifriranje bilo brže i pouzdanije.",
+    "mobile_guide": {
+        "toast_accept": "Koristi se aplikacijom",
+        "toast_description": "%(brand)s je u eksperimentalnoj fazi na mobilnom mrežnom pregledniku. Naša besplatna izvorna aplikacija pruža vam bolje iskustvo i najnovije značajke.",
+        "toast_title": "Aplikacija vam pruža bolje korisničko iskustvo"
+    },
+    "name_and_id": "%(name)s (%(userId)s)",
+    "no_more_results": "Nema više rezultata",
+    "notif_panel": {
+        "empty_description": "Nemate vidljivih obavijesti.",
+        "empty_heading": "Sve ste pregledali"
+    },
+    "notifications": {
+        "all_messages": "Sve poruke",
+        "all_messages_description": "Primi obavijest za svaku poruku",
+        "class_global": "Globalno",
+        "class_other": "Ostalo",
+        "default": "Zadano",
+        "email_pusher_app_display_name": "Obavijesti e-poštom",
+        "enable_prompt_toast_description": "Omogući obavijesti na radnoj površini",
+        "enable_prompt_toast_title": "Obavijesti",
+        "enable_prompt_toast_title_from_message_send": "Ne propustite odgovor",
+        "error_change_title": "Promijeni postavke obavijesti",
+        "keyword": "Ključna riječ",
+        "keyword_new": "Nova ključna riječ",
+        "level_activity": "Aktivnost",
+        "level_highlight": "Istaknuto",
+        "level_muted": "Bez zvuka",
+        "level_none": "Nema",
+        "level_notification": "Obavijest",
+        "level_unsent": "Nije poslano",
+        "mark_all_read": "Označi sve kao pročitano",
+        "mentions_and_keywords": "@spominjanja i ključne riječi",
+        "mentions_and_keywords_description": "Primajte obavijesti samo o spominjanjima i ključnim riječima kako je postavljeno u vašim <a>postavkama</a>",
+        "mentions_keywords": "Spominjanja i ključne riječi",
+        "message_didnt_send": "Poruka nije poslana. Kliknite za informacije.",
+        "mute_description": "Nećete primati nikakve obavijesti"
+    },
+    "notifier": {
+        "m.key.verification.request": "%(name)s traži potvrdu"
+    },
+    "onboarding": {
+        "create_room": "Izradi grupni razgovor",
+        "explore_rooms": "Pretražuj javne sobe",
+        "has_avatar_label": "Odlično, to će pomoći korisnicima da znaju da ste to vi",
+        "intro_byline": "Preuzmite kontrolu nad svojim razgovorima.",
+        "intro_welcome": "Dobro došli u %(appName)s",
+        "no_avatar_label": "Dodajte fotografiju kako bi korisnici znali da ste to vi.",
+        "send_dm": "Pošalji izravnu poruku",
+        "welcome_detail": "Sad ćemo vam pomoći da započnete",
+        "welcome_user": "%(name)s, dobro došli"
+    },
+    "pill": {
+        "permalink_other_room": "Poruka u sobi %(room)s",
+        "permalink_this_room": "Poruka od korisnika %(user)s"
+    },
+    "poll": {
+        "create_poll_action": "Izradi anketu",
+        "create_poll_title": "Izradi anketu",
+        "disclosed_notes": "Sudionici ankete vide rezultate čim glasaju",
+        "edit_poll_title": "Uredi anketu",
+        "end_description": "Jeste li sigurni da želite zatvoriti ovu anketu? Time će se prikazati konačni rezultati ankete i spriječiti da sudionici glasaju.",
+        "end_message": "Anketa je završila. Najbolji odgovor: %(topAnswer)s",
+        "end_message_no_votes": "Anketa je završila. Nije bilo glasova.",
+        "end_title": "Zatvori anketu",
+        "ended_poll_label": "Anketa je završila",
+        "error_ending_description": "Žao nam je, anketa nije završila. Pokušajte ponovno.",
+        "error_ending_title": "Zatvaranje ankete nije uspjelo",
+        "error_voting_description": "Žao nam je, vaš glas nije registriran. Pokušajte ponovno.",
+        "error_voting_title": "Glas nije registriran",
+        "failed_send_poll_description": "Žao nam je, anketa koju ste pokušali izraditi nije objavljena.",
+        "failed_send_poll_title": "Objavljivanje ankete nije uspjelo",
+        "notes": "Rezultati se otkrivaju tek kada zatvorite anketu",
+        "option_label": "Mogućnost %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "Mogućnost %(number)s, %(answer)s, dobitna mogućnost, %(count)s glas",
+            "few": "Mogućnost %(number)s, %(answer)s, dobitna mogućnost, %(count)s glasa",
+            "other": "Mogućnost %(number)s, %(answer)s, dobitna mogućnost, %(count)s glasova"
+        },
+        "option_label_with_total": {
+            "one": "Mogućnost %(number)s, %(answer)s, %(count)s glas",
+            "few": "Mogućnost %(number)s, %(answer)s, %(count)s glasa",
+            "other": "Mogućnost %(number)s, %(answer)s, %(count)s glasova"
+        },
+        "options_add_button": "Dodaj mogućnost",
+        "options_heading": "Izradi mogućnosti",
+        "options_label": "Mogućnost %(number)s",
+        "options_placeholder": "Napiši mogućnost",
+        "poll_label": "Anketa",
+        "topic_heading": "Koje je vaše pitanje ili tema ankete?",
+        "topic_label": "Pitanje ili tema",
+        "topic_placeholder": "Napišite nešto…",
+        "total_decryption_errors": "Zbog pogrešaka u dešifriranju, neki glasovi možda neće biti prebrojani",
+        "total_n_votes": {
+            "one": "Dan je %(count)s glas. Glasajte da biste mogli vidjeti rezultate",
+            "few": "Dana su %(count)s glasa. Glasajte da biste mogli vidjeti rezultate",
+            "other": "Dano je %(count)s glasova. Glasajte da biste mogli vidjeti rezultate"
+        },
+        "total_n_votes_voted": {
+            "one": "Na temelju %(count)s glasa",
+            "few": "Na temelju %(count)s glasa",
+            "other": "Na temelju %(count)s glasova"
+        },
+        "total_no_votes": "Nema glasova",
+        "total_not_ended": "Rezultati će biti vidljivi kada se anketa završi",
+        "type_closed": "Zatvorena anketa",
+        "type_heading": "Vrsta ankete",
+        "type_open": "Otvorena anketa",
+        "unable_edit_description": "Žao nam je, ne možete uređivati ​​anketu nakon što su glasovi već dani.",
+        "unable_edit_title": "Nije moguće urediti ​​anketu"
+    },
+    "power_level": {
+        "admin": "Administrator",
+        "creator": "Vlasnik",
+        "custom": "Prilagođeno (%(level)s)",
+        "custom_level": "Prilagođena razina",
+        "default": "Zadano",
+        "label": "Razina ovlasti",
+        "moderator": "Moderator",
+        "restricted": "Ograničeno"
+    },
+    "powered_by_matrix": "Pokreće Matrix",
+    "powered_by_matrix_with_logo": "Decentralizirani, šifrirani razgovori i suradnja koje pokreće $matrixLogo",
+    "presence": {
+        "away": "Odsutan/na",
+        "busy": "Zauzeto",
+        "idle": "U mirovanju",
+        "idle_for": "U mirovanju %(duration)s",
+        "offline": "Izvan mreže",
+        "offline_for": "Izvan mreže %(duration)s",
+        "online": "Na mreži",
+        "online_for": "Na mreži %(duration)s",
+        "unknown": "Nepoznato",
+        "unknown_for": "Nepoznato %(duration)s",
+        "unreachable": "Korisnikov poslužitelj nije dostupan"
+    },
+    "quick_settings": {
+        "all_settings": "Sve postavke",
+        "metaspace_section": "Prikvači na bočnu traku",
+        "sidebar_settings": "Više mogućnosti",
+        "title": "Brze postavke"
+    },
+    "quit_warning": {
+        "call_in_progress": "Izgleda da ste u pozivu, jeste li sigurni da želite prekinuti?",
+        "file_upload_in_progress": "Izgleda da prenosite datoteke, jeste li sigurni da želite odustati?"
+    },
+    "redact": {
+        "confirm_button": "Potvrdi uklanjanje",
+        "confirm_description": "Jeste li sigurni da želite ukloniti (izbrisati) ovaj događaj?",
+        "confirm_description_state": "Imajte na umu da uklanjanje ovakvih promjena na sobi može poništiti promjenu.",
+        "error": "Ne možete izbrisati ovu poruku. (%(code)s)",
+        "ongoing": "U tijeku je uklanjanje…",
+        "reason_label": "Razlog (neobavezno)"
+    },
+    "report_content": {
+        "description": "Prijavljivanjem ove poruke administratoru matičnog poslužitelja poslat će se njezin jedinstveni ID događaja. Ako su poruke u ovoj sobi šifrirane, administrator matičnog poslužitelja neće moći pročitati tekst poruke niti pregledati datoteke ili slike.",
+        "disagree": "Ne slažem se",
+        "error_create_room_moderation_bot": "Nije moguće izraditi sobu botom za moderiranje",
+        "hide_messages_from_user": "Označite ako želite sakriti sve trenutačne i buduće poruke od ovog korisnika.",
+        "ignore_user": "Ignoriraj korisnika",
+        "illegal_content": "Nezakonit sadržaj",
+        "missing_reason": "Navedite razlog prijave.",
+        "nature": "Odaberite sadržaj poruke i objasnite zašto je uvredljiva.",
+        "nature_disagreement": "Ono što ovaj korisnik piše nije u redu.\nTo će se prijaviti moderatorima sobe.",
+        "nature_illegal": "Ovaj korisnik se ponaša nezakonito, npr. otkriva osobne podatke drugih korisnika ili prijeti nasiljem.\nTo će se prijaviti moderatorima sobe, koji taj slučaj mogu prijaviti nadležnim organima.",
+        "nature_nonstandard_admin": "Ova je soba namijenjena nezakonitom ili neprimjerenom sadržaju ili moderatori ne moderiraju nezakonit ili neprimjeren sadržaj.\nTo će se prijaviti administratorima poslužitelja %(homeserver)s.",
+        "nature_nonstandard_admin_encrypted": "Ova je soba namijenjena nezakonitom ili neprimjerenom sadržaju ili moderatori ne moderiraju nezakonit ili neprimjeren sadržaj.\nTo će se prijaviti administratorima poslužitelja %(homeserver)s. Administratori NEĆE moći čitati šifrirani sadržaj ove sobe.",
+        "nature_other": "Bilo koji drugi razlog. Opišite problem.\nTo će se prijaviti moderatorima sobe.",
+        "nature_spam": "Ovaj korisnik zasipa sobu oglasima, poveznicama na oglase ili propagandom.\nTo će se prijaviti moderatorima sobe.",
+        "nature_toxic": "Ovaj se korisnik neprimjereno ponaša, na primjer vrijeđa druge korisnike ili dijeli sadržaj za odrasle u sobi prihvatljivoj za obitelji ili na drugi način krši pravila ove sobe.\nTo će se prijaviti moderatorima sobe.",
+        "other_label": "Ostalo",
+        "report_content_to_homeserver": "Prijavite sadržaj administratoru matičnog poslužitelja",
+        "report_entire_room": "Prijavi cijelu sobu",
+        "spam_or_propaganda": "Neželjeni sadržaj ili propaganda",
+        "toxic_behaviour": "Neprimjereno ponašanje"
+    },
+    "report_room": {
+        "description": "Prijavite ovu sobu svom davatelju usluga računa. Ako su poruke šifrirane, administrator ih neće moći pročitati.",
+        "reason_label": "Opišite razlog"
+    },
+    "restore_key_backup_dialog": {
+        "count_of_decryption_failures": "Nije uspjelo dešifriranje %(failedCount)s sesija!",
+        "count_of_successfully_restored_keys": "Uspješno je obnovljeno %(sessionCount)s ključeva",
+        "enter_key_description": "Pristupite povijesti zaštićenih poruka i postavite zaštićene poruke tako da unesete ključ za oporavak.",
+        "enter_key_title": "Unesi ključ za oporavak",
+        "enter_phrase_description": "Pristupite povijesti zaštićenih poruka i postavite zaštićene poruke tako da unesete sigurnosni izraz.",
+        "enter_phrase_title": "Unesite sigurnosni izraz",
+        "incorrect_security_phrase_dialog": "Sigurnosna kopija nije se mogla dešifrirati ovim sigurnosnim izrazom: provjerite jeste li unijeli ispravan sigurnosni izraz.",
+        "incorrect_security_phrase_title": "Netočan sigurnosni izraz",
+        "key_backup_warning": "<b>Upozorenje</b>: sigurnosnu kopiju ključa trebali biste postaviti samo s pouzdanog računala.",
+        "key_fetch_in_progress": "Dohvaćanje ključeva s poslužitelja…",
+        "key_forgotten_text": "Ako ste zaboravili ključ za oporavak, možete <button>postaviti nove mogućnosti oporavka</button>",
+        "key_is_invalid": "Nije valjani ključ za oporavak",
+        "key_is_valid": "Ovo izgleda kao valjani ključ za oporavak!",
+        "keys_restored_title": "Obnovljeni ključevi",
+        "load_error_content": "Nije moguće učitati status sigurnosne kopije",
+        "load_keys_progress": "%(completed)s od %(total)s obnovljenih ključeva",
+        "no_backup_error": "Nije pronađena sigurnosna kopija!",
+        "phrase_forgotten_text": "Ako ste zaboravili sigurnosni izraz, možete <button1>upotrijebiti ključ za oporavak</button1> ili <button2>postaviti nove mogućnosti oporavka</button2>",
+        "recovery_key_mismatch_description": "Sigurnosna kopija nije se mogla dešifrirati ovim ključem za oporavak: provjerite jeste li unijeli ispravan ključ za oporavak.",
+        "recovery_key_mismatch_title": "Neusklađenost ključa za oporavak",
+        "restore_failed_error": "Nije moguće vratiti sigurnosnu kopiju"
+    },
+    "right_panel": {
+        "add_integrations": "Dodaj proširenja",
+        "add_topic": "Dodaj temu",
+        "extensions_button": "Proširenja",
+        "extensions_empty_description": "Odaberite „%(addIntegrations)s” za pregledavanje i dodavanje proširenja ovoj sobi",
+        "extensions_empty_title": "Povećajte produktivnost s više alata, widgeta i botova",
+        "files_button": "Datoteke",
+        "pinned_messages": {
+            "empty_description": "Odaberite poruku i odaberite „%(pinAction)s” kako biste je ovdje uključili.",
+            "empty_title": "Prikvačite važne poruke kako bi ih se lakše moglo pronaći",
+            "header": {
+                "one": "1 prikvačena poruka",
+                "few": "%(count)s prikvačene poruke",
+                "other": "%(count)s prikvačenih poruka"
+            },
+            "limits": {
+                "one": "Možete prikvačiti najviše %(count)s widget",
+                "few": "Možete prikvačiti najviše %(count)s widgeta",
+                "other": "Možete prikvačiti najviše %(count)s widgeta"
+            },
+            "menu": "Otvori izbornik",
+            "reply_thread": "Odgovori na <link>poruku u niti</link>",
+            "unpin_all": {
+                "button": "Otkvači sve poruke",
+                "content": "Potvrdite da zaista želite ukloniti sve prikvačene poruke. Ovu radnju nije moguće poništiti.",
+                "title": "Želite li otkvačiti sve poruke?"
+            },
+            "view": "Prikaži na vremenskoj traci"
+        },
+        "pinned_messages_button": "Prikvačene poruke",
+        "poll": {
+            "active_heading": "Aktivne ankete",
+            "empty_active": "U ovoj sobi nema aktivnih anketa",
+            "empty_active_load_more": "Nema aktivnih anketa. Učitajte još anketa za pregled anketa iz prethodnih mjeseci",
+            "empty_active_load_more_n_days": {
+                "one": "Nema aktivnih anketa za protekli dan. Učitajte još anketa za pregled anketa iz prethodnih mjeseci.",
+                "few": "Nema aktivnih anketa za protekla %(count)s dana. Učitajte još anketa za pregled anketa iz prethodnih mjeseci.",
+                "other": "Nema aktivnih anketa za proteklih %(count)s dana. Učitajte još anketa za pregled anketa iz prethodnih mjeseci."
+            },
+            "empty_past": "U ovoj sobi nema prijašnjih anketa",
+            "empty_past_load_more": "Nema prijašnjih anketa. Učitajte još anketa za pregled anketa iz prethodnih mjeseci.",
+            "empty_past_load_more_n_days": {
+                "one": "Nema prijašnjih anketa za protekli dan. Učitajte još anketa za pregled anketa iz prethodnih mjeseci",
+                "few": "Nema prijašnjih anketa za protekla %(count)s dana. Učitajte još anketa za pregled anketa iz prethodnih mjeseci",
+                "other": "Nema prijašnjih anketa za proteklih %(count)s dana. Učitajte još anketa za pregled anketa iz prethodnih mjeseci"
+            },
+            "final_result": {
+                "one": "Konačni rezultat na temelju %(count)s glasa",
+                "few": "Konačni rezultat na temelju %(count)s glasa",
+                "other": "Konačni rezultat na temelju %(count)s glasova"
+            },
+            "load_more": "Učitaj još anketa",
+            "loading": "Učitavanje anketa",
+            "past_heading": "Prijašnje ankete",
+            "view_in_timeline": "Prikaži anketu na vremenskoj traci",
+            "view_poll": "Prikaži anketu"
+        },
+        "polls_button": "Ankete",
+        "room_summary_card": {
+            "title": "Informacije o sobi"
+        },
+        "thread_list": {
+            "context_menu_label": "Mogućnosti niti"
+        },
+        "video_room_chat": {
+            "title": "Razgovor"
+        }
+    },
+    "room": {
+        "3pid_invite_email_not_found_account": "Ova pozivnica poslana je na e-adresu %(email)s koja nije povezana s vašim računom",
+        "3pid_invite_email_not_found_account_room": "Ova pozivnica za sobu %(roomName)s poslana je na e-adresu %(email)s koja nije povezana s vašim računom",
+        "3pid_invite_error_description": "Pojavila se pogreška (%(errcode)s) prilikom pokušaja provjere valjanosti vaše pozivnice. Možete pokušati proslijediti ovu informaciju osobi koja vas je pozvala.",
+        "3pid_invite_error_invite_action": "Pokušaj se ipak pridružiti",
+        "3pid_invite_error_invite_subtitle": "Možete se pridružiti samo s važećom pozivnicom.",
+        "3pid_invite_error_public_subtitle": "Još se uvijek možete ovdje pridružiti.",
+        "3pid_invite_error_title": "Nešto nije u redu s vašom pozivnicom.",
+        "3pid_invite_error_title_room": "Nešto nije u redu s vašim pozivnicom za sobu %(roomName)s",
+        "3pid_invite_no_is_subtitle": "Upotrijebite poslužitelj identiteta u postavkama kako biste primali pozivnice izravno na %(brand)s.",
+        "banned_by": "%(memberName)s vam je zabranio/la pristup",
+        "banned_from_room_by": "%(memberName)s zabranio/la vam je pristup sobi %(roomName)s",
+        "context_menu": {
+            "copy_link": "Kopiraj poveznicu na sobu",
+            "favourite": "Favorit",
+            "forget": "Zaboravi sobu",
+            "low_priority": "Nizak prioritet",
+            "mark_read": "Označi kao pročitano",
+            "mark_unread": "Označi kao nepročitano",
+            "notifications_default": "Uskladi sa zadanom postavkom",
+            "notifications_mute": "Utišaj sobu",
+            "title": "Mogućnosti soba",
+            "unfavourite": "Označeno kao favorit"
+        },
+        "creating_room_text": "Stvaramo sobu s nazivom %(names)s",
+        "dm_invite_action": "Započni razgovor",
+        "dm_invite_subtitle": "<userName/> želi razgovarati",
+        "dm_invite_title": "Želiš li razgovarati s korisnikom %(user)s?",
+        "drop_file_prompt": "Ovdje ispusti datoteku za prijenos",
+        "edit_topic": "Uredi temu",
+        "error_cancel_knock_title": "Otkazivanje nije uspjelo",
+        "error_join_403": "Za pristup ovoj sobi potrebna vam je pozivnica.",
+        "error_join_404_1": "Pokušali ste se pridružiti koristeći ID sobe bez navođenja popisa poslužitelja putem kojih se možete pridružiti. ID-ovi soba interni su identifikatori i ne mogu se upotrijebiti za pridruživanje sobi bez pružanja dodatnih informacija.",
+        "error_join_404_2": "Ako znate adresu sobe, pokušajte se pridružiti služeći se tim podatkom.",
+        "error_join_404_invite": "Osoba koja vas je pozvala već je otišla ili je njezin poslužitelj izvan mreže.",
+        "error_join_404_invite_same_hs": "Osoba koja vas je pozvala već je otišla.",
+        "error_join_connection": "Došlo je do pogreške prilikom pridruživanja.",
+        "error_join_incompatible_version_1": "Žao nam je, vaš je matični poslužitelj prestar da bi ovdje sudjelovao.",
+        "error_join_incompatible_version_2": "Kontaktirajte s administratorom svog matičnog poslužitelja.",
+        "error_join_title": "Pridruživanje nije uspjelo",
+        "error_jump_to_date": "Poslužitelj je prikazao %(statusCode)s s kodom pogreške %(errorCode)s",
+        "error_jump_to_date_connection": "Došlo je do mrežne pogreške prilikom pokušaja pronalaženja zadanog datuma i prelaska na njega. Vaš matični poslužitelj možda ne radi ili je samo došlo do kratkog prekida internetske veze. Pokušajte ponovno. Ako se ovo ponovi, obratite se administratoru svog matičnog poslužitelja.",
+        "error_jump_to_date_details": "Pojedinosti o pogrešci",
+        "error_jump_to_date_not_found": "Nismo uspjeli pronaći događaj nakon %(dateString)s. Odaberite raniji datum.",
+        "error_jump_to_date_send_logs_prompt": "Pošaljite <debugLogsLink>zapisnike o otklanjanju pogrešaka</debugLogsLink> kako bismo lakše pronašli problem.",
+        "error_jump_to_date_title": "Nije moguće pronaći događaj na taj datum",
+        "face_pile_summary": {
+            "one": "%(count)s osoba koju poznajete već se pridružila",
+            "few": "%(count)s osobe koje poznajete već su se pridružile",
+            "other": "%(count)s osoba koje poznajete već se pridružilo"
+        },
+        "face_pile_tooltip_label": {
+            "one": "Pregledaj jednog člana",
+            "few": "Pregledaj %(count)s člana",
+            "other": "Pregledaj svih %(count)s članova"
+        },
+        "face_pile_tooltip_shortcut": "Uključujući %(commaSeparatedMembers)s",
+        "face_pile_tooltip_shortcut_joined": "Uključujući i vas, %(commaSeparatedMembers)s",
+        "failed_determine_user": "Nije moguće odrediti kojeg korisnika ignorirati jer se događaj člana promijenio.",
+        "failed_reject_invite": "Odbijanje pozivnice nije uspjelo",
+        "forget_room": "Zaboravi ovu sobu",
+        "forget_space": "Zaboravi ovaj prostor",
+        "header": {
+            "join_video_call": "Pridruži se videopozivu",
+            "join_voice_call": "Pridruži se glasovnom pozivu",
+            "n_people_asking_to_join": {
+                "one": "Traži da se pridruži",
+                "few": "%(count)s osobe traže da se pridruže",
+                "other": "%(count)s osoba traži da se pridruži"
+            },
+            "room_is_public": "Ova je soba javna"
+        },
+        "header_avatar_open_settings_label": "Otvori postavke sobe",
+        "header_face_pile_tooltip": "Osobe",
+        "header_untrusted_label": "Nepouzdano",
+        "inaccessible": "Ova soba ili prostor trenutačno nisu dostupni.",
+        "inaccessible_name": "Soba %(roomName)s trenutačno nije dostupna.",
+        "inaccessible_subtitle_1": "Pokušajte ponovno poslije ili zatražite od administratora sobe ili prostora da provjeri imate li pristup.",
+        "inaccessible_subtitle_2": "Prilikom pokušaja pristupa sobi ili prostoru, pojavila se pogreška %(errcode)s. Ako mislite da se ova poruka nije trebala prikazati, <issueLink>pošaljite izvješće o pogrešci</issueLink>.",
+        "intro": {
+            "display_topic": "Tema: <topic/>",
+            "dm_caption": "U ovom razgovoru sudjelujete samo vas dvoje, osim ako netko od vas ne pozove nekoga da se pridruži.",
+            "edit_topic": "Tema: <topic/> (<a> uredi</a>)",
+            "enable_encryption_prompt": "Omogućite šifriranje u postavkama.",
+            "encrypted_3pid_dm_pending_join": "Nakon što se svi pridruže, moći ćete razgovarati",
+            "no_avatar_label": "Dodajte fotografiju kako bi osobe mogle lako uočiti vašu sobu.",
+            "no_topic": "<a>Dodajte temu</a> kako biste osobama pomogli da shvate o čemu se radi.",
+            "private_unencrypted_warning": "Vaše privatne poruke obično su šifrirane, ali ova soba nije. To je obično zbog korištenja nepodržanog uređaja ili načina, poput pozivnica putem e-pošte.",
+            "room_invite": "Pozovi samo u ovu sobu",
+            "send_message_start_dm": "Pošaljite svoju prvu poruku kako biste pozvali <displayName/> na razgovor",
+            "start_of_dm_history": "Ovo je početak vaše povijesti izravnih poruka s <displayName/>.",
+            "start_of_room": "Ovo je početak sobe <roomName/>.",
+            "unencrypted_warning": "Sveobuhvatno šifriranje nije omogućeno",
+            "user_created": "%(displayName)s je napravio/la ovu sobu.",
+            "you_created": "Vi ste napravili ovu sobu."
+        },
+        "invite_email_mismatch_suggestion": "Podijelite ovu e-adresu u postavkama kako biste primali pozivnice izravno na %(brand)s.",
+        "invite_sent_to_email": "Ova je pozivnica poslana na e-adresu %(email)s",
+        "invite_sent_to_email_room": "Ova pozivnica za sobu %(roomName)s poslana je na e-adresu %(email)s",
+        "invite_subtitle": "Pozvao/la je <userName/>",
+        "invite_this_room": "Pozovi u ovu sobu",
+        "invite_title": "Želite li se pridružiti sobi %(roomName)s?",
+        "inviter_unknown": "Nepoznato",
+        "invites_you_text": "<inviter/> vas poziva",
+        "join_button_account": "Registriraj se",
+        "join_failed_needs_invite": "Za pregled sobe%(roomName)s treba vam pozivnica",
+        "join_the_discussion": "Pridružite se raspravi",
+        "join_title": "Pridružite se sobi kako biste sudjelovali",
+        "join_title_account": "Pridružite se razgovoru s računom",
+        "joining": "U tijeku je pridruživanje…",
+        "joining_room": "U tijeku je pridruživanje sobi…",
+        "joining_space": "U tijeku je pridruživanje prostoru…",
+        "jump_read_marker": "Skoči na prvu nepročitanu poruku.",
+        "jump_to_bottom_button": "Pomakni se do najnovijih poruka",
+        "jump_to_date": "Skoči na datum",
+        "jump_to_date_beginning": "Početak sobe",
+        "jump_to_date_prompt": "Odaberite datum na koji ćete skočiti",
+        "kick_reason": "Razlog: %(reason)s",
+        "kicked_by": "Uklonio/la vas je %(memberName)s",
+        "kicked_from_room_by": "%(memberName)s vas je uklonio/la iz sobe %(roomName)s",
+        "knock_cancel_action": "Otkaži zahtjev",
+        "knock_denied_subtitle": "Budući da vam je pristup odbijen, ne možete se ponovno pridružiti osim ako vas ne pozove administrator ili moderator grupe.",
+        "knock_denied_title": "Odbijen vam je pristup",
+        "knock_message_field_placeholder": "Poruka (nije obavezna)",
+        "knock_prompt": "Želite li zatražiti pridruživanje?",
+        "knock_prompt_name": "Želite li zatražiti pridruživanje sobi %(roomName)s?",
+        "knock_send_action": "Zatraži pristup",
+        "knock_sent": "Zahtjev za pridruživanje je poslan",
+        "knock_sent_subtitle": "Zahtjev za pridruživanje je na čekanju.",
+        "knock_subtitle": "Morate imati pristup ovoj sobi kako biste mogli pregledavati razgovor ili sudjelovati u njemu. Zahtjev za pridruživanje možete poslati u nastavku.",
+        "leave_error_title": "Pogreška pri napuštanju sobe",
+        "leave_server_notices_description": "Ova se soba upotrebljava za dobivanje važnih poruka s matičnog poslužitelja, tako da je ne možete napustiti.",
+        "leave_server_notices_title": "Nije moguće napustiti sobu s obavijestima poslužitelja",
+        "leave_unexpected_error": "Neočekivana pogreška poslužitelja pri pokušaju napuštanja sobe",
+        "link_email_to_receive_3pid_invite": "Povežite ovu e-adresu sa svojim računom u postavkama kako biste izravno primali pozivnice u %(brand)s.",
+        "loading_preview": "Učitavanje pregleda",
+        "no_peek_join_prompt": "Soba %(roomName)s ne može se pregledati. Želite li joj se pridružiti?",
+        "no_peek_no_name_join_prompt": "Nema pregleda; želite li se pridružiti?",
+        "not_found_subtitle": "Jeste li sigurni da ste na pravom mjestu?",
+        "not_found_title": "Ova soba ili prostor ne postoji.",
+        "not_found_title_name": "%(roomName)s ne postoji.",
+        "peek_join_prompt": "Pregledavate sobu %(roomName)s. Želite li joj se pridružiti?",
+        "pinned_message_badge": "Prikvačena poruka",
+        "pinned_message_banner": {
+            "button_close_list": "Zatvori popis",
+            "button_view_all": "Prikaži sve",
+            "description": "Prikvačene poruke",
+            "go_to_newest_message": "Ovdje pogledajte prikvačenu poruku na vremenskoj traci i najnoviju prikvačenu poruku",
+            "go_to_next_message": "Ovdje pogledajte prikvačenu poruku na vremenskoj traci i sljedeću najstariju prikvačenu poruku",
+            "title": "<bold>%(index)s od %(length)s</bold> prikvačenih poruka"
+        },
+        "read_topic": "Klikni za čitanje teme",
+        "rejecting": "U tijeku je odbijanje pozivnice…",
+        "rejoin_button": "Ponovno se pridruži",
+        "room_content": "Sadržaj sobe",
+        "room_is_low_priority": "Ovo je soba niskog prioriteta",
+        "search": {
+            "all_rooms_button": "Pretraži sve sobe",
+            "placeholder": "Pretraživanje poruka...",
+            "summary": {
+                "one": "Pronađen je 1 rezultat za „<query/>”",
+                "few": "Pronađena su %(count)s rezultata za „<query/>”",
+                "other": "Pronađeno je %(count)s rezultata za „<query/>”"
+            },
+            "this_room_button": "Pretraži ovu sobu"
+        },
+        "unknown_status_code_for_timeline_jump": "nepoznati kod stanja",
+        "unread_notifications_predecessor": {
+            "one": "Imate %(count)s nepročitanu obavijest u prethodnoj inačici ove sobe.",
+            "few": "Imate %(count)s nepročitane obavijesti u prethodnoj inačici ove sobe.",
+            "other": "Imate %(count)s nepročitanih obavijesti u prethodnoj inačici ove sobe."
+        },
+        "upgrade_error_description": "Dvaput provjerite podržava li vaš poslužitelj odabranu inačicu sobe i pokušajte ponovno.",
+        "upgrade_error_title": "Pogreška pri nadogradnji sobe",
+        "upgrade_warning_bar": "Nadogradnjom ove sobe zatvorit će se trenutačna instanca sobe i izraditi nova, nadograđena soba istog naziva.",
+        "upgrade_warning_bar_admins": "Samo će administratori sobe vidjeti ovo upozorenje",
+        "upgrade_warning_bar_unstable": "Ova soba radi na inačici <roomVersion />, koju je ovaj matični poslužitelj označio kao <i>nestabilnu</i>.",
+        "upgrade_warning_bar_upgraded": "Ova je soba već nadograđena.",
+        "upload": {
+            "uploading_multiple_file": {
+                "one": "Prenosi se %(filename)s i još %(count)s",
+                "few": "Prenosi se %(filename)s i još %(count)s druga",
+                "other": "Prenosi se %(filename)s i još %(count)s drugih"
+            },
+            "uploading_single_file": "Prenosi se %(filename)s"
+        },
+        "video_room": "Ovo je videosoba.",
+        "waiting_for_join_subtitle": "Nakon što se pozvani korisnici pridruže %(brand)s, moći ćete razgovarati, a soba će biti sveobuhvatno šifrirana",
+        "waiting_for_join_title": "Čeka se da se korisnici pridruže %(brand)s"
+    },
+    "room_list": {
+        "add_room_label": "Dodaj sobu",
+        "add_space_label": "Dodaj prostor",
+        "breadcrumbs_empty": "Nema nedavno posjećenih soba",
+        "breadcrumbs_label": "Nedavno posjećene sobe",
+        "failed_add_tag": "Nije uspjelo dodavanje oznake %(tagName)s na sobu",
+        "failed_remove_tag": "Nije uspjelo uklanjanje oznake %(tagName)s sa sobe",
+        "failed_set_dm_tag": "Nije uspjelo postavljanje oznake za izravnu poruku",
+        "home_menu_label": "Mogućnosti početne stranice",
+        "join_public_room_label": "Pridruži se javnoj sobi",
+        "joining_rooms_status": {
+            "one": "Trenutačno se pridružuje %(count)s sobi",
+            "few": "Trenutačno se pridružuje %(count)s sobe",
+            "other": "Trenutačno se pridružuje %(count)s soba"
+        },
+        "list_title": "Popis soba",
+        "more_options": {
+            "leave_room": "Napusti sobu"
+        },
+        "notification_options": "Mogućnosti obavijesti",
+        "redacting_messages_status": {
+            "one": "Trenutačno se uklanjaju poruke u %(count)s sobi",
+            "few": "Trenutačno se uklanjaju poruke u %(count)s sobe",
+            "other": "Trenutačno se uklanjaju poruke u %(count)s soba"
+        },
+        "show_less": "Prikaži manje",
+        "show_n_more": {
+            "one": "Prikaži još %(count)s",
+            "few": "Prikaži još %(count)s",
+            "other": "Prikaži još %(count)s"
+        },
+        "show_previews": "Prikaži preglede poruka",
+        "sort_by": "Poredaj po",
+        "sort_by_activity": "Aktivnost",
+        "sort_by_alphabet": "A – Z",
+        "sort_unread_first": "Prvo prikaži sobe s nepročitanim porukama",
+        "space_menu_label": "Izbornik za %(spaceName)s",
+        "sublist_options": "Mogućnosti popisa",
+        "suggested_rooms_heading": "Predložene sobe"
+    },
+    "room_settings": {
+        "access": {
+            "description_space": "Odlučite tko može pregledavati %(spaceName)s i pridružiti mu se.",
+            "title": "Pristup"
+        },
+        "advanced": {
+            "error_upgrade_description": "Nadogradnja sobe nije se mogla dovršiti",
+            "error_upgrade_title": "Nadogradnja sobe nije uspjela",
+            "information_section_room": "Informacije o sobi",
+            "information_section_space": "Informacije o prostoru",
+            "room_id": "Interni ID sobe",
+            "room_predecessor": "Pregledajte starije poruke u sobi %(roomName)s.",
+            "room_upgrade_button": "Nadogradite ovu sobu na preporučenu inačicu sobe",
+            "room_upgrade_warning": "<b>Upozorenje</b>: nadogradnjom sobe <i>članove sobe neće se automatski premjestiti u novu inačicu sobe.</i> Objavit ćemo poveznicu na novu sobu u staroj inačici sobe – članovi sobe morat će kliknuti na tu poveznicu da bi se pridružili novoj sobi.",
+            "room_version": "Inačica sobe:",
+            "room_version_section": "Inačica sobe",
+            "space_predecessor": "Pregledajte stariju inačicu prostora %(spaceName)s.",
+            "space_upgrade_button": "Nadogradite ovaj prostor na preporučenu inačicu sobe",
+            "unfederated": "Ova soba nije dostupna udaljenim Matrixovim poslužiteljima",
+            "upgrade_button": "Nadogradite ovu sobu na inačicu %(version)s",
+            "upgrade_dialog_description": "Nadogradnja ove sobe zahtijeva zatvaranje trenutačne instance sobe i stvaranje nove sobe na njezinu mjestu. Kako bismo članovima sobe pružili najbolje moguće korisničko iskustvo, mi ćemo:",
+            "upgrade_dialog_description_1": "Napravite novu sobu s istim nazivom, opisom i avatarom",
+            "upgrade_dialog_description_2": "Ažurirajte sve lokalne pseudonime soba tako da upućuju na novu sobu",
+            "upgrade_dialog_description_3": "Spriječiti korisnike da razgovaraju u staroj inačici sobe i objaviti poruku u kojoj se korisnicima savjetuje da se presele u novu sobu",
+            "upgrade_dialog_description_4": "Staviti poveznicu na staru sobu na početak nove sobe kako bi članovi mogli vidjeti stare poruke",
+            "upgrade_dialog_title": "Inačica nadogradnje sobe",
+            "upgrade_dwarning_ialog_title_public": "Nadogradi javnu sobu",
+            "upgrade_warning_dialog_description": "Nadogradnja sobe je napredna radnja i obično se preporučuje kada je soba nestabilna zbog pogrešaka, nedostatka značajki ili sigurnosnih propusta.",
+            "upgrade_warning_dialog_explainer": "<b>Imajte na umu da će nadogradnja stvoriti novu inačicu sobe. </b>Sve trenutačne poruke ostat će u ovoj arhiviranoj sobi.",
+            "upgrade_warning_dialog_footer": "Nadogradit ćete ovu sobu s <oldVersion /> na <newVersion />.",
+            "upgrade_warning_dialog_invite_label": "Automatski pozvati članove iz ove sobe u novu sobu",
+            "upgrade_warning_dialog_report_bug_prompt": "To obično utječe samo na način na koji se soba obrađuje na poslužitelju. Ako imate problema s %(brand)s, prijavite pogrešku.",
+            "upgrade_warning_dialog_report_bug_prompt_link": "To obično utječe samo na način na koji se soba obrađuje na poslužitelju. Ako imate problema s %(brand)s, <a>prijavite pogrešku</a>.",
+            "upgrade_warning_dialog_title": "Nadogradi sobu",
+            "upgrade_warning_dialog_title_private": "Nadogradi privatnu sobu"
+        },
+        "alias_not_specified": "nije navedeno",
+        "bridges": {
+            "description": "Ova soba premošćuje poruke na platforme u nastavku. <a>Saznajte više.</a>",
+            "empty": "Ova soba ne premošćuje poruke ni na jednu platformu. <a>Saznajte više.</a>",
+            "title": "Mostovi"
+        },
+        "delete_avatar_label": "Izbriši avatar",
+        "general": {
+            "alias_field_has_domain_invalid": "Nedostaje razdjelnik domene, npr. (:domain.org)",
+            "alias_field_has_localpart_invalid": "Nedostaje naziv sobe ili razdjelnik, npr. (my-room:domain.org)",
+            "alias_field_matches_invalid": "Ova adresa ne upućuje na ovu sobu",
+            "alias_field_placeholder_default": "npr. moja-soba",
+            "alias_field_required_invalid": "Navedite adresu",
+            "alias_field_safe_localpart_invalid": "Neki znakovi nisu dopušteni",
+            "alias_field_taken_invalid": "Ova adresa imala je nevažeći poslužitelj ili je već u upotrebi",
+            "alias_field_taken_invalid_domain": "Ova adresa već je u upotrebi",
+            "alias_field_taken_valid": "Ova adresa dostupna je za korištenje",
+            "alias_heading": "Adresa sobe",
+            "aliases_items_label": "Ostale objavljene adrese:",
+            "aliases_no_items_label": "Još nema drugih objavljenih adresa; dodajte jednu u nastavku",
+            "aliases_section": "Adrese soba",
+            "avatar_field_label": "Avatar sobe",
+            "canonical_alias_field_label": "Glavna adresa",
+            "default_url_previews_off": "Pregledi URL-ova zadano su onemogućeni za sudionike u ovoj sobi.",
+            "default_url_previews_on": "Pregledi URL-ova zadano su omogućeni za sudionike u ovoj sobi.",
+            "description_space": "Uredite postavke koje se odnose na vaš prostor.",
+            "error_creating_alias_description": "Došlo je do pogreške prilikom izrade te adrese. Poslužitelj to možda ne dopušta ili je došlo do privremenog kvara.",
+            "error_creating_alias_title": "Pogreška prilikom izrade adrese",
+            "error_deleting_alias_description": "Došlo je do pogreške prilikom uklanjanja te adrese. Možda više ne postoji ili je došlo do privremene pogreške.",
+            "error_deleting_alias_description_forbidden": "Nemate dopuštenje za brisanje adrese.",
+            "error_deleting_alias_title": "Pogreška pri uklanjanju adrese",
+            "error_publishing": "Nije moguće objaviti sobu",
+            "error_publishing_detail": "Došlo je do pogreške prilikom objavljivanja ove sobe",
+            "error_save_space_settings": "Spremanje postavki prostora nije uspjelo.",
+            "error_updating_alias_description": "Došlo je do pogreške prilikom ažuriranja alternativnih adresa sobe. Poslužitelj to možda ne dopušta ili je došlo do privremenog kvara.",
+            "error_updating_canonical_alias_description": "Došlo je do pogreške prilikom ažuriranja glavne adrese sobe. Poslužitelj to možda ne dopušta ili je došlo do privremenog kvara.",
+            "error_updating_canonical_alias_title": "Pogreška pri ažuriranju glavne adrese",
+            "leave_space": "Napusti prostor",
+            "local_alias_field_label": "Lokalna adresa",
+            "local_aliases_explainer_room": "Postavite adrese za ovu sobu kako bi je korisnici mogli pronaći putem vašeg matičnog poslužitelja (%(localDomain)s)",
+            "local_aliases_explainer_space": "Postavite adrese za ovaj prostor kako bi ga korisnici mogli pronaći putem vašeg matičnog poslužitelja (%(localDomain)s)",
+            "local_aliases_section": "Lokalne adrese",
+            "name_field_label": "Naziv sobe",
+            "new_alias_placeholder": "Nova objavljena adresa (npr. #pseudonim:poslužitelj)",
+            "no_aliases_room": "Ova soba nema lokalnih adresa",
+            "no_aliases_space": "Ovaj prostor nema lokalnih adresa",
+            "other_section": "Ostalo",
+            "publish_toggle": "Želite li objaviti ovu sobu tako da bude dostupna javnosti u %(domain)s direktoriju soba?",
+            "publish_warn_invite_only": "Ne možete objaviti sobu kojoj je moguće pridružiti se samo s pozivnicom.",
+            "publish_warn_no_canonical_permission": "Morate imati dopuštenje za postavljanje glavne adrese kako biste objavili ovu sobu.",
+            "published_aliases_description": "Kako bi se objavila adresa, prvo ju je potrebno postaviti kao lokalnu adresu.",
+            "published_aliases_explainer_room": "Objavljene adrese može upotrebljavati svatko na svakom poslužitelju kako bi se pridružio vašoj sobi.",
+            "published_aliases_explainer_space": "Objavljene adrese može upotrebljavati svatko na svakom poslužitelju kako bi se pridružio vašem prostoru.",
+            "published_aliases_section": "Objavljene adrese",
+            "save": "Spremi promjene",
+            "topic_field_label": "Tema sobe",
+            "url_preview_encryption_warning": "U šifriranim sobama, poput ove, pregledi URL-ova zadano su onemogućeni kako bi se osiguralo da vaš matični poslužitelj (na kojem se generiraju pregledi) ne može prikupljati informacije o poveznicama koje vidite u ovoj sobi.",
+            "url_preview_explainer": "Kada netko u svoju poruku unese URL, može se prikazati pregled URL-a kako bi se dobile dodatne informacije o toj poveznici, kao što su naslov, opis i slika s mrežnog mjesta.",
+            "url_previews_section": "Pregledi URL-ova",
+            "user_url_previews_default_off": "Zadano <a>onemogućili</a> preglede URL-ova.",
+            "user_url_previews_default_on": "Zadano ste <a>omogućili</a> preglede URL-ova."
+        },
+        "notifications": {
+            "browse_button": "Pregledaj",
+            "custom_sound_prompt": "Postavi novi prilagođeni zvuk",
+            "notification_sound": "Zvuk obavijesti",
+            "settings_link": "Primajte obavijesti kako je postavljeno u <a>postavkama</a>",
+            "sounds_section": "Zvukovi",
+            "upload_sound_label": "Prenesi prilagođeni zvuk",
+            "uploaded_sound": "Preneseni zvuk"
+        },
+        "people": {
+            "knock_empty": "Nema zahtjeva",
+            "knock_section": "Zahtjev za pridruživanje",
+            "see_less": "Prikaži manje",
+            "see_more": "Prikaži više"
+        },
+        "permissions": {
+            "add_privileged_user_description": "Dajte jednom korisniku ili više njih u ovoj sobi više privilegija",
+            "add_privileged_user_filter_placeholder": "Pretraži korisnike u ovoj sobi…",
+            "add_privileged_user_heading": "Dodaj privilegirane korisnike",
+            "ban": "Zabrani korisnike",
+            "ban_reason": "Razlog",
+            "banned_by": "%(displayName)s zabranio/la je pristup",
+            "banned_users_section": "Korisnici sa zabranjenim pristupom",
+            "error_changing_pl_description": "Došlo je do pogreške prilikom promjene razine ovlasti korisnika. Provjerite imate li dovoljno dopuštenja i pokušajte ponovno.",
+            "error_changing_pl_reqs_description": "Došlo je do pogreške prilikom promjene zahtjeva za razinu ovlasti sobe. Provjerite imate li dovoljno dopuštenja i pokušajte ponovno.",
+            "error_changing_pl_reqs_title": "Pogreška prilikom promjene zahtjeva za razinu ovlasti",
+            "error_changing_pl_title": "Pogreška prilikom promjene razine ovlasti",
+            "error_unbanning": "Uklanjanje zabrane pristupa nije uspjelo",
+            "events_default": "Pošalji poruke",
+            "invite": "Pozovi korisnike",
+            "kick": "Ukloni korisnike",
+            "m.call": "Započni %(brand)s pozive",
+            "m.call.member": "Pridruži se %(brand)s pozivima",
+            "m.reaction": "Pošalji reakcije",
+            "m.room.avatar": "Promijeni avatar sobe",
+            "m.room.avatar_space": "Promijeni avatar prostora",
+            "m.room.canonical_alias": "Promijeni glavnu adresu sobe",
+            "m.room.canonical_alias_space": "Promijeni glavnu adresu prostora",
+            "m.room.encryption": "Omogući šifriranje sobe",
+            "m.room.history_visibility": "Promijeni vidljivost povijesti",
+            "m.room.name": "Promijeni naziv sobe",
+            "m.room.name_space": "Promijeni naziv prostora",
+            "m.room.pinned_events": "Upravljaj prikvačenim događajima",
+            "m.room.power_levels": "Promijeni dopuštenja",
+            "m.room.redaction": "Ukloni poruke koje sam poslao/la",
+            "m.room.server_acl": "Promijeni ACL-ove poslužitelja",
+            "m.room.tombstone": "Nadogradi sobu",
+            "m.room.topic": "Promijeni temu",
+            "m.room.topic_space": "Promijeni opis",
+            "m.space.child": "Upravljaj sobama u ovom prostoru",
+            "m.widget": "Izmijeni widgete",
+            "muted_users_section": "Utišani korisnici",
+            "no_privileged_users": "Nijedan korisnik nema određene privilegije u ovoj sobi",
+            "notifications.room": "Obavijesti svakog",
+            "permissions_section": "Dopuštenja",
+            "permissions_section_description_room": "Odaberite uloge potrebne za promjenu različitih dijelova sobe",
+            "permissions_section_description_space": "Odaberite uloge potrebne za promjenu različitih dijelova prostora",
+            "privileged_users_section": "Privilegirani korisnici",
+            "redact": "Ukloni poruke koje je poslao netko drugi",
+            "send_event_type": "Pošalji %(eventType)s događaje",
+            "state_default": "Promijeni postavke",
+            "title": "Uloge i dopuštenja",
+            "users_default": "Zadana uloga"
+        },
+        "security": {
+            "cannot_change_to_private_due_to_missing_history_visiblity_permissions": {
+                "description": "Nemate dopuštenja za promjenu vidljivosti povijesti sobe. To je opasno jer bi moglo omogućiti korisnicima koji nisu prijavljeni da čitaju poruke.",
+                "title": "Nije moguće učiniti sobu privatnom"
+            },
+            "enable_encryption_confirm_description": "Nakon što se omogući šifriranje za sobu, ono se više ne može onemogućiti. Poruke poslane u šifriranoj sobi ne može vidjeti poslužitelj, već samo sudionici sobe. Omogućavanjem šifriranja mnogi botovi i mostovi možda neće ispravno funkcionirati. <a>Saznajte više o šifriranju.</a>",
+            "enable_encryption_confirm_title": "Želite li omogućiti šifriranje?",
+            "enable_encryption_public_room_confirm_description_1": "<b>Ne preporučuje se dodavanje šifriranja javnim sobama.</b> Svatko može pronaći i pridružiti se javnim sobama, tako da svatko može čitati poruke u njima. Izgubit ćete sve prednosti šifriranja i nećete ga moći naknadno isključiti. Šifriranje poruka u javnoj sobi usporit će primanje i slanje poruka.",
+            "enable_encryption_public_room_confirm_description_2": "Kako biste izbjegli ove probleme, napravite <a>novu šifriranu sobu</a> za razgovor koji planirate voditi.",
+            "enable_encryption_public_room_confirm_title": "Jeste li sigurni da želite dodati šifriranje za ovu javnu sobu?",
+            "encrypted_room_public_confirm_description_1": "<b>Ne preporučuje se da šifrirane sobe postanu javne. </b>To će značiti da svatko može pronaći sobu i pridružiti joj se, a tako i čitati poruke. Izgubit će se sve prednosti šifriranja. Šifriranje poruka u javnoj sobi usporit će primanje i slanje poruka.",
+            "encrypted_room_public_confirm_description_2": "Kako biste izbjegli ove probleme, napravite <a>novu javnu sobu</a> za razgovor koji planirate voditi.",
+            "encrypted_room_public_confirm_title": "Jeste li sigurni da želite da ova šifrirana soba bude javna?",
+            "encryption_forced": "Vaš poslužitelj zahtijeva da se onemogući šifriranje.",
+            "encryption_permanent": "Nakon što se šifriranje omogući, više se neće moći onemogućiti.",
+            "error_join_rule_change_title": "Nije uspjelo ažuriranje pravila pridruživanja",
+            "error_join_rule_change_unknown": "Nepoznata pogreška",
+            "guest_access_warning": "Osobe s podržanim klijentima moći će se pridružiti sobi, a da nemaju registrirani račun.",
+            "history_visibility_invited": "Samo za članove nakon što su pozvani",
+            "history_visibility_legend": "Tko može čitati povijest?",
+            "history_visibility_shared": "Članovi (cjelokupna povijest)",
+            "history_visibility_warning": "Promjene neće utjecati na prethodne poruke, samo na nove. <a>Saznajte više</a>",
+            "history_visibility_world_readable": "Svatko (povijest je javna)\n",
+            "join_rule_description": "Odlučite tko se može pridružiti sobi %(roomName)s.",
+            "join_rule_invite": "Privatno (samo uz pozivnicu)",
+            "join_rule_invite_description": "Samo pozvane osobe mogu se pridružiti.",
+            "join_rule_knock": "Zatraži pridruživanje",
+            "join_rule_knock_description": "Osobe se ne mogu pridružiti osim ako im nije odobren pristup.",
+            "join_rule_public_description": "Svatko može pronaći i pridružiti se.",
+            "join_rule_restricted": "Članovi prostora",
+            "join_rule_restricted_description": "Svatko u prostoru može pronaći i pridružiti se. <a>Uredite kojim je prostorima ovdje omogućen pristup.</a>",
+            "join_rule_restricted_description_active_space": "Svatko u <spaceName/> možete pronaći i pridružiti se. Možete odabrati i druge prostore.",
+            "join_rule_restricted_description_prompt": "Svatko u prostoru može pronaći i pridružiti se. Možete odabrati više prostora.",
+            "join_rule_restricted_description_spaces": "Prostori s pristupom",
+            "join_rule_restricted_dialog_description": "Odlučite koji prostori mogu pristupiti ovoj sobi. Ako se prostor odabere, njegovi članovi mogu ga pronaći i pridružiti se sobi <RoomName/>.",
+            "join_rule_restricted_dialog_empty_warning": "Uklonit ćete sve prostore. Pristup će zadano biti samo uz pozivnicu",
+            "join_rule_restricted_dialog_filter_placeholder": "Pretraži prostore",
+            "join_rule_restricted_dialog_heading_known": "Drugi prostori koje poznajete",
+            "join_rule_restricted_dialog_heading_other": "Drugi prostori ili sobe koje možda ne poznajete",
+            "join_rule_restricted_dialog_heading_room": "Prostori koje poznajete, a koji sadrže ovu sobu",
+            "join_rule_restricted_dialog_heading_space": "Prostori koje poznajete, a koji sadrže ovaj prostor",
+            "join_rule_restricted_dialog_heading_unknown": "Odnosi se vjerojatno na one u kojima sudjeluju i drugi administratori soba.",
+            "join_rule_restricted_dialog_title": "Odaberi prostore",
+            "join_rule_restricted_n_more": {
+                "one": "i još %(count)s",
+                "few": "i još %(count)s",
+                "other": "i još %(count)s"
+            },
+            "join_rule_restricted_summary": {
+                "one": "Trenutačno prostor ima pristup",
+                "few": "Trenutačno %(count)s prostora imaju pristup",
+                "other": "Trenutačno %(count)s prostora ima pristup"
+            },
+            "join_rule_restricted_upgrade_description": "Ova će nadogradnja omogućiti članovima odabranih prostora pristup ovoj sobi bez pozivnice.",
+            "join_rule_restricted_upgrade_warning": "Ova se soba nalazi u nekim prostorima čiji niste administrator. U tim će se prostorima i dalje prikazivati ​​stara soba, ali će se od osoba tražiti da se pridruže novoj.",
+            "join_rule_upgrade_awaiting_room": "Učitavanje nove sobe",
+            "join_rule_upgrade_required": "Potrebna je nadogradnja",
+            "join_rule_upgrade_sending_invites": {
+                "one": "U tijeku je slanje pozivnice...",
+                "few": "U tijeku je slanje pozivnica... (%(progress)s od %(count)s)",
+                "other": "U tijeku je slanje pozivnica... (%(progress)s od %(count)s)"
+            },
+            "join_rule_upgrade_updating_spaces": {
+                "one": "U tijeku je ažuriranje prostora...",
+                "few": "U tijeku je ažuriranje prostora... (%(progress)s od %(count)s)",
+                "other": "U tijeku je ažuriranje prostora... (%(progress)s od %(count)s)"
+            },
+            "join_rule_upgrade_upgrading_room": "Nadogradnja sobe",
+            "join_rule_world_readable_description": "Promjenom tko se može pridružiti sobi promijenit će se i vidljivost budućih poruka.",
+            "public_without_alias_warning": "Kako biste povezali ovu sobu, unesite adresu.",
+            "publish_room": "Učini ovu sobu vidljivom u javnom direktoriju soba.",
+            "publish_space": "Učini ovaj prostor vidljivim u javnom direktoriju soba.",
+            "strict_encryption": "Šaljite poruke samo provjerenim korisnicima.",
+            "title": "Sigurnost i privatnost"
+        },
+        "title": "Postavke sobe – %(roomName)s",
+        "upload_avatar_label": "Prenesi avatar",
+        "visibility": {
+            "alias_section": "Adresa",
+            "error_failed_save": "Nije uspjelo ažuriranje vidljivosti ovog prostora",
+            "error_update_guest_access": "Nije uspjelo ažuriranje pristupa za goste ovog prostora",
+            "error_update_history_visibility": "Nije uspjelo ažuriranje povijesti vidljivosti ovog prostora",
+            "guest_access_disabled": "Nemate dopuštenje za promjenu pristupa za goste.",
+            "guest_access_explainer": "Gosti se mogu pridružiti prostoru bez računa. To može biti korisno za javne prostore.",
+            "guest_access_label": "Omogući pristup gostima",
+            "history_visibility_anyone_space": "Pregled prostora",
+            "history_visibility_anyone_space_description": "Omogućite osobama da pregledaju vaš prostor prije nego što se pridruže.",
+            "history_visibility_anyone_space_disabled": "Nemate dopuštenje za promjenu vidljivosti povijesti.",
+            "history_visibility_anyone_space_recommendation": "Preporučuje se za javne prostore.",
+            "title": "Vidljivost"
+        },
+        "voip": {
+            "call_type_section": "Vrsta poziva",
+            "enable_element_call_caption": "%(brand)s sveobuhvatno je šifriran, ali je trenutačno ograničen na manji broj korisnika.",
+            "enable_element_call_label": "Omogućite %(brand)s kao dodatnu mogućnost pozivanja u ovoj sobi",
+            "enable_element_call_no_permissions_tooltip": "Nemate dovoljno dopuštenja da biste mogli to promijeniti."
+        }
+    },
+    "room_summary_card_back_action_label": "Informacije o sobi",
+    "scalar": {
+        "error_create": "Nije moguće izraditi widget.",
+        "error_membership": "Niste u ovoj sobi.",
+        "error_missing_room_id": "Nedostaje ID sobe.",
+        "error_missing_room_id_request": "Nedostaje room_id u zahtjevu",
+        "error_missing_user_id_request": "Nedostaje user_id u zahtjevu",
+        "error_permission": "Nemate dopuštenje da to radite u ovoj sobi.",
+        "error_power_level_invalid": "Razina ovlasti mora biti pozitivan cijeli broj.",
+        "error_room_not_visible": "Soba %(roomId)s nije vidljiva",
+        "error_room_unknown": "Ova soba nije prepoznata.",
+        "error_send_request": "Slanje zahtjeva nije uspjelo.",
+        "failed_read_event": "Nije moguće pročitati događaje",
+        "failed_send_event": "Slanje događaja nije uspjelo"
+    },
+    "server_offline": {
+        "description": "Poslužitelj ne odgovara na neke od vaših zahtjeva. U nastavku su navedeni neki od najvjerojatnijih razloga.",
+        "description_1": "Poslužitelju (%(serverName)s) trebalo je predugo za odgovor.",
+        "description_2": "Vaš vatrozid ili antivirusni program blokiraju zahtjev.",
+        "description_3": "Proširenje preglednika sprječava zahtjev.",
+        "description_4": "Poslužitelj je izvan mreže.",
+        "description_5": "Poslužitelj je odbio vaš zahtjev.",
+        "description_6": "U vašem području postoje poteškoće s povezivanjem na mrežu.",
+        "description_7": "Došlo je do pogreške u povezivanju prilikom pokušaja povezivanja s poslužiteljem.",
+        "description_8": "Poslužitelj nije konfiguriran tako da naznači u čemu je problem (CORS).",
+        "empty_timeline": "Sve ste pregledali",
+        "recent_changes_heading": "Nedavne promjene koje još nisu primljene",
+        "title": "Poslužitelj ne odgovara"
+    },
+    "service_worker_error": {
+        "description": "%(brand)s treba servisnu skriptu za učitavanje medija kojima je provjerena autentičnost iz Matrixova repozitorija sadržaja. Vaš preglednik ne podržava tu mogućnost, pa se može dogoditi da se mediji ne učitaju.",
+        "title": "Nije uspjelo učitavanje servisne skripte"
+    },
+    "seshat": {
+        "error_initialising": "Inicijalizacija pretraživanja poruka nije uspjela, provjerite <a>svoje postavke</a> kako biste dobili više informacija",
+        "reset_button": "Poništi pohranu događaja",
+        "reset_description": "Najvjerojatnije ne želite poništiti indeks pohrane događaja",
+        "reset_explainer": "Ako to učinite, imajte na umu da se nijedna vaša poruka neće izbrisati, ali iskustvo pretraživanja može biti narušeno na nekoliko trenutaka dok se indeks ponovno ne izradi.",
+        "reset_title": "Želite li poništiti pohranu događaja?",
+        "warning_kind_files": "Ova inačica %(brand)s ne podržava pregled nekih šifriranih datoteka",
+        "warning_kind_files_app": "Upotrijebite <a>aplikaciju za stolna računala</a> kako biste vidjeli sve šifrirane datoteke",
+        "warning_kind_search": "Ova inačica %(brand)s ne podržava pretraživanje šifriranih poruka",
+        "warning_kind_search_app": "Upotrijebite <a>aplikaciju za stolna računala</a> kako biste pretražili šifrirane poruke"
+    },
+    "setting": {
+        "help_about": {
+            "access_token_detail": "Vaš pristupni token daje vam potpuni pristup računu. Nemojte ga ni s kim dijeliti.",
+            "brand_version": "%(brand)s inačica:",
+            "clear_cache_reload": "Očisti predmemoriju i ponovno učitaj",
+            "crypto_version": "Verzija šifriranja:",
+            "dialog_title": "<strong>Postavke:</strong> Pomoć i više o aplikaciji",
+            "help_link": "Ako trebate pomoć s %(brand)s, kliknite <a>ovdje</a>.",
+            "homeserver": "Matični poslužitelj je <code>%(homeserverUrl)s</code>",
+            "identity_server": "Poslužitelj identiteta je <code>%(identityServerUrl)s</code>",
+            "title": "Pomoć i više o aplikaciji",
+            "versions": "Inačice"
+        }
+    },
+    "settings": {
+        "account": {
+            "dialog_title": "<strong>Postavke:</strong> Račun",
+            "title": "Račun"
+        },
+        "all_rooms_home": "Prikaži sve sobe na početnoj stranici",
+        "all_rooms_home_description": "Sve sobe u kojima se nalazite prikazat će se na početnoj stranici.",
+        "always_show_message_timestamps": "Uvijek prikaži vremenske oznake poruka",
+        "appearance": {
+            "bundled_emoji_font": "Upotrijebi ugrađeni font emotikona",
+            "compact_layout": "Prikaži sažeti tekst i poruke",
+            "compact_layout_description": "Za korištenje ove značajke mora se odabrati suvremeni izgled.",
+            "custom_font": "Upotrijebi font sustava",
+            "custom_font_description": "Postavite naziv fonta instaliranog na vašem sustavu, pa će ga %(brand)s pokušati iskoristiti.",
+            "custom_font_name": "Naziv fonta sustava",
+            "custom_font_size": "Upotrijebi prilagođenu veličinu",
+            "custom_theme_add": "Dodaj prilagođenu temu",
+            "custom_theme_downloading": "U tijeku je preuzimanje prilagođene teme…",
+            "custom_theme_error_downloading": "Pogreška kod preuzimanja teme",
+            "custom_theme_help": "Unesite URL prilagođene teme koju želite primijeniti.",
+            "custom_theme_invalid": "Nevažeća shema teme.",
+            "dialog_title": "<strong>Postavke:</strong> Izgled",
+            "font_size": "Veličina fonta",
+            "font_size_default": "%(fontSize)s (zadano)",
+            "high_contrast": "Visoki kontrast",
+            "image_size_default": "Zadano",
+            "image_size_large": "Veliko",
+            "layout_bubbles": "Oblačići s porukama",
+            "layout_irc": "IRC (eksperimentalno)",
+            "match_system_theme": "Uskladi s temom sustava",
+            "timeline_image_size": "Veličina slike na vremenskoj traci"
+        },
+        "automatic_language_detection_syntax_highlight": "Omogući automatsko otkrivanje jezika za isticanje sintakse",
+        "autoplay_gifs": "Automatska reprodukcija GIF-ova",
+        "autoplay_videos": "Automatska reprodukcija videozapisa",
+        "big_emoji": "Omogući velike emotikone u razgovoru",
+        "code_block_expand_default": "Proširi blokove koda prema zadanim postavkama",
+        "code_block_line_numbers": "Prikaži brojeve redaka u blokovima koda",
+        "disable_historical_profile": "U povijesti poruka prikaži trenutačnu profilnu sliku i ime za korisnike",
+        "discovery": {
+            "title": "Kako vas se može pronaći"
+        },
+        "emoji_autocomplete": "Omogući prijedloge emotikona tijekom tipkanja",
+        "enable_markdown": "Omogući Markdown",
+        "enable_markdown_description": "Započnite poruke s <code> /običnim</code> kako biste poslali bez Markdowna.",
+        "encryption": {
+            "advanced": {
+                "breadcrumb_first_description": "Sačuvat će se podatci o vašem računu, kontakti, postavke i popis razgovora",
+                "breadcrumb_page": "Poništi šifriranje",
+                "breadcrumb_second_description": "Izgubit ćete svu povijest poruka koja je pohranjena samo na poslužitelju",
+                "breadcrumb_third_description": "Morat ćete ponovno potvrditi sve svoje postojeće uređaje i kontakte",
+                "breadcrumb_title": "Jeste li sigurni da želite poništiti svoj identitet?",
+                "breadcrumb_title_cant_confirm": "Morate poništiti svoj identitet",
+                "breadcrumb_title_forgot": "Zaboravili ste ključ za oporavak? Morat ćete poništiti svoj identitet.",
+                "breadcrumb_title_sync_failed": "Sinkronizacija pohrane ključeva nije uspjela. Morate poništiti svoj identitet.",
+                "breadcrumb_warning": "Učinite to samo ako smatrate da je vaš račun kompromitiran.",
+                "details_title": "Pojedinosti o šifriranju",
+                "do_not_close_warning": "Ne zatvarajte ovaj prozor dok se poništavanje promjena ne dovrši",
+                "export_keys": "Izvoz ključeva",
+                "import_keys": "Uvoz ključeva",
+                "other_people_device_description": "Upozorenje: korisnici koji nisu izričito s vama izvršili potvrđivanje (npr. korištenjem emotikona) neće primiti vaše šifrirane poruke. Osim toga, nepotvrđeni uređaji potvrđenih korisnika neće primati vaše šifrirane poruke. Promjene zahtijevaju ponovno pokretanje aplikacije kako bi stupile na snagu.",
+                "other_people_device_label": "U šifriranim sobama šaljite poruke samo potvrđenim korisnicima",
+                "other_people_device_title": "Uređaji drugih osoba",
+                "reset_identity": "Poništi identitet šifriranja",
+                "reset_in_progress": "U tijeku je poništavanje promjena...",
+                "session_id": "ID sesije:",
+                "session_key": "Ključ sesije:",
+                "title": "Napredno"
+            },
+            "confirm_key_storage_off": "Jeste li sigurni da želite da pohrana ključeva ostane isključena?",
+            "confirm_key_storage_off_description": "Ako se odjavite sa svih svojih uređaja, izgubit ćete povijest poruka i morat ćete ponovno potvrditi sve postojeće kontakte. <a>Saznajte više</a>",
+            "delete_key_storage": {
+                "breadcrumb_page": "Brisanje pohrane ključeva",
+                "confirm": "Brisanje pohrane ključeva",
+                "description": "Brisanjem pohrane ključeva uklonit ćete svoj kriptografski identitet i ključeve poruka s poslužitelja te isključiti sljedeće sigurnosne značajke:",
+                "list_first": "Na novim uređajima nećete imati šifriranu povijest poruka",
+                "list_second": "Ako se svugdje odjavite iz %(brand)s, izgubit ćete pristup svojim šifriranim porukama.",
+                "title": "Jeste li sigurni da želite isključiti pohranu ključeva i izbrisati je?"
+            },
+            "device_not_verified_button": "Potvrdi ovaj uređaj",
+            "device_not_verified_description": "Morate potvrditi ovaj uređaj kako biste vidjeli postavke šifriranja.",
+            "device_not_verified_title": "Uređaj nije potvrđen",
+            "dialog_title": "<strong>Postavke:</strong> Šifriranje",
+            "key_storage": {
+                "allow_key_storage": "Dopusti pohranu ključeva",
+                "description": "Sigurno pohranite svoj identitet šifriranja i ključeve poruka na poslužitelju. To će vam omogućiti pregled povijesti poruka na svim novim uređajima. <a>Saznajte više</a>",
+                "title": "Pohrana ključeva"
+            },
+            "recovery": {
+                "change_recovery_confirm_button": "Potvrdi novi ključ za oporavak",
+                "change_recovery_confirm_description": "Unesite svoj novi ključ za oporavak u nastavku da biste završili. Vaš stari ključ više neće funkcionirati.",
+                "change_recovery_confirm_title": "Unesite svoj novi ključ za oporavak",
+                "change_recovery_key": "Promjena ključa za oporavak",
+                "change_recovery_key_description": "Zapišite ovaj novi ključ za oporavak i čuvajte na sigurnom mjestu. Zatim kliknite gumb za nastavak kako biste potvrdili promjenu.",
+                "change_recovery_key_title": "Želite li promijeniti ključ za oporavak?",
+                "description": "Ako ste izgubili sve postojeće uređaje, oporavite svoj kriptografski identitet i povijest poruka pomoću ključa za oporavak.",
+                "enter_key_error": "Ključ za oporavak koji ste unijeli nije ispravan.",
+                "enter_recovery_key": "Unesi ključ za oporavak",
+                "forgot_recovery_key": "Zaboravili ste ključ za oporavak?",
+                "key_storage_warning": "Vaša pohrana ključeva nije sinkronizirana. Kliknite jedan od donjih gumba da biste riješili problem.",
+                "save_key_description": "Ne dijelite ovo ni s kim!",
+                "save_key_title": "Ključ za oporavak",
+                "set_up_recovery": "Postavljanje oporavka",
+                "set_up_recovery_confirm_button": "Završi postavljanje",
+                "set_up_recovery_confirm_description": "Unesite ključ za oporavak prikazan na prethodnom zaslonu kako biste dovršili postavljanje oporavka.",
+                "set_up_recovery_confirm_title": "Unesite svoj ključ za oporavak kako biste potvrdili",
+                "set_up_recovery_description": "Vaša pohrana ključeva zaštićena je ključem za oporavak. Ako vam je potreban novi ključ za oporavak nakon postavljanja, možete ga ponovno izraditi tako da odaberete %(changeRecoveryKeyButton)s.",
+                "set_up_recovery_save_key_description": "Zapišite ovaj ključ za oporavak i čuvajte ga na sigurnom mjestu, poput upravitelja zaporki, šifrirane bilješke ili fizičkog sefa.",
+                "set_up_recovery_save_key_title": "Spremite svoj ključ za oporavak na sigurno mjesto",
+                "set_up_recovery_secondary_description": "Nakon što kliknete gumb za nastavak, generirat ćemo vam ključ za oporavak.",
+                "title": "Oporavak"
+            },
+            "title": "Šifriranje"
+        },
+        "general": {
+            "account_management_section": "Upravljanje računom",
+            "account_section": "Račun",
+            "add_email_dialog_title": "Dodaj email adresu",
+            "add_email_failed_verification": "Nismo u mogućnosti verificirati Vašu email adresu. Provjerite dali ste kliknuli link u mailu",
+            "add_email_instructions": "Poslali smo vam e-poruku za potvrdu vaše adrese. Pridržavajte se uputa, zatim kliknite ispod navedeni gumb.",
+            "add_msisdn_confirm_body": "Kliknite gumb ispod da biste potvrdili dodavanje ovog telefonskog broja.",
+            "add_msisdn_confirm_button": "Potvrdite dodavanje telefonskog broja",
+            "add_msisdn_confirm_sso_button": "Potvrdite dodavanje ovog telefonskog broja koristeći jedinstvenu prijavu (SSO) da biste dokazali Vaš identitet.",
+            "add_msisdn_dialog_title": "Dodaj telefonski broj",
+            "add_msisdn_instructions": "SMS poruka je poslana na broj +%(msisdn)s. Unesite kod za potvrdu koji ste dobili u poruci.",
+            "add_msisdn_misconfigured": "Tijek dodavanja/povezivanja s MSISDN brojem pogrešno je konfiguriran",
+            "allow_spellcheck": "Dopusti provjeru pravopisa",
+            "application_language": "Jezik aplikacije",
+            "application_language_reload_hint": "Aplikacija će se ponovno učitati nakon odabira drugog jezika",
+            "avatar_open_menu": "Otvori izbornik avatara",
+            "avatar_remove_progress": "U tijeku je uklanjanje slike...",
+            "avatar_save_progress": "U tijeku je prijenos slike...",
+            "avatar_upload_error_text": "Oblik datoteke nije podržan ili je slika veća od %(size)s.",
+            "avatar_upload_error_text_generic": "Oblik datoteke možda nije podržan.",
+            "avatar_upload_error_title": "Slika avatara nije se mogla prenijeti",
+            "confirm_adding_email_body": "Kliknite gumb ispod da biste potvrdili dodavanje ove email adrese.",
+            "confirm_adding_email_title": "Potvrdite dodavanje email adrese",
+            "deactivate_confirm_body": "Jeste li sigurni da želite deaktivirati svoj račun? To je nepovratna radnja.",
+            "deactivate_confirm_body_sso": "Potvrdite deaktivaciju svog računa korištenjem jedinstvene prijave (SSO) kako biste dokazali svoj identitet.",
+            "deactivate_confirm_content": "Potvrdite da želite deaktivirati svoj račun. Ako nastavite:",
+            "deactivate_confirm_content_1": "Nećete moći ponovno aktivirati svoj račun",
+            "deactivate_confirm_content_2": "Više se nećete moći prijaviti",
+            "deactivate_confirm_content_3": "Nitko se neće moći ponovno služiti vašim korisničkim imenom (MXID), uključujući i vas; to će korisničko ime biti nedostupno",
+            "deactivate_confirm_content_4": "Napustit ćete sve izravne poruke i sobe u kojima se nalazite",
+            "deactivate_confirm_content_5": "Bit ćete uklonjeni s poslužitelja identiteta: vaši prijatelji više vas neće moći pronaći pomoću vaše e-pošte ili telefonskog broja",
+            "deactivate_confirm_content_6": "Vaše stare poruke i dalje će moći vidjeti osobe koje su ih primile, baš kao i e-poruke koje ste poslali u prošlosti. Želite li sakriti poslane poruke od osoba koje se pridruže sobama u budućnosti?",
+            "deactivate_confirm_continue": "Potvrdi deaktivaciju računa",
+            "deactivate_confirm_erase_label": "Sakrij moje poruke od novih članova",
+            "deactivate_section": "Deaktiviraj račun",
+            "deactivate_warning": "Kada deaktivirate račun, ne možete ga ponovno aktivirati — budite oprezni!",
+            "discovery_email_empty": "Mogućnosti otkrivanja pojavit će se nakon što dodate e-poštu.",
+            "discovery_email_verification_instructions": "Potvrdite poveznicu u pristigloj pošti",
+            "discovery_msisdn_empty": "Mogućnosti otkrivanja pojavit će se nakon što dodate telefonski broj.",
+            "discovery_needs_terms": "Prihvatite Uvjeti pružanja usluge poslužitelja identiteta (%(serverName)s ) kako biste omogućili da vas se može pronaći putem e-adrese ili telefonskog broja.",
+            "discovery_needs_terms_title": "Dopustite da vas se pronađe",
+            "display_name": "Ime za prikaz",
+            "display_name_error": "Nije moguće postaviti ime za prikaz",
+            "email_adding_unsupported_by_hs": "Ovaj matični poslužitelj ne podržava dodavanje e-adresa na vaš račun.",
+            "email_address_in_use": "Ova email adresa se već koristi",
+            "email_address_label": "E-adresa",
+            "email_not_verified": "Vaša e-adresa još nije potvrđena",
+            "email_verification_instructions": "Kliknite poveznicu u primljenoj e-poruci za potvrdu, zatim ponovno kliknite gumb za nastavak.",
+            "emails_heading": "E-adrese",
+            "error_add_email": "Nije moguće dodati e-adresu",
+            "error_deactivate_communication": "Došlo je do problema u komunikaciji s poslužiteljem. Pokušajte ponovno.",
+            "error_deactivate_invalid_auth": "Poslužitelj nije vratio valjane podatke za provjeru autentičnosti.",
+            "error_deactivate_no_auth": "Poslužitelj nije zahtijevao nikakvu provjeru autentičnosti",
+            "error_email_verification": "Nije moguće potvrditi e-adresu.",
+            "error_invalid_email": "Nevažeća e-adresa",
+            "error_invalid_email_detail": "Čini se da ovo nije važeća e-adresa",
+            "error_msisdn_verification": "Nije moguće potvrditi telefonski broj.",
+            "error_password_change_403": "Promjena zaporke nije uspjela. Je li vaša zaporka ispravna?",
+            "error_password_change_http": "%(errorMessage)s (status HTTP-a %(httpStatus)s)",
+            "error_password_change_title": "Pogreška kod promjene zaporke",
+            "error_password_change_unknown": "Nepoznata pogreška kod promjene zaporke (%(stringifiedError)s)",
+            "error_remove_3pid": "Nije moguće ukloniti kontaktne podatke",
+            "error_revoke_email_discovery": "Nije moguće opozvati dijeljenje za e-adresu",
+            "error_revoke_msisdn_discovery": "Nije moguće opozvati dijeljenje telefonskog broja",
+            "error_share_email_discovery": "Nije moguće podijeliti e-adresu",
+            "error_share_msisdn_discovery": "Nije moguće podijeliti telefonski broj",
+            "identity_server_no_token": "Nije pronađen token za pristup identitetu",
+            "identity_server_not_set": "Poslužitelj identiteta nije postavljen",
+            "invalid_phone_number": "Izgleda da navedeni broj telefona nije važeći.",
+            "language_section": "Jezik",
+            "msisdn_adding_unsupported_by_hs": "Matični poslužitelj ne podržava dodavanje telefonskih brojeva na račun.",
+            "msisdn_in_use": "Ovaj broj telefona se već koristi",
+            "msisdn_label": "Telefonski broj",
+            "msisdn_verification_field_label": "Kod za potvrdu",
+            "msisdn_verification_instructions": "Unesite kod za potvrdu koji ste dobili u SMS-u.",
+            "msisdns_heading": "Telefonski brojevi",
+            "oidc_manage_button": "Upravljaj računom",
+            "password_change_section": "Postavite novu zaporku računa…",
+            "password_change_success": "Vaša zaporka uspješno je promijenjena.",
+            "personal_info": "Osobni podatci",
+            "profile_subtitle": "Ovako vas drugi vide u aplikaciji.",
+            "profile_subtitle_oidc": "Vašim računom zasebno upravlja davatelj identiteta, stoga se neki od vaših osobnih podataka ovdje ne mogu promijeniti.",
+            "remove_email_prompt": "Želite li ukloniti %(email)s?",
+            "remove_msisdn_prompt": "Želite li ukloniti %(phone)s?",
+            "spell_check_locale_placeholder": "Odaberite lokalne postavke",
+            "unable_to_load_emails": "Nije moguće učitati e-adrese",
+            "unable_to_load_msisdns": "Nije moguće učitati telefonske brojeve",
+            "username": "Korisničko ime"
+        },
+        "inline_url_previews_default": "Zadano omogući umetnute pretpreglede URL-ova",
+        "inline_url_previews_room": "Omogući preglede URL-ova prema zadanim postavkama za sudionike u ovoj sobi",
+        "inline_url_previews_room_account": "Omogući preglede URL-ova za ovu sobu (utječe samo na vas)",
+        "insert_trailing_colon_mentions": "Umetni dvotočku nakon što spominjanja korisnika na početku poruke",
+        "invite_controls": {
+            "default_label": "Dopustite korisnicima da vas pozovu u sobe"
+        },
+        "jump_to_bottom_on_send": "Skoči na dno vremenske trake prilikom slanja poruke",
+        "key_backup": {
+            "setup_secure_backup": {
+                "backup_setup_success_description": "Vaši se ključevi sada sigurnosno kopiraju s ovog uređaja.",
+                "backup_setup_success_title": "Uspjela je izrada zaštićene sigurnosne kopije",
+                "cancel_warning": "Ako sada otkažete, mogli biste izgubiti šifrirane poruke i podatke ako izgubite pristup svojim prijavama.",
+                "confirm_security_phrase": "Potvrdite svoj sigurnosni izraz",
+                "description": "Zaštitite se od gubitka pristupa šifriranim porukama i podatcima izradom sigurnosnih kopija ključeva za šifriranje na svom poslužitelju.",
+                "download_or_copy": "%(downloadButton)s ili %(copyButton)s",
+                "enter_phrase_description": "Unesite sigurnosni izraz koji samo vi znate jer će se upotrebljavati za zaštitu vaših podataka. Radi sigurnosti ne biste trebali izabrati zaporku koju upotrebljavate za račun.",
+                "enter_phrase_title": "Unesite sigurnosni izraz",
+                "enter_phrase_to_confirm": "Još jednom unesite sigurnosni izraz kako biste ga potvrdili.",
+                "generate_security_key_description": "Generirat ćemo ključ za oporavak koji možete spremiti na sigurno mjesto, poput upravitelja zaporki ili sefa.",
+                "generate_security_key_title": "Generiraj ključ za oporavak",
+                "pass_phrase_match_failed": "To se ne poklapa.",
+                "pass_phrase_match_success": "To se poklapa!",
+                "phrase_strong_enough": "Odlično! Ovaj je sigurnosni izraz dovoljno jak.",
+                "secret_storage_query_failure": "Nije moguće poslati upit o statusu tajne pohrane",
+                "security_key_safety_reminder": "Ključ za oporavak spremite na sigurno mjesto, poput upravitelja zaporki ili sefa, jer se upotrebljava za zaštitu vaših šifriranih podataka.",
+                "set_phrase_again": "Vrati se da ga ponovno postaviš.",
+                "settings_reminder": "Također možete postaviti zaštićenu sigurnosnu kopiju i upravljati svojim ključevima u postavkama.",
+                "title_confirm_phrase": "Potvrdi sigurnosni izraz",
+                "title_save_key": "Spremi ključ za oporavak",
+                "title_set_phrase": "Postavi sigurnosni izraz",
+                "unable_to_setup": "Nije moguće postaviti tajnu pohranu",
+                "use_different_passphrase": "Želite li upotrijebiti drugi pristupni izraz?",
+                "use_phrase_only_you_know": "Upotrijebite tajni izraz koju samo vi znate, a po želji spremite i ključ za oporavak za potrebe sigurnosne kopije."
+            }
+        },
+        "key_export_import": {
+            "confirm_passphrase": "Potvrdi pristupni izraz",
+            "enter_passphrase": "Unesi pristupni izraz",
+            "export_description_1": "Ovaj vam postupak omogućuje izvoz u lokalnu datoteku ključeva za poruke koje ste primili u šifriranim sobama. Zatim ćete moći uvesti datoteku u drugi Matrixov klijent u budućnosti, tako da će i taj klijent moći dešifrirati te poruke.",
+            "export_description_2": "Izvezena datoteka omogućit će svima koji je mogu pročitati da dešifriraju sve šifrirane poruke koje vidite, stoga biste je trebali čuvati na sigurnom. Kako biste to učinili, u nastavku unesite jedinstveni pristupni izraz koji će se upotrebljavati samo za šifriranje izvezenih podataka. Podatke će se moći uvesti samo pomoću istog pristupnog izraza.",
+            "export_title": "Izvezi ključeve sobe",
+            "file_to_import": "Datoteka za uvoz",
+            "import_description_1": "Ovaj vam postupak omogućuje uvoz ključeva za šifriranje koje ste prethodno izvezli iz drugog Matrixova klijenta. Tada ćete moći dešifrirati sve poruke koje je drugi klijent mogao dešifrirati.",
+            "import_description_2": "Izvozna datoteka bit će zaštićena pristupnim izrazom. Ovdje biste trebali unijeti pristupni izraz za dešifriranje datoteke.",
+            "import_title": "Uvezi ključeve soba",
+            "phrase_cannot_be_empty": "Okvir pristupnog izraza ne smije biti prazan",
+            "phrase_must_match": "Pristupni izrazi moraju se podudarati",
+            "phrase_strong_enough": "Odlično! Ovaj je pristupni izraz dovoljno jak."
+        },
+        "keyboard": {
+            "dialog_title": "<strong>Postavke:</strong> Tipkovnica",
+            "title": "Tipkovnica"
+        },
+        "labs": {
+            "dialog_title": "<strong>Postavke:</strong> Labs"
+        },
+        "labs_mjolnir": {
+            "dialog_title": "<strong>Postavke:</strong> Ignorirani korisnici"
+        },
+        "media_preview": {
+            "hide_avatars": "Sakrij avatare sobe i pozivatelja",
+            "hide_media": "Uvijek sakrij",
+            "media_preview_description": "Skriveni medij uvijek se može prikazati tako se da se dodirne",
+            "media_preview_label": "Prikaži medije na vremenskoj traci",
+            "show_in_private": "U privatnim sobama",
+            "show_media": "Uvijek prikaži"
+        },
+        "not_supported": "Vaš poslužitelj ne implementira ovu značajku.",
+        "notifications": {
+            "default_setting_description": "Ova će se postavka zadano primijeniti na sve vaše sobe.",
+            "default_setting_section": "Želim dobiti obavijest za (zadana postavka)",
+            "desktop_notification_message_preview": "Prikaži pregled poruke u obavijesti na radnoj površini",
+            "dialog_title": "<strong>Postavke:</strong> Obavijesti",
+            "email_description": "Primajte sažetak propuštenih obavijesti e-poštom",
+            "email_section": "Sažetak e-pošte",
+            "email_select": "Odaberite na koje e-adrese želite slati sažetke. Upravljajte svojom e-poštom u odjeljku <button>Općenito</button>.",
+            "enable_audible_notifications_session": "Omogući zvučne obavijesti za ovu sesiju",
+            "enable_desktop_notifications_session": "Omogući obavijesti na radnoj površini za ovu sesiju",
+            "enable_email_notifications": "Omogući obavijesti e-poštom za %(email)s",
+            "enable_notifications_account": "Omogući obavijesti za ovaj račun",
+            "enable_notifications_account_detail": "Isključite da biste onemogućili obavijesti na svim uređajima i sesijama",
+            "enable_notifications_device": "Omogući obavijesti za ovaj uređaj",
+            "error_loading": "Došlo je do pogreške prilikom učitavanja postavki obavijesti.",
+            "error_permissions_denied": "%(brand)s nema dopuštenje slati Vam notifikacije - molimo provjerite postavke pretraživača",
+            "error_permissions_missing": "%(brand)s nema dopuštenje slati Vam notifikacije - molimo pokušajte ponovo",
+            "error_saving": "Pogreška kod spremanja postavki obavijesti",
+            "error_saving_detail": "Došlo je do pogreške prilikom spremanja vaših postavki obavijesti.",
+            "error_title": "Omogućavanje notifikacija nije uspjelo",
+            "error_updating": "Došlo je do pogreške prilikom ažuriranja postavki obavijesti. Pokušajte ponovno uključiti/isključiti mogućnost.",
+            "invites": "Pozvani u sobu",
+            "keywords": "Prikaži oznaku <badge/> kada se ključne riječi upotrebljavaju u sobi.",
+            "keywords_prompt": "Ovdje unesite ključne riječi ili ih upotrijebite za varijacije pravopisa ili nadimke",
+            "labs_notice_prompt": "<strong>Ažuriranje:</strong>Pojednostavili smo postavke obavijesti kako bismo olakšali pronalaženje mogućnosti. Neke prilagođene postavke koje ste odabrali u prošlosti ovdje nisu prikazane, ali su i dalje aktivne. Ako nastavite, neke od vaših postavki mogu se promijeniti. <a>Saznajte više</a>",
+            "mentions_keywords": "Spominjanja i ključne riječi",
+            "mentions_keywords_only": "Samo spominjanja i ključne riječi",
+            "messages_containing_keywords": "Poruke koje sadrže ključne riječi",
+            "noisy": "Glasno",
+            "notices": "Poruke koje šalju botovi",
+            "notify_at_room": "Obavijesti me kada netko spomene korištenje sobe @room",
+            "notify_keyword": "Obavijesti me kada netko upotrijebi ključnu riječ",
+            "notify_mention": "Obavijesti me kada netko spomene korištenje @imeza prikaz ili %(mxid)s",
+            "other_section": "Druge stvari za koje mislimo da bi vas mogle zanimati:",
+            "people_mentions_keywords": "Osobe, spominjanja i ključne riječi",
+            "play_sound_for_description": "Primjenjuje se zadano na sve sobe na svim uređajima.",
+            "play_sound_for_section": "Reproduciraj zvuk za",
+            "push_targets": "Primatelji obavijesti",
+            "quick_actions_mark_all_read": "Označi sve poruke kao pročitane",
+            "quick_actions_reset": "Vrati na zadane postavke",
+            "quick_actions_section": "Brze radnje",
+            "room_activity": "Pojavljuju se nove aktivnosti u sobi, nadogradnje i poruke o statusu",
+            "rule_call": "Pozivnica za poziv",
+            "rule_contains_display_name": "Poruke koje sadrže moje ime za prikaz",
+            "rule_contains_user_name": "Poruke koje sadrže moje korisničko ime",
+            "rule_encrypted": "Šifrirane poruke u grupnim razgovorima",
+            "rule_encrypted_room_one_to_one": "Šifrirane poruke u razgovorima jedan na jedan",
+            "rule_invite_for_me": "Kad me pozovu u sobu",
+            "rule_message": "Poruke u grupnim razgovorima",
+            "rule_room_one_to_one": "Poruke u razgovorima jedan na jedan",
+            "rule_roomnotif": "Poruke koje sadrže @soba",
+            "rule_suppress_notices": "Poruke koje je poslao bot",
+            "rule_tombstone": "Kada se sobe nadograde",
+            "show_message_desktop_notification": "Prikaži poruku u obavijestima na radnoj površini",
+            "voip": "Audiopozivi i videopozivi"
+        },
+        "preferences": {
+            "Electron.enableContentProtection": "Spriječite druge aplikacije da snimaju sadržaj prozora",
+            "Electron.enableHardwareAcceleration": "Omogući ubrzanje računalne opreme (ponovno pokrenite %(appName)s kako bi promjena stupila na snagu)",
+            "always_show_menu_bar": "Uvijek prikaži traku izbornika prozora",
+            "autocomplete_delay": "Kašnjenje automatskog dovršavanja (ms)",
+            "code_blocks_heading": "Blokovi koda",
+            "compact_modern": "Upotrijebi kompaktniji moderan izgled",
+            "composer_heading": "Sastavljač",
+            "default_timezone": "Zadano prema pregledniku (%(timezone)s)",
+            "dialog_title": "<strong>Postavke:</strong> Osobne postavke",
+            "enable_content_protection": "Omogući zaštitu sadržaja",
+            "enable_hardware_acceleration": "Omogući ubrzanje računalne opreme",
+            "enable_tray_icon": "Prikaži ikonu u traci sustava i minimiziraj prozor na nju prilikom zatvaranja",
+            "keyboard_heading": "Prečaci na tipkovnici",
+            "keyboard_view_shortcuts_button": "Za pregled svih prečaca na tipkovnici <a>kliknite ovdje</a>.",
+            "media_heading": "Slike, GIF-ovi i videozapisi",
+            "presence_description": "Podijelite svoju aktivnost i status s drugima.",
+            "publish_timezone": "Objavi vremensku zonu na javnom profilu",
+            "rm_lifetime": "Trajanje oznake pročitanog (ms)",
+            "rm_lifetime_offscreen": "Trajanje oznake pročitanog izvan zaslona (ms)",
+            "room_directory_heading": "Direktorij soba",
+            "room_list_heading": "Popis soba",
+            "show_avatars_pills": "Prikaži avatare u spominjanjima korisnika, soba i događaja",
+            "show_polls_button": "Gumb za prikaz anketa",
+            "startup_window_behaviour_label": "Pokretanje aplikacije i ponašanje prozora",
+            "surround_text": "Okruži odabrani tekst prilikom tipkanja posebnih znakova",
+            "time_heading": "Prikaz vremena",
+            "user_timezone": "Postavi vremensku zonu"
+        },
+        "prompt_invite": "Upit prije slanja pozivnica potencijalno nevažećim Matrixovim ID-ovima",
+        "replace_plain_emoji": "Automatska zamjena emotikona običnog teksta",
+        "security": {
+            "analytics_description": "Podijelite anonimne podatke s nama kako biste nam pomogli u identificiranju problema. Ne osobne podatke. Nema trećih strana.",
+            "bulk_options_accept_all_invites": "Prihvati sve pozivnice od %(invitedRooms)s",
+            "bulk_options_reject_all_invites": "Odbij sve pozivnice od %(invitedRooms)s",
+            "bulk_options_section": "Mogućnosti za masovne radnje",
+            "dehydrated_device_description": "Značajka izvanmrežnog uređaja omogućuje vam primanje šifriranih poruka čak i kada niste prijavljeni ni na jedan uređaj",
+            "dehydrated_device_enabled": "Omogućen je izvanmrežni uređaj",
+            "dialog_title": "<strong>Postavke:</strong> Sigurnost i privatnost",
+            "e2ee_default_disabled_warning": "Administrator vašeg poslužitelja zadano je onemogućio sveobuhvatno šifriranje u privatnim sobama i izravnim porukama.",
+            "enable_message_search": "Omogući pretraživanje poruka u šifriranim sobama",
+            "encryption_section": "Šifriranje",
+            "ignore_users_empty": "Nemate ignoriranih korisnika.",
+            "ignore_users_section": "Ignorirani korisnici",
+            "key_backup_algorithm": "Algoritam:",
+            "message_search_disable_warning": "Ako je to onemogućeno, poruke iz šifriranih soba neće se prikazivati ​​u rezultatima pretraživanja.",
+            "message_search_disabled": "Sigurno spremi šifrirane poruke u lokalnu predmemoriju kako bi se prikazivale u rezultatima pretraživanja.",
+            "message_search_enabled": {
+                "one": "Sigurno spremi šifrirane poruke u lokalnu predmemoriju kako bi se prikazivale u rezultatima pretraživanja pomoću %(size)s za pohranjivanje poruka iz %(rooms)s sobe.",
+                "few": "Sigurno spremi šifrirane poruke u lokalnu predmemoriju kako bi se prikazivale u rezultatima pretraživanja pomoću %(size)s za pohranjivanje poruka iz %(rooms)s sobe.",
+                "other": "Sigurno spremi šifrirane poruke u lokalnu predmemoriju kako bi se prikazivale u rezultatima pretraživanja pomoću %(size)s za pohranjivanje poruka iz %(rooms)s soba."
+            },
+            "message_search_failed": "Inicijalizacija pretraživanja poruka nije uspjela",
+            "message_search_indexed_messages": "Indeksirane poruke:",
+            "message_search_indexed_rooms": "Indeksirane sobe:",
+            "message_search_indexing": "Trenutačno se indeksira: %(currentRoom)s",
+            "message_search_indexing_idle": "Trenutačno se ne indeksiraju poruke ni za jednu sobu.",
+            "message_search_intro": "%(brand)s sigurno sprema šifrirane poruke u lokalnu predmemoriju kako bi se prikazale u rezultatima pretraživanja:",
+            "message_search_pending_rooms": "Sobe koje čekaju indeksiranje: %(pendingRooms)s",
+            "message_search_room_progress": "%(doneRooms)s od %(totalRooms)s",
+            "message_search_section": "Pretraživanje poruka",
+            "message_search_sleep_time": "Koliko brzo bi se poruke trebale preuzimati.",
+            "message_search_space_used": "Iskorišteni prostor:",
+            "message_search_unsupported": "%(brand)s nema neke komponente potrebne za sigurno spremanje šifriranih poruka u lokalnu predmemoriju. Ako želite eksperimentirati s ovom značajkom, izradite prilagođeni %(brand)s za stolna računala s <nativeLink>dodanim komponentama za pretraživanje</nativeLink>.",
+            "message_search_unsupported_web": "%(brand)s ne može sigurno spremiti šifrirane poruke u lokalnu predmemoriju dok se izvodi u mrežnom pregledniku. Upotrijebite <desktopLink>%(brand)s za stolna računala</desktopLink> kako bi se šifrirane poruke prikazivale u rezultatima pretraživanja.",
+            "record_session_details": "Zabilježite naziv klijenta, inačicu i URL kako biste lakše prepoznali sesije u upravitelju sesija",
+            "send_analytics": "Pošalji analitičke podatke",
+            "strict_encryption": "Šalji poruke samo provjerenim korisnicima"
+        },
+        "send_read_receipts": "Pošalji potvrde o čitanju",
+        "send_read_receipts_unsupported": "Vaš poslužitelj ne podržava onemogućavanje slanja potvrde o čitanju.",
+        "send_typing_notifications": "Pošalji obavijesti o tipkanju",
+        "sessions": {
+            "best_security_note": "Za najveću sigurnost provjerite svoje sesije i odjavite se iz bilo koje sesije koju više ne prepoznajete ili je ne upotrebljavate.",
+            "browser": "Preglednik",
+            "confirm_sign_out": {
+                "one": "Potvrdite odjavu s ovog uređaja",
+                "few": "Potvrdite odjavu s ovih uređaja",
+                "other": "Potvrdite odjavu s ovih uređaja"
+            },
+            "confirm_sign_out_body": {
+                "one": "Kliknite ispod navedeni gumb kako biste potvrdili odjavu s ovog uređaja.",
+                "few": "Kliknite ispod navedeni gumb kako biste potvrdili odjavu s ovih uređaja.",
+                "other": "Kliknite ispod navedeni gumb kako biste potvrdili odjavu s ovih uređaja."
+            },
+            "confirm_sign_out_continue": {
+                "one": "Odjava s uređaja",
+                "few": "Odjava s uređaja",
+                "other": "Odjava s uređaja"
+            },
+            "confirm_sign_out_sso": {
+                "one": "Potvrdite odjavu s ovog uređaja koristeći jedinstvenu prijavu (SSO) kako biste dokazali svoj identitet.",
+                "few": "Potvrdite odjavu s ovih uređaja koristeći jedinstvenu prijavu (SSO) kako biste dokazali svoj identitet.",
+                "other": "Potvrdite odjavu s ovih uređaja koristeći jedinstvenu prijavu (SSO) kako biste dokazali svoj identitet."
+            },
+            "current_session": "Trenutačna sesija",
+            "desktop_session": "Sesija na stolnom računalu",
+            "details_heading": "Pojedinosti o sesiji",
+            "device_unverified_description": "Kako biste postigli najveću sigurnost i pouzdanost, potvrdite ovu sesiju ili se odjavite iz nje.",
+            "device_unverified_description_current": "Potvrdite svoju trenutačnu sesiju kako bi se poboljšala sigurna razmjena poruka.",
+            "device_verified_description": "Ova sesija spremna je za sigurnu razmjenu poruka.",
+            "device_verified_description_current": "Vaša trenutačna sesija spremna je za sigurnu razmjenu poruka.",
+            "dialog_title": "<strong>Postavke:</strong> Sesije",
+            "error_pusher_state": "Nije uspjelo postavljanje stanja rukovatelja push obavijesti",
+            "error_set_name": "Nije uspjelo postavljanje naziva sesije",
+            "filter_all": "Sve",
+            "filter_inactive": "Neaktivna",
+            "filter_inactive_description": "Neaktivna %(inactiveAgeDays)s dana ili dulje",
+            "filter_label": "Filtriraj uređaje",
+            "filter_unverified_description": "Nije spremno za sigurnu razmjenu poruka",
+            "filter_verified_description": "Spremno za sigurnu razmjenu poruka",
+            "hide_details": "Sakrij pojedinosti",
+            "inactive_days": "Neaktivno više od %(inactiveAgeDays)s dana",
+            "inactive_sessions": "Neaktivne sesije",
+            "inactive_sessions_explainer_1": "Neaktivne sesije su one koje niste upotrebljavali neko vrijeme, ali i dalje primaju ključeve za šifriranje.",
+            "inactive_sessions_explainer_2": "Uklanjanje neaktivnih sesija poboljšava sigurnost i performanse te vam olakšava da prepoznate je li nova sesija sumnjiva.",
+            "inactive_sessions_list_description": "Razmislite o odjavi sa starih sesija (%(inactiveAgeDays)s dana ili starije) koje više ne upotrebljavate.",
+            "ip": "IP adresa",
+            "last_activity": "Posljednja aktivnost",
+            "manage": "Upravljaj ovom sesijom",
+            "mobile_session": "Sesija na mobilnom uređaju",
+            "n_sessions_selected": {
+                "one": "%(count)s odabrana sesija",
+                "few": "%(count)s odabrane sesije",
+                "other": "%(count)s odabranih sesija"
+            },
+            "no_inactive_sessions": "Nema neaktivnih sesija.",
+            "no_sessions": "Nije pronađena nijedna sesija.",
+            "no_unverified_sessions": "Nema nepotvrđenih sesija.",
+            "no_verified_sessions": "Nema potvrđenih sesija.",
+            "os": "Operativni sustav",
+            "other_sessions_heading": "Ostale sesije",
+            "push_heading": "Push obavijesti",
+            "push_subheading": "Primajte push obavijesti za ovu sesiju",
+            "push_toggle": "Uključi/isključi push obavijesti za ovu sesiju.",
+            "rename_form_caption": "Imajte na umu da nazive sesija vide i osobe s kojima komunicirate.",
+            "rename_form_heading": "Preimenuj sesiju",
+            "rename_form_learn_more": "Preimenovanje sesija",
+            "rename_form_learn_more_description_1": "Drugi korisnici u izravnim porukama i sobama kojima se pridružite mogu vidjeti čitav popis vaših sesija.",
+            "rename_form_learn_more_description_2": "Zbog toga su uvjereni da stvarno razgovaraju s vama, ali znači i da mogu vidjeti naziv sesije koji ovdje unesete.",
+            "security_recommendations": "Sigurnosne preporuke",
+            "security_recommendations_description": "Poboljšajte sigurnost svog računa pridržavajući se ovih preporuka.",
+            "session_id": "ID sesije",
+            "show_details": "Prikaži pojedinosti",
+            "sign_in_with_qr": "Poveži novi uređaj",
+            "sign_in_with_qr_button": "Prikaži QR kod",
+            "sign_in_with_qr_description": "Upotrijebite QR kod za prijavu na drugi uređaj i postavljanje sigurne razmjene poruka.",
+            "sign_in_with_qr_unsupported": "Ne podržava davatelj usluge računa",
+            "sign_out": "Odjavi se iz ove sesije",
+            "sign_out_all_other_sessions": "Odjavi se iz svih ostalih sesija (%(otherSessionsCount)s)",
+            "sign_out_confirm_description": {
+                "one": "Jeste li sigurni da se želite odjaviti iz %(count)s sesije?",
+                "few": "Jeste li sigurni da se želite odjaviti iz %(count)s sesije?",
+                "other": "Jeste li sigurni da se želite odjaviti iz %(count)s sesija?"
+            },
+            "sign_out_n_sessions": {
+                "one": "Odjava iz %(count)s sesije",
+                "few": "Odjava iz %(count)s sesije",
+                "other": "Odjava iz %(count)s sesija"
+            },
+            "title": "Sesije",
+            "unknown_session": "Nepoznata vrsta sesije",
+            "unverified_session": "Nepotvrđena sesija",
+            "unverified_session_explainer_1": "Ova sesija ne podržava šifriranje i stoga se ne može potvrditi.",
+            "unverified_session_explainer_2": "Nećete moći sudjelovati u sobama u kojima je omogućeno šifriranje dok upotrebljavate ovu sesiju.",
+            "unverified_session_explainer_3": "Za najbolju sigurnost i privatnost preporučuje se korištenje Matrixovih klijenata koji podržavaju šifriranje.",
+            "unverified_sessions": "Nepotvrđene sesije",
+            "unverified_sessions_explainer_1": "Nepotvrđene sesije su one u kojima ste prijavljeni s vašim vjerodajnicama, ali nisu provjerene među uređajima.",
+            "unverified_sessions_explainer_2": "Posebno biste trebali biti sigurni da prepoznajete ove sesije jer bi mogle predstavljati neovlaštenu upotrebu vašeg računa.",
+            "unverified_sessions_list_description": "Potvrdite svoje sesije kako biste poboljšali sigurnu razmjenu poruka ili se odjavite s onih koje više ne prepoznajete ili ne upotrebljavate.",
+            "url": "URL",
+            "verified_session": "Potvrđena sesija",
+            "verified_sessions": "Potvrđene sesije",
+            "verified_sessions_explainer_1": "Potvrđene sesije su sva mjesta na kojima upotrebljavate ovaj račun nakon unosa zaporke ili potvrde identiteta drugom potvrđenom sesijom.",
+            "verified_sessions_explainer_2": "To znači da imate sve ključeve potrebne za otključavanje šifriranih poruka i potvrđujete drugim korisnicima da vjerujete ovoj sesiji.",
+            "verified_sessions_list_description": "Kako biste postigli najveću sigurnost, odjavite se iz svake sesije koju više ne prepoznajete ili ne upotrebljavate.",
+            "verify_session": "Potvrdi sesiju",
+            "web_session": "Mrežna sesija"
+        },
+        "show_avatar_changes": "Prikaži promjene profilne slike",
+        "show_breadcrumbs": "Prikaži prečace do nedavno pregledanih soba iznad popisa soba",
+        "show_chat_effects": "Prikaži efekte razgovora (animacije prilikom primanja npr. konfeta)",
+        "show_displayname_changes": "Prikaži promjene imena za prikaz",
+        "show_join_leave": "Prikaži poruke o pridruživanju/odlasku (pozivi/uklanjanja/zabrane ostaju nepromijenjene)",
+        "show_message_previews": "Prikaži preglede poruka",
+        "show_nsfw_content": "Prikaži neprimjeren sadržaj",
+        "show_read_receipts": "Prikaži potvrde o čitanju koje su poslali drugi korisnici",
+        "show_redaction_placeholder": "Prikaži zamjenski tekst za uklonjene poruke",
+        "show_stickers_button": "Gumb za prikaz naljepnica",
+        "show_typing_notifications": "Prikaži obavijesti o tipkanju",
+        "showbold": "Prikaži sve aktivnosti na popisu soba (točke ili broj nepročitanih poruka)",
+        "sidebar": {
+            "dialog_title": "<strong>Postavke:</strong> Bočna traka",
+            "metaspaces_favourites_description": "Grupirajte sve svoje omiljene sobe i osobe na jednom mjestu.",
+            "metaspaces_home_all_rooms": "Prikaži sve sobe",
+            "metaspaces_home_all_rooms_description": "Prikažite sve svoje sobe na početnoj stranici, čak i ako se nalaze u prostoru.",
+            "metaspaces_home_description": "Početna stranica je korisna jer vam omogućuje pregled svih aktivnosti.",
+            "metaspaces_orphans": "Sobe izvan prostora",
+            "metaspaces_orphans_description": "Grupirajte sve sobe koje nisu dio prostora na jednom mjestu.",
+            "metaspaces_people_description": "Grupirajte sve osobe na jednom mjestu.",
+            "metaspaces_subsection": "Prostori za prikaz",
+            "metaspaces_video_rooms": "Videosobe i konferencijski pozivi",
+            "metaspaces_video_rooms_description": "Grupirajte sve privatne videosobe i konferencijske pozive.",
+            "metaspaces_video_rooms_description_invite_extension": "U konferencijske pozive možete pozvati osobe koje nisu korisnici Matrixa.",
+            "spaces_explainer": "Prostori su načini grupiranja soba i osoba. Uz prostore u kojima se nalazite, možete upotrijebiti i neke unaprijed pripremljene.",
+            "title": "Bočna traka"
+        },
+        "start_automatically": {
+            "disabled": "Ne",
+            "enabled": "Da",
+            "label": "Otvorite %(brand)s kada se prijavite na svoje računalo",
+            "minimised": "Minimizirano"
+        },
+        "tac_only_notifications": "Obavijesti prikaži samo u centru aktivnosti niti",
+        "use_12_hour_format": "Prikaži vremenske oznake u 12-satnom obliku (npr. 2:30 popodne)",
+        "use_command_enter_send_message": "Koristite Command + Enter za slanje poruke",
+        "use_command_f_search": "Koristite Command + F za pretraživanje vremenske trake",
+        "use_control_enter_send_message": "Koristite Ctrl + Enter za slanje message",
+        "use_control_f_search": "Koristite Ctrl + F za pretraživanje vremenske trake",
+        "voip": {
+            "allow_p2p": "Omogući izravnu vezu za pozive jedan na jedan",
+            "allow_p2p_description": "Kada je omogućeno, druga strana bi mogla vidjeti vašu IP adresu",
+            "audio_input_empty": "Nije otkriven nijedan mikrofon",
+            "audio_output": "Izlaz zvuka",
+            "audio_output_empty": "Nisu otkriveni izlazi zvuka",
+            "auto_gain_control": "Automatska kontrola pojačanja",
+            "connection_section": "Veza",
+            "dialog_title": "<strong>Postavke:</strong> Glas i videozapis",
+            "echo_cancellation": "Poništavanje jeke",
+            "enable_fallback_ice_server": "Dopusti pričuvni poslužitelj za pomoć pri pozivu (%(server)s)",
+            "enable_fallback_ice_server_description": "Primjenjuje se samo ako vaš matični poslužitelj ne nudi jednu. Vaša IP adresa bi se dijelila tijekom poziva.",
+            "mirror_local_feed": "Zrcali lokalni videoprikaz",
+            "missing_permissions_prompt": "Nedostaju dopuštenja za medije; kliknite ispod navedeni gumb kako biste ih zatražili.",
+            "noise_suppression": "Prigušivanje buke",
+            "request_permissions": "Zatraži dopuštenja za medije",
+            "title": "Glas i videozapis",
+            "video_input_empty": "Nije otkrivena nijedna mrežna kamera",
+            "video_section": "Postavke videozapisa",
+            "voice_agc": "Automatski podesi glasnoću mikrofona",
+            "voice_processing": "Obrada glasa",
+            "voice_section": "Postavke glasa"
+        },
+        "warn_quit": "Upozori prije odustajanja",
+        "warning": "<w>UPOZORENJE:</w> <description/>"
+    },
+    "share": {
+        "link_copied": "Poveznica je kopirana",
+        "permalink_message": "Poveznica na odabranu poruku",
+        "permalink_most_recent": "Poveznica na najnoviju poruku",
+        "share_call": "Poveznica na pozivnicu za konferenciju",
+        "share_call_subtitle": "Poveznica za vanjske korisnike kako bi se mogli pridružiti pozivu iako nemaju Matrixov račun:",
+        "title_link": "Podijeli poveznicu",
+        "title_message": "Podijeli poruku iz sobe",
+        "title_room": "Podijeli sobu",
+        "title_user": "Podijeli korisnika"
+    },
+    "slash_command": {
+        "addwidget": "Dodaje prilagođeni widget putem URL-a u sobu",
+        "addwidget_iframe_missing_src": "iframe nema atribut src",
+        "addwidget_invalid_protocol": "Navedite URL widgeta kao https:// ili http://",
+        "addwidget_missing_url": "Navedite URL widgeta ili ugrađeni kod",
+        "addwidget_no_permissions": "Ne možete izmjenjivati widgete u ovoj sobi.",
+        "ban": "Zabranjuje korisnika s navedenim ID-om",
+        "category_actions": "Radnje",
+        "category_admin": "Administrator",
+        "category_advanced": "Napredno",
+        "category_effects": "Efekti",
+        "category_messages": "Poruke",
+        "category_other": "Ostalo",
+        "command_error": "Pogreška naredbe",
+        "converttodm": "Preinačuje sobu u izravnu poruku",
+        "converttoroom": "Preinačuje izravnu poruku u sobu",
+        "could_not_find_room": "Nije moguće pronaći sobu",
+        "deop": "Ukloni ovlasti korisniku s navedenim ID‑jem",
+        "devtools": "Otvara dijaloški okvir Alati za razvojne inženjere",
+        "discardsession": "Prisilno odbacuje trenutačne odlazne grupne sesije u šifriranoj sobi",
+        "error_invalid_rendering_type": "Pogreška naredbe: Nije moguće pronaći vrstu prikaza (%(renderingType)s)",
+        "error_invalid_room": "Pogreška naredbe: Nije moguće pronaći sobu (%(roomId)s)",
+        "error_invalid_runfn": "Pogreška naredbe: Nije moguće obraditi naredbu obrnutom kosom crtom.",
+        "error_invalid_user_in_room": "Nije moguće pronaći korisnika u sobi",
+        "help": "Prikazuje popis naredbi s upotrebom i opisima",
+        "help_dialog_title": "Pomoć za naredbe",
+        "holdcall": "Stavlja poziv na čekanje u trenutačnoj sobi",
+        "html": "Šalje poruku kao html, a da je ne interpretira kao Markdown",
+        "ignore": "Ignorira korisnika i skriva njegove poruke od vas",
+        "ignore_dialog_description": "Sada ignorirate %(userId)s",
+        "ignore_dialog_title": "Ignorirani korisnik",
+        "invite": "Poziva korisnika s navedenim ID-om u trenutačnu sobu",
+        "invite_3pid_needs_is_error": "Upotrijebite poslužitelj identiteta za slanje pozivnica e-poštom. Izvršite promjene u postavkama.",
+        "invite_3pid_use_default_is_title": "Upotrijebi poslužitelj identiteta",
+        "invite_3pid_use_default_is_title_description": "Upotrijebite poslužitelj identiteta za slanje pozivnica e-poštom. Kliknite gumb za nastavak kako biste upotrijebili zadani poslužitelj identiteta (%(defaultIdentityServerName)s) ili ga promijenite u postavkama.",
+        "invite_failed": "Korisnik (%(user)s) na kraju nije pozvan u %(roomId)s, ali uslužni program za pozivanje nije prijavio nikakvu pogrešku.",
+        "join": "Pridružuje se sobi s navedenom adresom",
+        "jumptodate": "Skoči na zadani datum na vremenskoj traci",
+        "jumptodate_invalid_input": "Nismo mogli razumjeti navedeni datum (%(inputDate)s). Pokušajte upotrebljavati oblik GGGG-MM-DD.",
+        "lenny": "Dodaje ( ͡° ͜ʖ ͡°) na početak poruke s običnim tekstom",
+        "manual_device_verification_confirm_description": "Time omogućujete drugom uređaju slanje i primanje poruka u vaše ime. AKO VAM JE NETKO REKAO DA NEŠTO OVDJE ZALIJEPITE, VJEROJATNO JE U PITANJU PRIJEVARA! Jeste li sigurni da želite potvrditi taj uređaj?",
+        "manual_device_verification_confirm_title": "Oprez: ručna provjera uređaja",
+        "me": "Prikazuje radnju",
+        "msg": "Šalje poruku zadanom korisniku",
+        "myavatar": "Mijenja vašu profilnu sliku u svim sobama",
+        "myroomavatar": "Mijenja vašu profilnu sliku samo u ovoj trenutačnoj sobi",
+        "myroomnick": "Mijenja vaš nadimak za prikaz samo u trenutačnoj sobi",
+        "nick": "Mijenja vaš nadimak za prikaz",
+        "no_active_call": "Nema aktivnih poziva u ovoj sobi",
+        "op": "Definirajte razinu ovlasti korisnika",
+        "part_unknown_alias": "Nepoznata adresa sobe: %(roomAlias)s",
+        "plain": "Šalje poruku kao običan tekst, a da je ne interpretira kao Markdown",
+        "query": "Otvara razgovor s određenim korisnikom",
+        "query_not_found_phone_number": "Nije moguće pronaći Matrixov ID za telefonski broj",
+        "rageshake": "Pošalji izvješće o pogrešci sa zapisnicima",
+        "rainbow": "Šalje zadanu poruku u duginim bojama",
+        "rainbowme": "Šalje zadani emotikon u duginim bojama",
+        "remove": "Uklanja korisnika s navedenim ID-om iz ove sobe",
+        "roomavatar": "Mijenja avatar trenutačne sobe",
+        "roomname": "Postavlja naziv sobe",
+        "server_error": "Pogreška poslužitelja",
+        "server_error_detail": "Poslužitelj nije dostupan, preopterećen je ili je nešto drugo pošlo po zlu.",
+        "shrug": "Dodaje ¯\\_(ツ)_/¯ na početak poruke s običnim tekstom",
+        "spoiler": "Šalje zadanu poruku kao spojler",
+        "tableflip": "Dodaje (╯°□°）╯︵ ┻━┻ na početak poruke s običnim tekstom",
+        "topic": "Dohvaća ili postavlja temu sobe",
+        "topic_none": "Ova soba nema temu.",
+        "topic_room_error": "Nije moguće pronaći temu sobe: Nije moguće pronaći sobu (%(roomId)s",
+        "unban": "Uklanja zabranu korisniku s navedenim ID-om",
+        "unflip": "Dodaje ┬──┬ ノ( ゜-゜ノ) na početak poruke s običnim tekstom",
+        "unholdcall": "Nastavlja poziv koji je bio na čekanju u trenutačnoj sobi",
+        "unignore": "Zaustavlja ignoriranje korisnika i prikazuje njegove buduće poruke",
+        "unignore_dialog_description": "Više ne ignorirate %(userId)s",
+        "unignore_dialog_title": "Neignorirani korisnik",
+        "unknown_command": "Nepoznata naredba",
+        "unknown_command_button": "Pošalji kao poruku",
+        "unknown_command_detail": "Neprepoznata naredba: %(commandText)s",
+        "unknown_command_help": "Možete upotrijebiti <code>/pomoć</code> kako bi se popisale dostupne naredbe. Jeste li ovo htjeli poslati kao poruku?",
+        "unknown_command_hint": "Savjet: Započnite svoju poruku s <code>//</code> kako biste je započeli obrnutom kosom crtom.",
+        "upgraderoom": "Nadograđuje sobu na novu inačicu",
+        "upgraderoom_permission_error": "Nemate potrebna dopuštenja za korištenje ove naredbe.",
+        "usage": "Upotreba",
+        "verify": "Ručno potvrdite jedan od svojih uređaja",
+        "view": "Pregledava sobu s navedenom adresom",
+        "whois": "Prikazuje informacije o korisniku"
+    },
+    "sliding_sync_legacy_no_longer_supported": "Klasični sliding sync više nije podržan: odjavite se i ponovno prijavite kako biste omogućili novu sliding sync oznaku",
+    "space": {
+        "add_existing_room_space": {
+            "create": "Želite li umjesto toga dodati novu sobu?",
+            "create_prompt": "Napravi novu sobu",
+            "dm_heading": "Izravne poruke",
+            "error_heading": "Nisu dodani svi odabrani",
+            "progress_text": {
+                "one": "U tijeku je dodavanje sobe...",
+                "few": "U tijeku je dodavanje soba... (%(progress)s od %(count)s)",
+                "other": "U tijeku je dodavanje soba... (%(progress)s od %(count)s)"
+            },
+            "space_dropdown_label": "Odabir prostora",
+            "space_dropdown_title": "Dodaj postojeće sobe",
+            "subspace_moved_note": "Dodavanje prostora je premješteno."
+        },
+        "add_existing_subspace": {
+            "create_button": "Napravi novi prostor",
+            "create_prompt": "Želite li umjesto toga dodati novi prostor?",
+            "filter_placeholder": "Pretraži prostore",
+            "space_dropdown_title": "Dodaj postojeći prostor"
+        },
+        "context_menu": {
+            "devtools_open_timeline": "Pogledaj vremensku traku sobe (razvojni alati)",
+            "explore": "Istraži sobe",
+            "home": "Početna stranica prostora",
+            "manage_and_explore": "Upravljaj sobama i istražuj ih",
+            "options": "Mogućnosti prostora"
+        },
+        "failed_load_rooms": "Učitavanje popisa soba nije uspjelo.",
+        "failed_remove_rooms": "Uklanjanje nekih soba nije uspjelo. Pokušajte ponovno poslije.",
+        "incompatible_server_hierarchy": "Vaš poslužitelj ne podržava prikaz hijerarhije prostora.",
+        "invite": "Pozovi osobe",
+        "invite_description": "Pozovi putem e-pošte ili korisničkog imena",
+        "invite_link": "Podijeli poveznicu s pozivnicom",
+        "joining_space": "Pridruživanje",
+        "landing_welcome": "Dobro došli u <name/>",
+        "leave_dialog_action": "Napusti prostor",
+        "leave_dialog_description": "Spremate se napustiti <spaceName/>.",
+        "leave_dialog_only_admin_room_warning": "Vi ste jedini administrator nekih soba ili prostora koje želite napustiti. Ako napustite te sobe ili prostore, oni neće imati nijednog administratora.",
+        "leave_dialog_only_admin_warning": "Vi ste jedini administrator ovog prostora. Ako ga napustite, nitko više neće imati nadzor nad njim.",
+        "leave_dialog_option_all": "Napusti sve sobe",
+        "leave_dialog_option_intro": "Želite li napustiti sobe u ovom prostoru?",
+        "leave_dialog_option_none": "Ne napuštaj nijednu sobu",
+        "leave_dialog_option_specific": "Napusti neke sobe",
+        "leave_dialog_public_rejoin_warning": "Nećete se moći ponovno pridružiti osim ako ne budete ponovno pozvani.",
+        "leave_dialog_title": "Napusti %(spaceName)s",
+        "mark_suggested": "Označi kao preporučeno",
+        "no_search_result_hint": "Možda biste trebali pokušati s drugom pretragom ili provjeriti ima li pravopisnih pogrešaka.",
+        "preferences": {
+            "sections_section": "Odjeljci za prikaz",
+            "show_people_in_space": "Ovo grupira vaše razgovore s članovima ovog prostora. Ako isključite tu mogućnost, razgovori će biti skriveni u prikazu prostora %(spaceName)s."
+        },
+        "room_filter_placeholder": "Pretraži sobe",
+        "search_children": "Pretraži %(spaceName)s",
+        "search_placeholder": "Pretraži nazive i opise",
+        "select_room_below": "Prvo odaberite sobu u nastavku",
+        "share_public": "Podijelite svoj javni prostor",
+        "suggested": "Preporučeno",
+        "suggested_tooltip": "Ova se soba preporučuje kao dobra za pridruživanje",
+        "title_when_query_available": "Rezultati",
+        "title_when_query_unavailable": "Sobe i prostori",
+        "unmark_suggested": "Označi da nije preporučeno",
+        "user_lacks_permission": "Nemate dopuštenje"
+    },
+    "space_settings": {
+        "title": "Postavke – %(spaceName)s"
+    },
+    "spaces": {
+        "error_no_permission_add_room": "Nemate dopuštenja za dodavanje soba u ovaj prostor",
+        "error_no_permission_add_space": "Nemate dopuštenja za dodavanje prostora u ovaj prostor",
+        "error_no_permission_create_room": "Nemate dopuštenja za izradu novih soba u ovom prostoru",
+        "error_no_permission_invite": "Nemate dopuštenja za pozivanje korisnika u ovaj prostor"
+    },
+    "spotlight": {
+        "public_rooms": {
+            "network_dropdown_add_dialog_description": "Unesite naziv novog poslužitelja koji želite istražiti.",
+            "network_dropdown_add_dialog_placeholder": "Naziv poslužitelja",
+            "network_dropdown_add_dialog_title": "Dodaj novi poslužitelj",
+            "network_dropdown_add_server_option": "Dodaj novi poslužitelj...",
+            "network_dropdown_available_invalid": "Ne mogu pronaći ovaj poslužitelj ili njegov popis soba",
+            "network_dropdown_available_invalid_forbidden": "Nije vam dopušteno pregledavanje popisa soba na ovom poslužitelju",
+            "network_dropdown_available_valid": "Izgleda dobro",
+            "network_dropdown_remove_server_adornment": "Ukloni poslužitelj %(roomServer)s",
+            "network_dropdown_required_invalid": "Unesite naziv poslužitelja",
+            "network_dropdown_selected_label": "Prikaži: Matrixove sobe",
+            "network_dropdown_selected_label_instance": "Prikaži: %(instance)s sobe (%(server)s)",
+            "network_dropdown_your_server_description": "Vaš poslužitelj"
+        }
+    },
+    "spotlight_dialog": {
+        "cant_find_person_helpful_hint": "Ako ne vidite osobu koju tražite, pošaljite joj pozivnicu.",
+        "cant_find_room_helpful_hint": "Ako ne možete pronaći sobu koju tražite, zatražite pozivnicu ili napravite novu sobu.",
+        "copy_link_text": "Kopiraj poveznicu na pozivnicu",
+        "count_of_members": {
+            "one": "%(count)s član",
+            "few": "%(count)s člana",
+            "other": "%(count)s članova"
+        },
+        "create_new_room_button": "Napravi novu sobu",
+        "failed_querying_public_rooms": "Upit za javne sobe nije uspio",
+        "failed_querying_public_spaces": "Upit za javne prostore nije uspio",
+        "group_chat_section_title": "Druge mogućnosti",
+        "heading_with_query": "Upotrijebi „%(query)s” za pretraživanje",
+        "heading_without_query": "Pretraži",
+        "join_button_text": "Pridruži se sobi %(roomAddress)s",
+        "keyboard_scroll_hint": "Upotrijebi <arrows/> za pomicanje",
+        "messages_label": "Poruke",
+        "other_rooms_in_space": "Ostale sobe u prostoru %(spaceName)s",
+        "public_rooms_label": "Javne sobe",
+        "public_spaces_label": "Javni prostori",
+        "recent_searches_section_title": "Nedavna pretraživanja",
+        "recently_viewed_section_title": "Nedavno pregledano",
+        "remove_filter": "Ukloni filtar za pretraživanje za %(filter)s",
+        "result_may_be_hidden_privacy_warning": "Neki rezultati mogu biti skriveni zbog zaštite privatnosti",
+        "result_may_be_hidden_warning": "Neki rezultati mogu biti skriveni",
+        "search_dialog": "Dijaloški okvir za pretraživanje",
+        "spaces_title": "Prostori u kojima se nalazite",
+        "start_group_chat_button": "Započni grupni razgovor"
+    },
+    "stickers": {
+        "empty": "Trenutačno nemate omogućen nijedan paket naljepnica",
+        "empty_add_prompt": "Dodajte neke sada"
+    },
+    "terms": {
+        "column_document": "Dokument",
+        "column_service": "Usluga",
+        "column_summary": "Sažetak",
+        "identity_server_no_terms_description_1": "Ova radnja zahtijeva pristup zadanom poslužitelju identiteta <server /> radi provjere adrese e-pošte ili telefonskog broja, no poslužitelj nema nikakve uvjete usluge.",
+        "identity_server_no_terms_description_2": "Nastavite samo ako vjerujete vlasniku poslužitelja.",
+        "identity_server_no_terms_title": "Poslužitelj identiteta nema uvjete usluge",
+        "inline_intro_text": "Prihvatite <policyLink /> kako biste mogli nastaviti:",
+        "integration_manager": "Upotrebljavajte botove, mostove, widgete i pakete naljepnica",
+        "intro": "Za nastavak morate prihvatiti uvjete pružanja ove usluge.",
+        "summary_identity_server_1": "Pronađite druge putem telefona ili e-pošte",
+        "summary_identity_server_2": "Dopustite da vas se pronađe telefonom ili e-poštom",
+        "tac_button": "Pregledajte uvjete i odredbe",
+        "tac_description": "Kako biste mogli nastaviti s korištenjem matičnog poslužitelja %(homeserverDomain)s, morate pregledati i prihvatiti naše uvjete i odredbe.",
+        "tac_title": "Uvjeti i odredbe",
+        "tos": "Uvjeti pružanja usluge"
+    },
+    "theme": {
+        "light_high_contrast": "Svijetla s pojačanim kontrastom",
+        "match_system": "Sustav podudaranja"
+    },
+    "thread_view_back_action_label": "Natrag na nit",
+    "threads": {
+        "all_threads": "Sve niti",
+        "all_threads_description": "Prikazuje sve niti iz trenutačne sobe",
+        "count_of_reply": {
+            "one": "%(count)s odgovor",
+            "few": "%(count)s odgovora",
+            "other": "%(count)s odgovora"
+        },
+        "empty_description": "Upotrijebite „%(replyInThread)s” prilikom zadržavanja pokazivača iznad poruke.",
+        "empty_title": "Niti pomažu da vaši razgovori ostanu usmjereni na temu i da ih je lako pratiti.",
+        "error_start_thread_existing_relation": "Nije moguće stvoriti nit iz događaja s postojećom povezanosti",
+        "mark_all_read": "Označi sve kao pročitano",
+        "my_threads": "Moje niti",
+        "my_threads_description": "Prikazuje sve niti u kojima ste sudjelovali",
+        "open_thread": "Otvori nit",
+        "show_thread_filter": "Prikaži:"
+    },
+    "threads_activity_centre": {
+        "header": "Aktivnost u nitima",
+        "no_rooms_with_threads_notifs": "Još nemate sobe s obavijestima o nitima.",
+        "no_rooms_with_unread_threads": "Još nemate sobe s nepročitanim nitima."
+    },
+    "time": {
+        "date_at_time": "%(date)s u %(time)s",
+        "hours_minutes_seconds_left": "Preostalo je %(hours)s h %(minutes)s min %(seconds)s s",
+        "left": "Preostalo je %(timeRemaining)s",
+        "minutes_seconds_left": "Preostalo je %(minutes)s min %(seconds)s s",
+        "seconds_left": "Preostalo je %(seconds)s s",
+        "short_days": "%(value)s dan/a",
+        "short_days_hours_minutes_seconds": "%(days)s dan/a %(hours)s h %(minutes)s min %(seconds)s s",
+        "short_hours": "%(value)s h",
+        "short_hours_minutes_seconds": "%(hours)s h %(minutes)s min %(seconds)s s",
+        "short_minutes": "%(value)s min",
+        "short_minutes_seconds": "%(minutes)s min %(seconds)s s",
+        "short_seconds": "%(value)s s"
+    },
+    "timeline": {
+        "context_menu": {
+            "collapse_reply_thread": "Sažmi nit odgovora",
+            "external_url": "URL izvora",
+            "open_in_osm": "Otvori u OpenStreetMap",
+            "report": "Prijavi",
+            "resent_unsent_reactions": "Ponovno pošalji %(unsentCount)s reakcija",
+            "show_url_preview": "Prikaži pregled",
+            "view_related_event": "Prikaži povezani događaj",
+            "view_source": "Prikaži izvor"
+        },
+        "creation_summary_dm": "%(creator)s izradio/la je ovu izravnu poruku.",
+        "creation_summary_room": "%(creator)s izradio/la je i konfigurirao/la sobu.",
+        "decryption_failure": {
+            "sender_identity_previously_verified": "Pošiljateljev potvrđeni identitet je poništen",
+            "unable_to_decrypt": "Nije moguće dešifrirati poruku"
+        },
+        "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
+        "download_action_decrypting": "Dešifriranje",
+        "download_action_downloading": "Preuzimanje",
+        "download_failed": "Preuzimanje nije uspjelo",
+        "download_failed_description": "Došlo je do pogreške prilikom preuzimanja ove datoteke",
+        "e2e_state": "Stanje sveobuhvatnog šifriranja",
+        "edits": {
+            "tooltip_label": "Uređeno dana %(date)s. Kliknite za pregled uređenih stavki.",
+            "tooltip_sub": "Kliknite za pregled uređenih stavki",
+            "tooltip_title": "Uređeno dana %(date)s"
+        },
+        "error_no_renderer": "Ovaj se događaj nije mogao prikazati",
+        "error_rendering_message": "Nije moguće učitati ovu poruku",
+        "historical_messages_unavailable": "Ne možete vidjeti prijašnje poruke",
+        "in_room_name": " u <strong>%(room)s</strong>",
+        "io.element.widgets.layout": "%(senderName)s ažurirao/la je izgled sobe",
+        "late_event_separator": "Izvorno poslano dana %(dateTime)s",
+        "load_error": {
+            "no_permission": "Pokušali ste učitati određenu točku na vremenskoj traci ove sobe, ali nemate dopuštenje za pregled dotične poruke.",
+            "title": "Učitavanje položaja vremenske trake nije uspjelo",
+            "unable_to_find": "Pokušali ste učitati određenu točku na vremenskoj traci ove sobe, ali niste je uspjeli pronaći."
+        },
+        "m.audio": {
+            "error_downloading_audio": "Pogreška pri preuzimanju zvučnog zapisa",
+            "error_processing_audio": "Pogreška pri obradi zvučne poruke",
+            "error_processing_voice_message": "Pogreška pri obradi glasovne poruke"
+        },
+        "m.beacon_info": {
+            "view_live_location": "Prikaži lokaciju uživo"
+        },
+        "m.call": {
+            "video_call_ended": "Videopoziv je završio",
+            "video_call_started": "Videopoziv je započeo u sobi %(roomName)s.",
+            "video_call_started_text": "%(name)s započeo/la je videopoziv",
+            "video_call_started_unsupported": "Videopoziv je započeo u sobi %(roomName)s. (Ne podržava ovaj preglednik.)"
+        },
+        "m.call.hangup": {
+            "dm": "Poziv je završio"
+        },
+        "m.call.invite": {
+            "answered_elsewhere": "Odgovoreno je negdje drugdje",
+            "call_back_prompt": "Uzvrati poziv",
+            "declined": "Poziv je odbijen",
+            "failed_connect_media": "Nije moguće povezati medij",
+            "failed_connection": "Povezivanje nije uspjelo",
+            "failed_opponent_media": "Njihov uređaj nije mogao pokrenuti kameru ili mikrofon",
+            "missed_call": "Propušteni poziv",
+            "no_answer": "Nema odgovora",
+            "unknown_error": "Došlo je do nepoznate pogreške",
+            "unknown_failure": "Nepoznata pogreška: %(reason)s",
+            "unknown_state": "Poziv je u nepoznatom stanju!",
+            "video_call": "%(senderName)s uputio/la je videopoziv.",
+            "video_call_unsupported": "%(senderName)s uputio/la je videopoziv. (Ne podržava ovaj preglednik.)",
+            "voice_call": "%(senderName)s uputio/la glasovni poziv.",
+            "voice_call_unsupported": "%(senderName)s uputio/la je glasovni poziv. (Ne podržava ovaj preglednik.)"
+        },
+        "m.file": {
+            "error_decrypting": "Pogreška pri dešifriranju privitka",
+            "error_invalid": "Nevažeća datoteka"
+        },
+        "m.image": {
+            "error": "Nije moguće prikazati sliku zbog pogreške",
+            "error_decrypting": "Pogreška prilikom dešifriranja slike",
+            "error_downloading": "Pogreška prilikom preuzimanja slike",
+            "sent": "%(senderDisplayName)s poslao/la je sliku.",
+            "show_image": "Prikaži sliku"
+        },
+        "m.key.verification.request": {
+            "user_wants_to_verify": "%(name)s želi potvrditi",
+            "you_started": "Poslali ste zahtjev za potvrdu"
+        },
+        "m.location": {
+            "full": "%(senderName)s podijelio/la je svoju lokaciju",
+            "location": "Podijelio/la je lokaciju: ",
+            "self_location": "Podijelili su svoju lokaciju: "
+        },
+        "m.poll": {
+            "count_of_votes": {
+                "one": "%(count)s glas",
+                "few": "%(count)s glasa",
+                "other": "%(count)s glasova"
+            }
+        },
+        "m.poll.end": {
+            "sender_ended": "%(senderName)s završio/la je anketu"
+        },
+        "m.poll.start": "%(senderName)s započeo/la je anketu – %(pollQuestion)s",
+        "m.room.avatar": {
+            "changed": "%(senderDisplayName)s promijenio/la je avatar sobe.",
+            "changed_img": "%(senderDisplayName)s promijenio/la je avatar sobe u <img/>",
+            "lightbox_title": "%(senderDisplayName)s promijenio/la je avatar za %(roomName)s",
+            "removed": "%(senderDisplayName)s uklonio/la je avatar sobe."
+        },
+        "m.room.canonical_alias": {
+            "alt_added": {
+                "one": "%(senderName)s je dodao/la %(addresses)s alternativnu adresu za ovu sobu.",
+                "few": "%(senderName)s je dodao/la %(addresses)s alternativne adrese za ovu sobu.",
+                "other": "%(senderName)s je dodao/la %(addresses)s alternativnih adresa za ovu sobu."
+            },
+            "alt_removed": {
+                "one": "%(senderName)s uklonio/la je %(addresses)s alternativnu adresu za ovu sobu.",
+                "few": "%(senderName)s uklonio/la je %(addresses)s alternativne adrese za ovu sobu.",
+                "other": "%(senderName)s uklonio/la je %(addresses)s alternativnih adresa za ovu sobu."
+            },
+            "changed": "%(senderName)s promijenio/la je adrese za ovu sobu.",
+            "changed_alternative": "%(senderName)s promijenio/la je alternativne adrese za ovu sobu.",
+            "changed_main_and_alternative": "%(senderName)s promijenio/la je glavnu i alternativnu adresu za ovu sobu.",
+            "removed": "%(senderName)s uklonio/la je glavnu adresu za ovu sobu.",
+            "set": "%(senderName)s postavio/la je glavnu adresu za ovu sobu na %(address)s."
+        },
+        "m.room.create": {
+            "continuation": "Ova je soba nastavak drugog razgovora.",
+            "see_older_messages": "Kliknite ovdje za pregled starijih poruka.",
+            "unknown_predecessor": "Nije moguće pronaći staru inačicu ove sobe (ID sobe: %(roomId)s), a nismo dobili ‘via_servers’ za pretraživanje.",
+            "unknown_predecessor_guess_server": "Nije moguće pronaći staru inačicu ove sobe (ID sobe: %(roomId)s), a nismo dobili ‘via_servers’ za pretraživanje. Poslužitelj bi se mogao pronaći na temelju ID-a sobe. Ako želite pokušati, kliknite ovu poveznicu:"
+        },
+        "m.room.encryption": {
+            "disable_attempt": "Ignorirani pokušaj onemogućavanja šifriranja",
+            "disabled": "Šifriranje nije omogućeno",
+            "enabled": "Poruke u ovoj sobi sveobuhvatno su šifrirane. Kada se osobe pridruže, možete ih potvrditi u njihovu profilu, tako da samo dodirnete njihovu profilnu sliku.",
+            "enabled_dm": "Ovdje su poruke sveobuhvatno šifrirane. Potvrdite %(displayName)s u njihovu profilu – dodirnite njihovu profilnu sliku.",
+            "enabled_local": "Poruke u ovom razgovoru bit će sveobuhvatno šifrirane.",
+            "parameters_changed": "Neki parametri šifriranja su promijenjeni.",
+            "state_enabled": "Poruke i događaji u ovoj sobi sveobuhvatno su šifrirani. Kada se osobe pridruže, možete ih potvrditi u njihovu profilu, tako da samo dodirnete njihovu profilnu sliku.",
+            "unsupported": "Šifriranje kojim se koristi ova soba nije podržano."
+        },
+        "m.room.guest_access": {
+            "can_join": "%(senderDisplayName)s dopustio/la je gostima da se pridruže sobi.",
+            "forbidden": "%(senderDisplayName)s spriječio/la je goste da se pridruže sobi.",
+            "unknown": "%(senderDisplayName)s promijenio/la je pristup gostiju na %(rule)s"
+        },
+        "m.room.history_visibility": {
+            "invited": "%(senderName)s postavio/la je da ubuduće povijest sobe bude vidljiva članovima sobe od trenutka kada su pozvani.",
+            "joined": "%(senderName)s postavio/la je da ubuduće povijest sobe bude vidljiva svim članovima sobe od trenutka kada su se pridružili.",
+            "shared": "%(senderName)s postavio/la je da ubuduće povijest sobe bude vidljiva svim članovima sobe.",
+            "unknown": "%(senderName)s postavio/la je da ubuduće povijest sobe bude vidljiva nepoznatima (%(visibility)s).",
+            "world_readable": "%(senderName)s postavio/la je da ubuduće povijest sobe bude vidljiva svima."
+        },
+        "m.room.join_rules": {
+            "invite": "%(senderDisplayName)s učinio/la je sobu dostupnom samo za pozvane.",
+            "knock": "%(senderDisplayName)s promijenio/la je pravilo pridruživanja na to da je potrebno zatražiti pridruživanje.",
+            "public": "%(senderDisplayName)s učinio/la je sobu javnom za svakoga s poveznicom.",
+            "restricted": "%(senderDisplayName)s promijenio/la je pravilo o tome tko se može pridružiti ovoj sobi.",
+            "restricted_settings": "%(senderDisplayName)s promijenio/la je pravilo o tome tko se može pridružiti ovoj sobi. <a>Postavke prikaza</a>.",
+            "unknown": "%(senderDisplayName)s promijenio/la je pravilo pridruživanja u %(rule)s"
+        },
+        "m.room.member": {
+            "accepted_3pid_invite": "%(targetName)s prihvatio/la je poziv za %(displayName)s",
+            "accepted_invite": "%(targetName)s prihvatio/la je poziv",
+            "ban": "%(senderName)s zabranio/la je %(targetName)s",
+            "ban_reason": "%(senderName)s zabranjeno/la je %(targetName)s: %(reason)s",
+            "change_avatar": "%(senderName)s promijenio/la je svoju profilnu sliku",
+            "change_name": "%(oldDisplayName)s promijenio/la je svoje ime za prikaz u %(displayName)s",
+            "change_name_avatar": "%(oldDisplayName)s promijenio/la je svoje ime za prikaz i profilnu sliku",
+            "invite": "%(senderName)s pozvao/la je %(targetName)s",
+            "join": "%(targetName)s pridružio/la se sobi",
+            "kick": "%(senderName)s uklonio/la je %(targetName)s",
+            "kick_reason": "%(senderName)s uklonio/la je %(targetName)s: %(reason)s",
+            "left": "%(targetName)s napustio/la je sobu",
+            "left_reason": "%(targetName)s napustio/la je sobu: %(reason)s",
+            "no_change": "%(senderName)s nije napravio/la nikakvu promjenu",
+            "reject_invite": "%(targetName)s odbio/la je poziv",
+            "reject_invite_reason": "%(targetName)s odbio/la je poziv: %(reason)s",
+            "remove_avatar": "%(senderName)s uklonio/la je svoju profilnu sliku",
+            "remove_name": "%(senderName)s uklonio/la je svoje ime za prikaz (%(oldDisplayName)s)",
+            "set_avatar": "%(senderName)s postavio/la je profilnu sliku",
+            "set_name": "%(senderName)s postavio/la je svoje ime za prikaz na %(displayName)s",
+            "unban": "%(senderName)s uklonio/la je zabranu pristupa za %(targetName)s",
+            "withdrew_invite": "%(senderName)s povukao/la je pozivnicu za %(targetName)s",
+            "withdrew_invite_reason": "%(senderName)s povukao/la je pozivnicu za %(targetName)s: %(reason)s"
+        },
+        "m.room.name": {
+            "change": "%(senderDisplayName)s promijenio/la je naziv sobe iz %(oldRoomName)s u %(newRoomName)s.",
+            "remove": "%(senderDisplayName)s uklonio/la je naziv sobe.",
+            "set": "%(senderDisplayName)s promijenio/la je naziv sobe u %(roomName)s."
+        },
+        "m.room.pinned_events": {
+            "changed": "%(senderName)s promijenio/la je prikvačene poruke za sobu.",
+            "changed_link": "%(senderName)s promijenio/la je <a> prikvačene poruke</a> za sobu.",
+            "pinned": "%(senderName)s prikvačio/la je poruku na ovu sobu. Pogledajte sve prikvačene poruke.",
+            "pinned_link": "%(senderName)s prikvačio/la je <a>poruku</a> na ovu sobu. Pogledajte sve <b>prikvačene poruke</b>.",
+            "unpinned": "%(senderName)s otkvačio/la je poruku s ove sobe. Pogledajte sve prikvačene poruke.",
+            "unpinned_link": "%(senderName)s otkvačio/la je <a>poruku</a> s ove sobe. Pogledajte sve <b>prikvačene poruke</b>."
+        },
+        "m.room.power_levels": {
+            "changed": "%(senderName)s promijenio/la je razinu ovlasti za %(powerLevelDiffText)s.",
+            "user_from_to": "%(userId)s s %(fromPowerLevel)s na %(toPowerLevel)s"
+        },
+        "m.room.server_acl": {
+            "all_servers_banned": "🎉 Svim je poslužiteljima zabranjeno sudjelovanje! Ovom se sobom više ne može koristiti.",
+            "changed": "%(senderDisplayName)s promijenio/la je popise kontrole pristupa poslužitelja za ovu sobu.",
+            "set": "%(senderDisplayName)s postavio/la je popise kontrole pristupa poslužitelja za ovu sobu."
+        },
+        "m.room.third_party_invite": {
+            "revoked": "%(senderName)s povukao/la je pozivnicu za pridruživanje sobi korisniku %(targetDisplayName)s.",
+            "sent": "%(senderName)s poslao/la je pozivnicu za pridruživanje sobi korisniku %(targetDisplayName)s."
+        },
+        "m.room.tombstone": "%(senderDisplayName)s nadogradio/la je ovu sobu.",
+        "m.room.topic": {
+            "changed": "%(senderDisplayName)s promijenio/la je temu u „%(topic)s”.",
+            "removed": "%(senderDisplayName)s uklonio/la je temu."
+        },
+        "m.sticker": "%(senderDisplayName)s poslao/la je naljepnicu.",
+        "m.video": {
+            "error_decrypting": "Pogreška pri dešifriranju videozapisa",
+            "show_video": "Prikaži videozapis"
+        },
+        "m.widget": {
+            "added": "%(senderName)s dodao/la je widget %(widgetName)s",
+            "jitsi_ended": "Videokonferenciju je prekinuo/la %(senderName)s",
+            "jitsi_join_right_prompt": "Pridružite se konferenciji iz kartice s informacijama o sobi koja se nalazi zdesna",
+            "jitsi_join_top_prompt": "Pridružite se konferenciji na vrhu ove sobe",
+            "jitsi_started": "Videokonferenciju je započeo/la %(senderName)s",
+            "jitsi_updated": "Videokonferenciju je ažurirao/la %(senderName)s",
+            "modified": "%(senderName)s izmijenio/la je widget %(widgetName)s",
+            "removed": "%(senderName)s uklonio/la je widget %(widgetName)s"
+        },
+        "mab": {
+            "collapse_reply_chain": "Sažmi navode",
+            "copy_link_thread": "Kopiraj poveznicu u nit",
+            "expand_reply_chain": "Proširi navode",
+            "label": "Radnje s porukama",
+            "view_in_room": "Pregled u sobi"
+        },
+        "message_timestamp_received_at": "Primljeno u: %(dateTime)s",
+        "message_timestamp_sent_at": "Poslano u: %(dateTime)s",
+        "mjolnir": {
+            "changed_rule_glob": "%(senderName)s ažurirao/la je pravilo kojim se zabranjuju korisnici koji odgovaraju %(oldGlob)s na one koji odgovaraju %(newGlob)s za %(reason)s",
+            "changed_rule_rooms": "%(senderName)s promijenio/la je pravilo kojim se zabranjuju sobe koje odgovaraju %(oldGlob)s na one koje odgovaraju %(newGlob)s za %(reason)s",
+            "changed_rule_servers": "%(senderName)s promijenio/la je pravilo kojim se zabranjuju poslužitelji koji odgovaraju %(oldGlob)s na one koji odgovaraju %(newGlob)s za %(reason)s",
+            "changed_rule_users": "%(senderName)s promijenio/la je pravilo kojim se zabranjuju korisnici koji odgovaraju %(oldGlob)s na one koji odgovaraju %(newGlob)s za %(reason)s",
+            "created_rule": "%(senderName)s izradio/la je pravilo za zabranu koje odgovara %(glob)s za %(reason)s",
+            "created_rule_rooms": "%(senderName)s izradio/la je pravilo kojim se zabranjuju sobe koje odgovaraju %(glob)s za %(reason)s",
+            "created_rule_servers": "%(senderName)s izradio/la je pravilo kojim se zabranjuju poslužitelji koji odgovaraju %(glob)s za %(reason)s",
+            "created_rule_users": "%(senderName)s izradio/la je pravilo kojim se zabranjuju korisnici koji odgovaraju %(glob)s za %(reason)s",
+            "message_hidden": "Ignorirali ste ovog korisnika, pa je njegova poruka skrivena. <a>Svejedno prikaži.</a>",
+            "removed_rule": "%(senderName)s uklonio/la je pravilo za zabranu koje odgovara %(glob)s",
+            "removed_rule_rooms": "%(senderName)s uklonio/la je pravilo kojim se zabranjuju sobe koje odgovaraju %(glob)s",
+            "removed_rule_servers": "%(senderName)s uklonio/la je pravilo kojim se zabranjuju poslužitelji koji odgovaraju %(glob)s",
+            "removed_rule_users": "%(senderName)s uklonio/la je pravilo kojim se zabranjuju korisnici koji odgovaraju %(glob)s",
+            "updated_invalid_rule": "%(senderName)s ažurirao/la je nevažeće pravilo za zabranu",
+            "updated_rule": "%(senderName)s ažurirao/la je pravilo za zabranu koje odgovara %(glob)s za %(reason)s",
+            "updated_rule_rooms": "%(senderName)s ažurirao/la je pravilo kojim se zabranjuju sobe koje odgovaraju %(glob)s za %(reason)s",
+            "updated_rule_servers": "%(senderName)s ažurirao/la je pravilo kojim se zabranjuju poslužitelji koji odgovaraju %(glob)s za %(reason)s",
+            "updated_rule_users": "%(senderName)s ažurirao/la je pravilo kojim se zabranjuju korisnici koji odgovaraju %(glob)s za %(reason)s"
+        },
+        "no_permission_messages_before_invite": "Nemate dopuštenje za pregled poruka koje su izrađene prije nego što ste pozvani.",
+        "no_permission_messages_before_join": "Nemate dopuštenje za pregled poruka koje su izrađene prije nego što ste se pridružili.",
+        "pending_moderation": "Poruka čeka moderiranje",
+        "pending_moderation_reason": "Poruka čeka moderiranje: %(reason)s",
+        "reactions": {
+            "add_reaction_prompt": "Dodaj reakciju",
+            "custom_reaction_fallback_label": "Prilagođena reakcija",
+            "label": "%(reactors)s reagirao/la je s %(content)s",
+            "tooltip_caption": "reagirao/la je s %(shortName)s"
+        },
+        "read_receipt_title": {
+            "one": "Vidjela je %(count)s osoba",
+            "few": "Vidjele su %(count)s osobe",
+            "other": "Vidjelo je %(count)s osoba"
+        },
+        "read_receipts_label": "Potvrde o čitanju",
+        "redacted": {
+            "tooltip": "Poruka je izbrisana dana %(date)s"
+        },
+        "redaction": "Poruku je izbrisao/la %(name)s",
+        "reply": {
+            "error_loading": "Nije moguće učitati događaj na koji je odgovoreno; ili ne postoji ili nemate dopuštenje za njegov pregled.",
+            "in_reply_to": "<a>Kao odgovor na</a> <pill>",
+            "in_reply_to_for_export": "Kao odgovor na <a>ovu poruku</a>"
+        },
+        "scalar_starter_link": {
+            "dialog_description": "Bit ćete preusmjereni na mrežno mjesto treće strane kako biste mogli potvrditi autentičnost svog računa za korištenje s %(integrationsUrl)s. Želite li nastaviti?",
+            "dialog_title": "Dodaj integraciju"
+        },
+        "self_redaction": "Poruka je izbrisana",
+        "send_state_encrypting": "Poruka se šifrira…",
+        "send_state_failed": "Slanje nije uspjelo",
+        "send_state_sending": "Poruka se šalje…",
+        "send_state_sent": "Poruka je poslana",
+        "summary": {
+            "banned": {
+                "one": "bio je zabranjen",
+                "few": "bio je zabranjen %(count)s puta",
+                "other": "bio je zabranjen %(count)s puta"
+            },
+            "banned_multiple": {
+                "one": "su zabranjeni",
+                "few": "su zabranjeni %(count)s puta",
+                "other": "su zabranjeni %(count)s puta"
+            },
+            "changed_avatar": {
+                "one": "%(oneUser)s je promijenio svoju profilnu sliku",
+                "few": "%(oneUser)s je promijenio svoju profilnu sliku %(count)s puta",
+                "other": "%(oneUser)s je promijenio svoju profilnu sliku %(count)s puta"
+            },
+            "changed_avatar_multiple": {
+                "one": "%(severalUsers)s su promijenili svoju profilnu sliku",
+                "few": "%(severalUsers)s su promijenili svoju profilnu sliku %(count)s puta",
+                "other": "%(severalUsers)s su promijenili svoju profilnu sliku %(count)s puta"
+            },
+            "changed_name": {
+                "one": "%(oneUser)s je promijenio svoje ime",
+                "few": "%(oneUser)s je promijenio svoje ime %(count)s puta",
+                "other": "%(oneUser)s je promijenio svoje ime %(count)s puta"
+            },
+            "changed_name_multiple": {
+                "one": "%(severalUsers)s promijenili su svoje ime",
+                "few": "%(severalUsers)s promijenili su svoje ime %(count)s puta",
+                "other": "%(severalUsers)s promijenili su svoje ime %(count)s puta"
+            },
+            "format": "%(nameList)s %(transitionList)s",
+            "hidden_event": {
+                "one": "%(oneUser)s je poslao skrivenu poruku",
+                "few": "%(oneUser)s je poslao %(count)s skrivene poruke",
+                "other": "%(oneUser)s je poslao %(count)s skrivenih poruka"
+            },
+            "hidden_event_multiple": {
+                "one": "%(severalUsers)s su poslali skrivenu poruku",
+                "few": "%(severalUsers)s su poslali %(count)s skrivene poruke",
+                "other": "%(severalUsers)s su poslali %(count)s skrivenih poruka"
+            },
+            "invite_withdrawn": {
+                "one": "%(oneUser)s je povukao svoju pozivnicu",
+                "few": "%(oneUser)s je povukao svoju pozivnicu %(count)s puta",
+                "other": "%(oneUser)s je povukao svoju pozivnicu %(count)s puta"
+            },
+            "invite_withdrawn_multiple": {
+                "one": "%(severalUsers)s su povukli svoju pozivnicu",
+                "few": "%(severalUsers)s su povukli svoju pozivnicu %(count)s puta",
+                "other": "%(severalUsers)s su povukli svoju pozivnicu %(count)s puta"
+            },
+            "invited": {
+                "one": "je pozvan/a",
+                "few": "je pozvan/a %(count)s puta",
+                "other": "je pozvan/a %(count)s puta"
+            },
+            "invited_multiple": {
+                "one": "su bili pozvani",
+                "few": "su bili pozvani %(count)s puta",
+                "other": "su bili pozvani %(count)s puta"
+            },
+            "joined": {
+                "one": "%(oneUser)s se pridružio",
+                "few": "%(oneUser)s se pridružio %(count)s puta",
+                "other": "%(oneUser)s se pridružio %(count)s puta"
+            },
+            "joined_and_left": {
+                "one": "%(oneUser)s se pridružio i otišao",
+                "few": "%(oneUser)s se pridružio i otišao %(count)s puta",
+                "other": "%(oneUser)s se pridružio i otišao %(count)s puta"
+            },
+            "joined_and_left_multiple": {
+                "one": "%(severalUsers)s su se pridružili i otišli",
+                "few": "%(severalUsers)s su se pridružili i otišli %(count)s puta",
+                "other": "%(severalUsers)s su se pridružili i otišli %(count)s puta"
+            },
+            "joined_multiple": {
+                "one": "%(severalUsers)s su se pridružili",
+                "few": "%(severalUsers)s su se pridružili %(count)s puta",
+                "other": "%(severalUsers)s su se pridružili %(count)s puta"
+            },
+            "kicked": {
+                "one": "bio je uklonjen",
+                "few": "bio je uklonjen %(count)s puta",
+                "other": "bio je uklonjen %(count)s puta"
+            },
+            "kicked_multiple": {
+                "one": "su bili uklonjeni",
+                "few": "su bili uklonjeni %(count)s puta",
+                "other": "su bili uklonjeni %(count)s puta"
+            },
+            "left": {
+                "one": "%(oneUser)s je otišao",
+                "few": "%(oneUser)s je otišao %(count)s puta",
+                "other": "%(oneUser)s je otišao %(count)s puta"
+            },
+            "left_multiple": {
+                "one": "%(severalUsers)s su otišli",
+                "few": "%(severalUsers)s su otišli %(count)s puta",
+                "other": "%(severalUsers)s su otišli %(count)s puta"
+            },
+            "no_change": {
+                "one": "%(oneUser)s nije napravio nikakve promjene",
+                "few": "%(oneUser)s nije napravio nikakve promjene %(count)s puta",
+                "other": "%(oneUser)s nije napravio nikakve promjene %(count)s puta"
+            },
+            "no_change_multiple": {
+                "one": "%(severalUsers)s nisu napravili nikakve promjene",
+                "few": "%(severalUsers)s nisu napravili nikakve promjene %(count)s puta",
+                "other": "%(severalUsers)s nisu napravili nikakve promjene %(count)s puta"
+            },
+            "pinned_events": {
+                "one": "%(oneUser)s je promijenio je <a>prikvačene poruke</a> za sobu",
+                "few": "%(oneUser)s je promijenio <a>prikvačene poruke</a> za sobu %(count)s puta",
+                "other": "%(oneUser)s je promijenio <a>prikvačene poruke</a> za sobu %(count)s puta"
+            },
+            "pinned_events_multiple": {
+                "one": "%(severalUsers)s su promijenili <a>prikvačene poruke</a> za sobu",
+                "few": "%(severalUsers)s su promijenili <a>prikvačene poruke</a> za sobu %(count)s puta",
+                "other": "%(severalUsers)s su promijenili <a>prikvačene poruke</a> za sobu %(count)s puta"
+            },
+            "redacted": {
+                "one": "%(oneUser)s je uklonio poruku",
+                "few": "%(oneUser)s je uklonio %(count)s poruke",
+                "other": "%(oneUser)s je uklonio %(count)s poruka"
+            },
+            "redacted_multiple": {
+                "one": "%(severalUsers)s su uklonili poruku",
+                "few": "%(severalUsers)s su uklonili %(count)s poruke",
+                "other": "%(severalUsers)s su uklonili %(count)s poruka"
+            },
+            "rejected_invite": {
+                "one": "%(oneUser)s je odbio njihovu pozivnicu",
+                "few": "%(oneUser)s je odbio njihove pozivnicu %(count)s puta",
+                "other": "%(oneUser)s je odbio njihove pozivnice %(count)s puta"
+            },
+            "rejected_invite_multiple": {
+                "one": "%(severalUsers)s su odbili njihove pozivnice",
+                "few": "%(severalUsers)s su odbili njihove pozivnice %(count)s puta",
+                "other": "%(severalUsers)s su odbili njihove pozivnice %(count)s puta"
+            },
+            "rejoined": {
+                "one": "%(oneUser)s je otišao i ponovno se pridružio",
+                "few": "%(oneUser)s je otišao i ponovno se pridružio %(count)s puta",
+                "other": "%(oneUser)s je otišao i ponovno se pridružio %(count)s puta"
+            },
+            "rejoined_multiple": {
+                "one": "%(severalUsers)s je otišao i ponovno se pridružio",
+                "few": "%(severalUsers)s su otišla i ponovno se pridružila %(count)s puta",
+                "other": "%(severalUsers)s je otišlo i ponovno se pridružilo %(count)s puta"
+            },
+            "server_acls": {
+                "one": "%(oneUser)s je promijenio ACL-ove poslužitelja",
+                "few": "%(oneUser)s je promijenio ACL-ove poslužitelja %(count)s puta",
+                "other": "%(oneUser)s je promijenio ACL-ove poslužitelja %(count)s puta"
+            },
+            "server_acls_multiple": {
+                "one": "%(severalUsers)s su promijenili ACL-ove poslužitelja",
+                "few": "%(severalUsers)s su promijenili ACL-ove poslužitelja %(count)s puta",
+                "other": "%(severalUsers)s su promijenili ACL-ove poslužitelja %(count)s puta"
+            },
+            "unbanned": {
+                "one": "je povučena zabrana",
+                "few": "je povučena zabrana %(count)s puta",
+                "other": "je povučena zabrana %(count)s puta"
+            },
+            "unbanned_multiple": {
+                "one": "je povučena zabrana",
+                "few": "je povučena zabrana %(count)s puta",
+                "other": "je povučena zabrana %(count)s puta"
+            }
+        },
+        "thread_info_basic": "Iz niti",
+        "typing_indicator": {
+            "more_users": {
+                "one": "%(names)s i još jedan tipkaju...",
+                "few": "%(names)s i još %(count)s njih tipkaju...",
+                "other": "%(names)s i još %(count)s njih tipkaju…"
+            },
+            "one_user": "%(displayName)s tipka…",
+            "two_users": "%(names)s i %(lastPerson)s tipkaju…"
+        },
+        "undecryptable_tooltip": "Ova se poruka nije mogla dešifrirati",
+        "url_preview": {
+            "close": "Zatvori pretpregled",
+            "show_n_more": {
+                "one": "Prikaži %(count)s drugi pregled",
+                "few": "Prikaži %(count)s druga pregleda",
+                "other": "Prikaži %(count)s drugih pregleda"
+            }
+        }
+    },
+    "truncated_list_n_more": {
+        "one": "I još %(count)s...",
+        "few": "I još %(count)s...",
+        "other": "I još %(count)s..."
+    },
+    "unsupported_browser": {
+        "description": "Ako nastavite, neke značajke mogu prestati funkcionirati i postoji rizik da ćete u budućnosti izgubiti podatke. Ažurirajte svoj preglednik kako biste nastavili upotrebljavati %(brand)s.",
+        "title": "%(brand)s ne podržava ovaj preglednik"
+    },
+    "unsupported_server_description": "Ovaj poslužitelj upotrebljava stariju inačicu Matrixa. Nadogradite na Matrix %(version)s kako se ne bi javljale pogreške dok upotrebljavate %(brand)s.",
+    "unsupported_server_title": "Vaš poslužitelj nije podržan",
+    "update": {
+        "changelog": "Zapisnik promjena",
+        "check_action": "Provjeri ima li ažuriranja",
+        "checking": "Provjerava se ima li ažuriranja…",
+        "downloading": "U tijeku je preuzimanje ažuriranja…",
+        "error_encountered": "Došlo je do pogreške (%(errorDetail)s).",
+        "error_unable_load_commit": "Nije moguće učitati pojedinosti o izvršenju: %(msg)s",
+        "new_version_available": "Dostupna je nova inačica. <a> Ažuriraj sada.</a>",
+        "no_update": "Nema dostupnih ažuriranja.",
+        "release_notes_toast_title": "Što je novo",
+        "see_changes_button": "Što je novo?",
+        "toast_description": "Dostupna je nova inačica %(brand)s",
+        "toast_title": "Ažuriraj %(brand)s",
+        "unavailable": "Nedostupno"
+    },
+    "update_room_access_modal": {
+        "description": "Kako biste izradili poveznicu za dijeljenje, učinite ovu sobu <b>javnom</b> ili omogućite korisnicima da <b>zatraže pridruživanje</b>. Time ćete omogućiti gostima da se pridruže bez pozivnice.",
+        "dont_change_description": "Ako ne želite promijeniti pristup ovoj sobi, možete izraditi novu sobu za poveznicu na poziv.",
+        "no_change": "Ne želim mijenjati razinu pristupa.",
+        "revert_access_description": "(Ovo se može vratiti na prethodnu vrijednost u postavkama sobe: <b> Sigurnost i privatnost</b> / <b> Pristup</b>)",
+        "title": "Dopusti gostujućim korisnicima da se pridruže ovoj sobi"
+    },
+    "upload_failed_generic": "Prijenos datoteke '%(fileName)s' nije uspio.",
+    "upload_failed_size": "Datoteka '%(fileName)s' premašuje maksimalnu veličinu ovog kućnog poslužitelja za prijenose",
+    "upload_failed_title": "Prijenos neuspješan",
+    "upload_file": {
+        "cancel_all_button": "Otkaži sve",
+        "error_file_too_large": "Ova datoteka je <b>prevelika</b> za prijenos. Ograničenje veličine datoteke iznosi %(limit)s, ali veličina ove datoteke je %(sizeOfThisFile)s.",
+        "error_files_too_large": "Ove datoteke su <b>prevelike</b> za prijenos. Ograničenje veličine datoteke je %(limit)s.",
+        "error_some_files_too_large": "Neke datoteke su <b>prevelike</b> za prijenos. Ograničenje veličine datoteke je %(limit)s.",
+        "error_title": "Pogreška prilikom prijenosa",
+        "not_image": "Datoteka koju ste odabrali nije valjana slikovna datoteka.",
+        "title": "Prijenos datoteka",
+        "title_progress": "Prijenos datoteka (%(current)s od %(total)s)",
+        "upload_all_button": "Prenesi sve",
+        "upload_n_others_button": {
+            "one": "Prenesi %(count)s drugu datoteku",
+            "few": "Prenesi %(count)s druge datoteke",
+            "other": "Prenesi %(count)s drugih datoteka"
+        }
+    },
+    "user_info": {
+        "admin_tools_section": "Administratorski alati",
+        "ban_button_room": "Zabrani pristup sobi",
+        "ban_button_space": "Zabrani pristup prostoru",
+        "ban_room_confirm_title": "Zabrani pristup sobi %(roomName)s",
+        "ban_space_everything": "Zabrani im pristup svemu za što imam ovlasti",
+        "ban_space_specific": "Zabrani im pristup određenim stvarima za koje imam ovlasti",
+        "deactivate_confirm_action": "Deaktiviraj korisnika",
+        "deactivate_confirm_description": "Deaktiviranjem ovog korisnika odjavit ćete ga i spriječiti da se ponovno prijavi. Osim toga, napustit će sve sobe u kojima se nalazi. Ta se radnja ne može poništiti. Jeste li sigurni da želite deaktivirati tog korisnika?",
+        "deactivate_confirm_title": "Želite li deaktivirati korisnika?",
+        "demote_button": "Degradiraj",
+        "demote_self_confirm_description_space": "Nećete moći poništiti ovu promjenu jer sami sebe degradirate. Ako ste posljednji privilegirani korisnik u prostoru, nećete moći ponovno dobiti privilegije.",
+        "demote_self_confirm_room": "Nećete moći poništiti ovu promjenu jer sami sebe degradirate. Ako ste posljednji privilegirani korisnik u sobi, nećete moći ponovno dobiti privilegije.",
+        "demote_self_confirm_title": "Želite li se degradirati?",
+        "disinvite_button_room": "Opozovi pozivnicu za sobu",
+        "disinvite_button_room_name": "Opozovi pozivnicu za sobu %(roomName)s",
+        "disinvite_button_space": "Opozovi pozivnicu za prostor",
+        "error_ban_user": "Zabrana pristupa korisniku nije uspjela",
+        "error_deactivate": "Deaktiviranje korisnika nije uspjelo",
+        "error_kicking_user": "Uklanjanje korisnika nije uspjelo",
+        "error_mute_user": "Nije uspjelo utišavanje korisnika",
+        "error_revoke_3pid_invite_description": "Nije moguće opozvati pozivnicu. Poslužitelj možda ima privremeni problem ili nemate dovoljno dopuštenja za opoziv pozivnice.",
+        "error_revoke_3pid_invite_title": "Opoziv pozivnice nije uspio",
+        "ignore_button": "Ignoriraj",
+        "ignore_confirm_description": "Sve poruke i pozivnice od ovog korisnika neće se prikazati. Jeste li sigurni da ga želite ignorirati?",
+        "ignore_confirm_title": "Ignoriraj %(user)s",
+        "invited_by": "Pozvao/la je %(sender)s",
+        "jump_to_rr_button": "Skoči na potvrdu o čitanju",
+        "kick_button_room": "Ukloni iz sobe",
+        "kick_button_room_name": "Ukloni iz sobe %(roomName)s",
+        "kick_button_space": "Ukloni iz prostora",
+        "kick_button_space_everything": "Ukloni ih iz svega za što imam ovlasti",
+        "kick_space_specific": "Ukloni ih iz određenih stvari za koje imam ovlasti",
+        "kick_space_warning": "I dalje će moći pristupiti svemu za što niste administrator.",
+        "promote_warning": "Nećete moći poništiti ovu promjenu jer ćete postaviti da korisnik ima isti položaj kao i vi.",
+        "redact": {
+            "confirm_button": {
+                "one": "Ukloni jednu poruku",
+                "few": "Ukloni %(count)s poruke",
+                "other": "Ukloni %(count)s poruka"
+            },
+            "confirm_description_1": {
+                "one": "Uklonit ćete %(count)s poruku od korisnika %(user)s. Time ćete je trajno ukloniti za sve u razgovoru. Želite li nastaviti?",
+                "few": "Uklonit ćete %(count)s poruke od korisnika %(user)s. Time ćete ih trajno ukloniti za sve u razgovoru. Želite li nastaviti?",
+                "other": "Uklonit ćete %(count)s poruka od korisnika %(user)s. Time ćete ih trajno ukloniti za sve u razgovoru. Želite li nastaviti?"
+            },
+            "confirm_description_2": "Kod velikog broja poruka to bi moglo potrajati. U međuvremenu ne osvježavate klijenta.",
+            "confirm_keep_state_explainer": "Poništite odabir ako želite ukloniti i poruke sustava za ovog korisnika (npr. promjenu članstva, promjenu profila itd.)",
+            "confirm_keep_state_label": "Sačuvaj poruke sustava",
+            "confirm_title": "Ukloni nedavne poruke korisnika %(user)s",
+            "no_recent_messages_description": "Pokušajte se pomaknuti prema gore na vremenskoj traci kako biste vidjeli ima li ranijih.",
+            "no_recent_messages_title": "Nije pronađena nijedna nedavna poruka od korisnika %(user)s"
+        },
+        "redact_button": "Uklanjanje poruka",
+        "revoke_invite": "Opozovi pozivnicu",
+        "room_encrypted": "Poruke u ovoj sobi sveobuhvatno su šifrirane.",
+        "room_encrypted_detail": "Vaše su poruke zaštićene i samo vi i primatelj imate jedinstvene ključeve za njihovo otključavanje.",
+        "room_unencrypted": "Poruke u ovoj sobi nisu sveobuhvatno šifrirane.",
+        "room_unencrypted_detail": "U šifriranim sobama vaše su poruke zaštićene i samo vi i primatelj imate jedinstvene ključeve za njihovo otključavanje.",
+        "send_message": "Pošalji poruku",
+        "share_button": "Podijeli profil",
+        "unban_button_room": "Ukloni zabranu pristupa sobi",
+        "unban_button_space": "Ukloni zabranu pristupa prostoru",
+        "unban_room_confirm_title": "Ukloni zabranu pristupa sobi %(roomName)s",
+        "unban_space_everything": "Ukloni im zabranu pristupa svemu za što imam ovlasti",
+        "unban_space_specific": "Ukloni im zabranu određenim stvarima za koje imam ovlasti",
+        "unban_space_warning": "Neće moći pristupiti ničemu za što niste administrator.",
+        "unignore_button": "Poništi ignoriranje",
+        "verification_unavailable": "Provjera korisnika nije dostupna",
+        "verify_button": "Potvrdi korisnika",
+        "verify_explainer": "Radi dodatne sigurnosti potvrdite ovog korisnika provjerom jednokratnog koda na oba uređaja."
+    },
+    "user_menu": {
+        "link_new_device": "Poveži novi uređaj",
+        "settings": "Sve postavke",
+        "switch_theme_dark": "Prebaci na tamni način rada",
+        "switch_theme_light": "Prebaci na svijetli način rada"
+    },
+    "voip": {
+        "already_in_call": "Već u pozivu",
+        "already_in_call_person": "Već ste u pozivu sa tom osobom.",
+        "answered_elsewhere": "Odgovoreno je drugdje",
+        "answered_elsewhere_description": "Na poziv je odgovoreno sa drugog uređaja.",
+        "call_failed": "Poziv neuspješan",
+        "call_failed_description": "Poziv se nije mogao uspostaviti",
+        "call_failed_media": "Poziv nije uspio jer nije bilo moguće pristupiti web kameri ili mikrofonu. Provjerite:",
+        "call_failed_media_applications": "Da ni jedna druga aplikacija već ne koristi web kameru",
+        "call_failed_media_connected": "Jesu li mikrofon i web kamera priključeni i pravilno postavljeni",
+        "call_failed_media_permissions": "Jeli dopušteno korištenje web kamere",
+        "call_failed_microphone": "Poziv nije uspio jer nije bilo moguće pristupiti mikrofonu. Provjerite je li mikrofon priključen i ispravno postavljen.",
+        "call_held": "%(peerName)s je stavio/la poziv na čekanje",
+        "call_held_resume": "Stavili ste poziv na <a>Nastavi</a>",
+        "call_held_switch": "Stavili ste poziv <a>na čekanje</a>",
+        "call_toast_unknown_room": "Nepoznata soba",
+        "camera_disabled": "Vaša kamera je isključena",
+        "camera_enabled": "Vaša kamera nije omogućena",
+        "cannot_call_yourself_description": "Ne možete uspostaviti poziv sami sa sobom.",
+        "close_lobby": "Zatvori predvorje",
+        "connecting": "Povezivanje",
+        "connection_lost": "Veza s poslužiteljem je prekinuta",
+        "connection_lost_description": "Ne možete upućivati ​​pozive ako niste povezani s poslužiteljem.",
+        "consulting": "Savjetovanje s %(transferTarget)s. <a>Prijenos na %(transferee)s</a>",
+        "decline_call": "Odbij",
+        "default_device": "Zadani uređaj",
+        "dial": "Biranje",
+        "dialpad": "Brojčanik",
+        "disable_camera": "Isključi kameru",
+        "disable_microphone": "Isključi mikrofon",
+        "disabled_no_perms_start_video_call": "Nemate dopuštenje za pokretanje videopoziva",
+        "disabled_no_perms_start_voice_call": "Nemate dopuštenje za pokretanje glasovnih poziva",
+        "disabled_ongoing_call": "Poziv u tijeku",
+        "element_call": "Element Call",
+        "enable_camera": "Uključi kameru",
+        "enable_microphone": "Uključi mikrofon",
+        "expand": "Vrati se u poziv",
+        "get_call_link": "Podijeli poveznicu na poziv",
+        "hangup": "Prekini poziv",
+        "hide_sidebar_button": "Sakrij bočnu traku",
+        "input_devices": "Ulazni uređaji",
+        "jitsi_call": "Konferencija na Jitsiju",
+        "legacy_call": "Klasični poziv",
+        "maximise": "Ispuni zaslon",
+        "maximise_call": "Maksimiziraj poziv",
+        "metaspace_video_rooms": {
+            "conference_room_section": "Konferencijski pozivi"
+        },
+        "minimise_call": "Minimiziraj poziv",
+        "misconfigured_server": "Poziv neuspješan radi pogrešno konfiguriranog poslužitelja",
+        "misconfigured_server_description": "Zamolite administratora Vašeg kućnog poslužitelja (<code>%(homeserverDomain)s</code>) da konfigurira TURN poslužitelj kako bi pozivi mogli pouzdano funkcionirati.",
+        "misconfigured_server_fallback": "Druga mogućnost je korištenje javnog poslužitelja na <server/>, ali to neće biti toliko pouzdano i otkrit će vašu IP adresu tom poslužitelju. Time možete upravljati i u postavkama.",
+        "misconfigured_server_fallback_accept": "Pokušajte upotrebljavati %(server)s",
+        "more_button": "Više",
+        "msisdn_lookup_failed": "Nije moguće pronaći telefonski broj",
+        "msisdn_lookup_failed_description": "Došlo je do pogreške prilikom traženja telefonskog broja",
+        "msisdn_transfer_failed": "Nije moguće prenijeti poziv",
+        "n_people_joined": {
+            "one": "%(count)s osoba se pridružila",
+            "few": "%(count)s osobe su se pridružile",
+            "other": "%(count)s osoba se pridružilo"
+        },
+        "no_audio_input_description": "Nismo pronašli mikrofon na vašem uređaju. Provjerite postavke i pokušajte ponovno.",
+        "no_audio_input_title": "Nije pronađen mikrofon",
+        "no_media_perms_description": "Možda ćete morati ručno dopustiti %(brand)s da pristupi vašem mikrofonu / mrežnoj kameri",
+        "no_media_perms_title": "Nema dopuštenja za medije",
+        "no_permission_conference": "Potrebno dopuštenje",
+        "no_permission_conference_description": "Nemate dopuštenje uspostaviti konferencijski poziv u ovoj sobi",
+        "on_hold": "%(name)s je na čekanju",
+        "output_devices": "Izlazni uređaji",
+        "screenshare_monitor": "Podijeli cijeli zaslon",
+        "screenshare_title": "Podijeli sadržaj",
+        "screenshare_window": "Prozor aplikacije",
+        "show_sidebar_button": "Prikaži bočnu traku",
+        "silence": "Utišaj poziv",
+        "silenced": "Obavijesti su utišane",
+        "skip_lobby_toggle_option": "Pridruži se odmah",
+        "start_screenshare": "Započni dijeljenje zaslona",
+        "stop_screenshare": "Zaustavi dijeljenje zaslona",
+        "too_many_calls": "Previše poziva",
+        "too_many_calls_description": "Dosegli ste maksimalan broj istodobnih poziva.",
+        "transfer_consult_first_label": "Prvo se posavjetujte",
+        "transfer_failed": "Prijenos nije uspio",
+        "transfer_failed_description": "Prijenos poziva nije uspio",
+        "unable_to_access_audio_input_description": "Nismo uspjeli pristupiti vašem mikrofonu. Provjerite postavke preglednika i pokušajte ponovno.",
+        "unable_to_access_audio_input_title": "Nije moguće pristupiti mikrofonu",
+        "unable_to_access_media": "Nije moguće pristupiti web kameri / mikrofonu",
+        "unable_to_access_microphone": "Nije moguće pristupiti mikrofonu",
+        "unknown_caller": "Nepoznati pozivatelj",
+        "unknown_person": "nepoznata osoba",
+        "unsilence": "Zvuk je uključen",
+        "unsupported": "Pozivi nisu podržani",
+        "unsupported_browser": "Ne možete upućivati ​​pozive u ovom pregledniku.",
+        "user_busy": "Korisnik zauzet",
+        "user_busy_description": "Pozvani korisnik je zauzet.",
+        "user_is_presenting": "%(sharerName)s dijeli zaslon",
+        "video_call": "Videopoziv",
+        "video_call_incoming": "Dolazni videopoziv",
+        "video_call_started": "Videopoziv je započeo",
+        "video_call_using": "Videopoziv putem:",
+        "voice_call": "Glasovni poziv",
+        "voice_call_incoming": "Dolazni glasovni poziv",
+        "voice_call_using": "Glasovni poziv putem:",
+        "you_are_presenting": "Dijelite zaslon"
+    },
+    "web_default_device_name": "%(appName)s: %(browserName)s na %(osName)s",
+    "welcome_to_element": "Dobro došli u Element",
+    "widget": {
+        "added_by": "Widget je dodao/la",
+        "capabilities_dialog": {
+            "content_starting_text": "Ovaj widget želi:",
+            "decline_all_permission": "Odbij sve",
+            "remember_Selection": "Upamti moj odabir za ovaj widget",
+            "title": "Odobri dopuštenja widgeta"
+        },
+        "capability": {
+            "always_on_screen_generic": "Ostaje na vašem zaslonu dok je aktivan",
+            "always_on_screen_viewing_another_room": "Ostaje na vašem zaslonu kod pregledavanja druge sobe dok je aktivan",
+            "any_room": "U gore navedenoj, ali i u svakoj sobi kojoj ste se pridružili ili u koju ste pozvani",
+            "byline_empty_state_key": "s nepopunjenim ključem stanja",
+            "byline_state_key": "s ključem stanja %(stateKey)s",
+            "capability": "Mogućnost <b>%(capability)s</b>",
+            "change_avatar_active_room": "Promijeni avatar svoje aktivne sobe",
+            "change_avatar_this_room": "Promijeni avatar ove sobe",
+            "change_name_active_room": "Promijeni naziv svoje aktivne sobe",
+            "change_name_this_room": "Promijeni naziv ove sobe",
+            "change_topic_active_room": "Promijeni temu svoje aktivne sobe",
+            "change_topic_this_room": "Promijeni temu ove sobe",
+            "receive_membership_active_room": "Vidite kada se osobe pridruže vašoj aktivnoj sobi, napuste je ili budu pozvane u nju",
+            "receive_membership_this_room": "Vidite kada se osobe pridruže ovoj sobi, napuste je ili budu pozvane u nju",
+            "remove_ban_invite_leave_active_room": "Uklanja osobe iz sobe, zabranjuje im pristup ili ih poziva u aktivnu sobu i omogućuje vam da je napustite",
+            "remove_ban_invite_leave_this_room": "Uklanja osobe iz sobe, zabranjuje im pristup ili ih poziva u sobu i omogućuje vam da je napustite",
+            "see_avatar_change_active_room": "Vidite kada se avatar promijeni u vašoj aktivnoj sobi",
+            "see_avatar_change_this_room": "Vidite kada se avatar promijeni u ovoj sobi",
+            "see_event_type_sent_active_room": "Vidite događaje <b>%(eventType)s</b> objavljene u vašoj aktivnoj sobi",
+            "see_event_type_sent_this_room": "Vidite događaje <b>%(eventType)s</b> objavljene u ovoj sobi",
+            "see_images_sent_active_room": "Vidite slike objavljene u vašoj aktivnoj sobi",
+            "see_images_sent_this_room": "Vidite slike objavljene u ovoj sobi",
+            "see_messages_sent_active_room": "Vidite poruke objavljene u vašoj aktivnoj sobi",
+            "see_messages_sent_this_room": "Vidi poruke objavljene u ovoj sobi",
+            "see_msgtype_sent_active_room": "Vidite <b>%(msgtype)s</b> poruke objavljene u vašoj aktivnoj sobi",
+            "see_msgtype_sent_this_room": "Vidite <b>%(msgtype)s</b> poruke objavljene u ovoj sobi",
+            "see_name_change_active_room": "Vidite kada se naziv promijeni u vašoj aktivnoj sobi",
+            "see_name_change_this_room": "Vidite kada se ime promijeni u ovoj sobi",
+            "see_sent_emotes_active_room": "Vidite emotikone objavljene u vašoj aktivnoj sobi",
+            "see_sent_emotes_this_room": "Vidite emotikone objavljene u ovoj sobi",
+            "see_sent_files_active_room": "Vidite općenite datoteke objavljene u vašoj aktivnoj sobi",
+            "see_sent_files_this_room": "Vidite općenite datoteke objavljene u ovoj sobi",
+            "see_sticker_posted_active_room": "Vidite kada netko objavi naljepnicu u vašoj aktivnoj sobi",
+            "see_sticker_posted_this_room": "Vidite kada se u ovoj sobi objavi naljepnica",
+            "see_text_messages_sent_active_room": "Vidite tekstne poruke objavljene u vašoj aktivnoj sobi",
+            "see_text_messages_sent_this_room": "Vidite tekstne poruke objavljene u ovoj sobi",
+            "see_topic_change_active_room": "Vidite kada se tema promijeni u vašoj aktivnoj sobi",
+            "see_topic_change_this_room": "Vidite kada se tema promijeni u ovoj sobi",
+            "see_videos_sent_active_room": "Vidite videozapise objavljene u vašoj aktivnoj sobi",
+            "see_videos_sent_this_room": "Vidite videozapise objavljene u ovoj sobi",
+            "send_emotes_active_room": "Šaljite emotikone u svojoj aktivnoj sobi u svoje ime",
+            "send_emotes_this_room": "Šaljite emotikone u ovoj sobi u svoje ime",
+            "send_event_type_active_room": "Šaljite događaje <b>%(eventType)s</b> u svojoj aktivnoj sobi u svoje ime",
+            "send_event_type_this_room": "Šaljite događaje <b>%(eventType)s</b> u ovoj sobi u svoje ime",
+            "send_files_active_room": "Šaljite općenite datoteke u svojoj aktivnoj sobi u svoje ime",
+            "send_files_this_room": "Šaljite općenite datoteke u ovoj sobi u svoje ime",
+            "send_images_active_room": "Šaljite slike u svojoj aktivnoj sobi u svoje ime",
+            "send_images_this_room": "Šaljite slike u ovoj sobi u svoje ime",
+            "send_messages_active_room": "Šaljite poruke u svojoj aktivnoj sobi u svoje ime",
+            "send_messages_this_room": "Šaljite poruke u ovoj sobi u svoje ime",
+            "send_msgtype_active_room": "Šaljite <b>%(msgtype)s</b> poruke u svojoj aktivnoj sobi u svoje ime",
+            "send_msgtype_this_room": "Šaljite <b>%(msgtype)s</b> poruke u ovoj sobi u svoje ime",
+            "send_stickers_active_room": "Pošaljite naljepnice u svoju aktivnu sobu",
+            "send_stickers_active_room_as_you": "Pošalji naljepnice u svoju aktivnu sobu u svoje ime",
+            "send_stickers_this_room": "Pošalji naljepnice u ovu sobu",
+            "send_stickers_this_room_as_you": "Pošalji naljepnice u ovu sobu u svoje ime",
+            "send_text_messages_active_room": "Šaljite tekstne poruke u svojoj aktivnoj sobi u svoje ime",
+            "send_text_messages_this_room": "Šaljite tekstne poruke u ovoj sobi u svoje ime",
+            "send_videos_active_room": "Šaljite videozapise u svojoj aktivnoj sobi u svoje ime",
+            "send_videos_this_room": "Šaljite videozapise u ovoj sobi u svoje ime",
+            "specific_room": "U gore navedenu, ali i u <Room />",
+            "switch_room": "Promijeni koju sobu pregledavaš",
+            "switch_room_message_user": "Promijenite koju sobu, poruku ili korisnika pregledavate"
+        },
+        "close_to_view_right_panel": "Zatvorite ovaj widget kako biste ga vidjeli na ovoj ploči",
+        "context_menu": {
+            "delete": "Izbriši widget",
+            "delete_warning": "Brisanjem widgeta uklanjate ga za sve korisnike u ovoj sobi. Jeste li sigurni da želite izbrisati ovaj widget?",
+            "move_left": "Premjesti ulijevo",
+            "move_right": "Premjesti udesno",
+            "remove": "Ukloni za sve",
+            "revoke": "Poništi dopuštenja",
+            "screenshot": "Fotografiraj",
+            "start_audio_stream": "Pokreni strujanje zvučnog sadržaja"
+        },
+        "cookie_warning": "Ovaj widget može upotrebljavati kolačiće.",
+        "error_hangup_description": "Više niste u pozivu. (Pogreška: %(message)s)",
+        "error_hangup_title": "Veza je prekinuta",
+        "error_loading": "Pogreška prilikom učitavanja widgeta",
+        "error_mixed_content": "Pogreška – miješani sadržaj",
+        "error_need_invite_permission": "Morate biti u mogućnosti pozvati korisnike da biste to učinili.",
+        "error_need_kick_permission": "Morate biti u mogućnosti izbaciti korisnike da biste to učinili.",
+        "error_need_to_be_logged_in": "Morate biti prijavljeni.",
+        "error_unable_start_audio_stream_description": "Nije moguće pokrenuti strujanje zvučnog sadržaja.",
+        "error_unable_start_audio_stream_title": "Nije uspjelo pokretanje prijenosa uživo",
+        "modal_data_warning": "Podatci u nastavku dijele se s %(widgetDomain)s",
+        "modal_title_default": "Modalni widget",
+        "no_name": "Nepoznata aplikacija",
+        "open_id_permissions_dialog": {
+            "remember_selection": "Upamti ovo",
+            "starting_text": "Widget će potvrditi vaš korisnički ID, ali neće moći vršiti radnje umjesto vas:",
+            "title": "Dopustite ovom widgetu da potvrdi vaš identitet"
+        },
+        "popout": "Skočni widget",
+        "set_room_layout": "Postavi izgled za sve",
+        "shared_data_avatar": "URL vaše profilne slike",
+        "shared_data_device_id": "ID vašeg uređaja",
+        "shared_data_lang": "Vaš jezik",
+        "shared_data_mxid": "Vaš korisnički ID",
+        "shared_data_name": "Vaše ime za prikaz",
+        "shared_data_room_id": "ID sobe",
+        "shared_data_theme": "Vaša tema",
+        "shared_data_url": "%(brand)s URL",
+        "shared_data_warning": "Korištenjem ovog widgeta mogu se dijeliti podatci <helpIcon /> s %(widgetDomain)s.",
+        "shared_data_warning_im": "Korištenjem ovog widgeta mogu se dijeliti podatci <helpIcon /> s %(widgetDomain)s i vašim voditeljem integracije.",
+        "shared_data_widget_id": "ID widgeta",
+        "unencrypted_warning": "Widgeti ne upotrebljavaju šifriranje poruka.",
+        "unmaximise": "Poništi maksimiziranje",
+        "unpin_to_view_right_panel": "Otkvačite ovaj widget kako biste ga vidjeli na ovoj ploči"
+    },
+    "zxcvbn": {
+        "suggestions": {
+            "allUppercase": "Velika je slova gotovo jednako lako pogoditi kao i mala slova",
+            "anotherWord": "Dodajte još jednu riječ ili dvije. Još je bolje da to budu neobične riječi.",
+            "associatedYears": "Izbjegavajte godine koje su povezane s vama",
+            "capitalization": "Velika slova ne pomažu puno",
+            "dates": "Izbjegavajte datume i godine koji su povezani s vama",
+            "l33t": "Predvidljive zamjene, kao što su ‘@’ umjesto ‘a’, baš i ne pomažu",
+            "longerKeyboardPattern": "Upotrijebite dulji uzorak na tipkovnici s više promjena smjera",
+            "noNeed": "Nema potrebe za simbolima, brojkama ili velikim slovima",
+            "pwned": "Ako ovu zaporku upotrebljavate negdje drugdje, trebali biste je promijeniti.",
+            "recentYears": "Izbjegavajte nedavne godine",
+            "repeated": "Izbjegavajte ponavljanje riječi i znakova",
+            "reverseWords": "Obrnute riječi nisu puno teže za pogoditi",
+            "sequences": "Izbjegavajte slijedove",
+            "useWords": "Upotrijebite nekoliko riječi, izbjegavajte uobičajene fraze"
+        },
+        "warnings": {
+            "common": "Ovo je vrlo česta zaporka",
+            "commonNames": "Uobičajena imena i prezimena lako je pogoditi",
+            "dates": "Datume je obično lako pogoditi",
+            "extendedRepeat": "Ponavljanja poput „abcabcabc” samo su malo teža za pogoditi od „abc”",
+            "keyPattern": "Kratke uzorke na tipkovnici lako je pogoditi",
+            "namesByThemselves": "Samo imena i prezimena lako je pogoditi",
+            "pwned": "Vaša je zaporka kompromitirana zbog proboja podataka na internetu.",
+            "recentYears": "Nedavne je godine lako pogoditi",
+            "sequences": "Nizove kao što su abc ili 6543 lako je pogoditi",
+            "similarToCommon": "Ovo je slično uobičajeno korištenoj zaporci",
+            "simpleRepeat": "Ponavljanja poput „aaa” lako je pogoditi",
+            "straightRow": "Uzastopni niz znakova na tipkovnici lako je pogoditi",
+            "topHundred": "Ovo je jedna od 100 najčešćih zaporki",
+            "topTen": "Ovo je jedna od 10 najčešćih zaporki",
+            "userInputs": "Ne bi trebalo biti nikakvih osobnih podataka ili podataka vezanih uz stranicu.",
+            "wordByItself": "Samo jednu riječ lako je pogoditi"
+        }
+    }
+}
diff --git a/src/i18n/strings/hu.json b/src/i18n/strings/hu.json
index 9c10c95a4e..2e34730273 100644
--- a/src/i18n/strings/hu.json
+++ b/src/i18n/strings/hu.json
@@ -12,16 +12,6 @@
             "1 olvasatlan megemlítés.": "one"
         },
         "recent_rooms": "Legutóbbi szobák",
-        "room_messsage_not_sent": "A(z) %(roomName)s szoba megnyitása nem beállított üzenettel.",
-        "room_n_unread_invite": "A(z) %(roomName)s szoba meghívásának megnyitása.",
-        "room_n_unread_messages": {
-            "A(z) %(roomName)s szoba megnyitása 1 olvasatlan üzenettel.": "one",
-            "A(z) %(roomName)s szoba megnyitása %(count)s olvasatlan üzenettel.": "other"
-        },
-        "room_n_unread_messages_mentions": {
-            "A(z) %(roomName)s szoba megnyitása 1 olvasatlan megemlítéssel.": "one",
-            "A(z) %(roomName)s szoba megnyitása %(count)s olvasatlan megemlítéssel.": "other"
-        },
         "room_name": "Szoba: %(name)s",
         "room_status_bar": "Szoba állapotsora",
         "seek_bar_label": "Hang keresősávja",
@@ -93,17 +83,13 @@
         "maximise": "Teljes méret",
         "mention": "Megemlítés",
         "minimise": "Lecsukás",
-        "new_conversation": "Új beszélgetés",
         "new_room": "Új szoba",
         "new_video_room": "Új videószoba",
         "next": "Következő",
         "no": "Nem",
         "ok": "Rendben",
         "open": "Megnyitás",
-        "open_menu": "Menü megnyitása",
-        "pause": "Szünet",
         "pin": "Kitűzés",
-        "play": "Lejátszás",
         "proceed": "Folytatás",
         "quote": "Idézés",
         "react": "Reakció",
@@ -577,6 +563,7 @@
         "someone": "Valaki",
         "space": "Tér",
         "spaces": "Terek",
+        "state_encryption_enabled": "Kísérleti állapottitkosítás engedélyezve",
         "sticker": "Matrica",
         "stickerpack": "Matricacsomag",
         "success": "Sikeres",
@@ -684,6 +671,8 @@
         "join_rule_restricted_label": "A(z) <SpaceName/> térben bárki megtalálhatja és beléphet a szobába.",
         "name_validation_required": "Adjon meg egy nevet a szobához",
         "room_visibility_label": "Szoba láthatósága",
+        "state_encrypted_warning": "Engedélyezi az állapotesemények titkosításának kísérleti támogatását, amely elrejti a metaadatokat, például a szobák nevét és témáit a kiszolgáló elől. Ezek a metaadatok a később a szobákhoz csatlakozók, valamint az MSC4362 szabványt nem támogató ügyfelek elől is rejtve lesznek.",
+        "state_encryption_label": "Állapotesemények titkosítása",
         "title_private_room": "Privát szoba létrehozása",
         "title_public_room": "Nyilvános szoba létrehozása",
         "title_video_room": "Videószoba létrehozása",
@@ -844,6 +833,7 @@
         "number_of_users": "Felhasználószám",
         "only_joined_members": "Csak csatlakozott felhasználók",
         "original_event_source": "Eredeti esemény forráskódja",
+        "restore_from_backup": "Helyreállítás biztonsági mentésből",
         "room_encrypted": "A szoba <strong>titkosítva van ✅</strong>",
         "room_id": "Szoba azon.: %(roomId)s",
         "room_not_encrypted": "A szoba <strong>nincs titkosítva 🚨</strong>",
@@ -952,6 +942,7 @@
         "bootstrap_title": "Kulcsok beállítása",
         "confirm_encryption_setup_body": "Az alábbi gomb megnyomásával erősítsd meg, hogy megadod a titkosítási beállításokat.",
         "confirm_encryption_setup_title": "Erősítse meg a titkosítási beállításokat",
+        "continue_with_reset": "Folytatás az alaphelyzetbe állítással",
         "cross_signing_room_normal": "Ez a szoba végpontok közti titkosítást használ",
         "cross_signing_room_verified": "A szobában mindenki ellenőrizve van",
         "cross_signing_room_warning": "Valaki ellenőrizetlen munkamenetet használ",
@@ -967,10 +958,12 @@
         "event_shield_reason_unverified_identity": "Nem ellenőrzött felhasználó által titkosítva.",
         "export_unsupported": "A böngészője nem támogatja a szükséges titkosítási kiterjesztéseket",
         "forgot_recovery_key": "Elfelejtette a helyreállítási kulcsot?",
+        "identity_needs_reset_description": "Az üzenetelőzményekhez való hozzáférés biztosítása érdekében vissza kell állítania titkosítási személyazonosságát.",
         "import_invalid_keyfile": "Nem érvényes %(brand)s kulcsfájl",
         "import_invalid_passphrase": "Hitelesítési ellenőrzés sikertelen: hibás jelszó?",
         "key_storage_out_of_sync": "A kulcstároló nincs szinkronban.",
         "key_storage_out_of_sync_description": "Erősítse meg a helyreállítási kulcsot, hogy továbbra is hozzáférjen a kulcstárolóhoz és az üzenetelőzményekhez.",
+        "message_shared_by": "%(displayName)s (%(userId)s) megosztotta ezt az üzenetet, mivel nem volt a szobában, amikor elküldték.",
         "messages_not_secure": {
             "cause_1": "Saját Matrix-kiszolgáló",
             "cause_2": "Az ellenőrizendő felhasználó ehhez a Matrix-kiszolgálóhoz kapcsolódik:",
@@ -1497,7 +1490,6 @@
         "ask_to_join": "A kérést igénylő csatlakozás engedélyezése",
         "automatic_debug_logs": "Hibakeresési naplók automatikus küldése bármilyen hiba esetén",
         "automatic_debug_logs_decryption": "Hibakeresési naplók automatikus küldése titkosítás-visszafejtési hiba esetén",
-        "automatic_debug_logs_key_backup": "Hibakeresési naplók automatikus küldése, ha a kulcsmentés nem működik",
         "beta_description": "Mi várható a(z) %(brand)s fejlesztésében? A labor a legjobb hely az új dolgok kipróbálásához, visszajelzés adásához és a funkciók éles indulás előtti kialakításában történő segítséghez.",
         "beta_feature": "Ez egy beta állapotú funkció",
         "beta_feedback_leave_button": "A beállításokban tudja elhagyni a bétát.",
@@ -1514,6 +1506,8 @@
         "dynamic_room_predecessors": "A dinamikus szoba előfutárai",
         "dynamic_room_predecessors_description": "MSC3946 engedélyezése (a későn érkező szobaarchívumok támogatáshoz)",
         "element_call_video_rooms": "Element Call videószobák",
+        "encrypted_state_events": "Titkosított állapotesemények (MSC4362)",
+        "encrypted_state_events_description": "Engedélyezi az állapotesemények titkosításának kísérleti támogatását, amely elrejti a metaadatokat, például a szobák nevét és témáit a kiszolgáló elől. Ezek a metaadatok a később a szobákhoz csatlakozók, valamint az MSC4362 szabványt nem támogató kliensek előtt is rejtve lesznek.",
         "exclude_insecure_devices": "A nem biztonságos eszközök kizárása üzenetek küldésekor vagy fogadásakor",
         "exclude_insecure_devices_description": "Ha ez a mód engedélyezve van, a titkosított üzenetek nem kerülnek megosztásra a nem ellenőrzött eszközökkel, és a nem ellenőrzött eszközökről érkező üzenetek hibaként jelennek meg. Ne feledje, hogy ha engedélyezi ezt a módot, előfordulhat, hogy nem tud kommunikálni azokkal a felhasználókkal, akik nem ellenőrizték eszközüket.",
         "experimental_description": "Kísérletező kedvében van? Próbálja ki a legújabb fejlesztési ötleteinket. Ezek nincsenek befejezve; lehet, hogy instabilak, megváltozhatnak vagy el is tűnhetnek. <a>Tudjon meg többet</a>.",
@@ -1704,7 +1698,6 @@
         "class_global": "Globális",
         "class_other": "Egyéb",
         "default": "Alapértelmezett",
-        "default_settings": "Megegyezik az alapértelmezett beállításokkal",
         "email_pusher_app_display_name": "E-mail értesítések",
         "enable_prompt_toast_description": "Asztali értesítések engedélyezése",
         "enable_prompt_toast_title": "Értesítések",
@@ -1723,8 +1716,7 @@
         "mentions_and_keywords_description": "Értesítések fogadása csak megemlítéseknél és kulcsszavaknál, a <a>beállításokban</a> megadottak szerint",
         "mentions_keywords": "Megemlítések és kulcsszavak",
         "message_didnt_send": "Az üzenet nincs elküldve. Kattintson az információkért.",
-        "mute_description": "Nem kap semmilyen értesítést",
-        "mute_room": "Szoba némítása"
+        "mute_description": "Nem kap semmilyen értesítést"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s ellenőrzést kér"
@@ -1753,6 +1745,7 @@
         "end_message": "A szavazás le lett zárva. Nyertes válasz: %(topAnswer)s",
         "end_message_no_votes": "A szavazás le lett zárva. Nem lettek leadva szavazatok.",
         "end_title": "Szavazás lezárása",
+        "ended_poll_label": "A szavazás lezárult",
         "error_ending_description": "Sajnáljuk, a szavazás nem lett lezárva. Kérjük, próbáld újra.",
         "error_ending_title": "Nem sikerült a szavazás lezárása",
         "error_voting_description": "Sajnos az Ön szavazata nem lett rögzítve. Kérjük ismételje meg újra.",
@@ -1760,10 +1753,20 @@
         "failed_send_poll_description": "Sajnos a szavazás amit készített nem lett elküldve.",
         "failed_send_poll_title": "A szavazást nem sikerült beküldeni",
         "notes": "Az eredmény csak a szavazás végeztével válik láthatóvá",
+        "option_label": "%(number)s. lehetőség, %(answer)s",
+        "option_label_winning_with_total": {
+            "one": "%(number)s. lehetőség, %(answer)s, nyertes lehetőség, %(count)s szavazat",
+            "other": "%(number)s. lehetőség, %(answer)s, nyertes lehetőség, %(count)s szavazat"
+        },
+        "option_label_with_total": {
+            "one": "%(number)s. lehetőség, %(answer)s, %(count)s szavazat",
+            "other": "%(number)s. lehetőség, %(answer)s, %(count)s szavazat"
+        },
         "options_add_button": "Lehetőség hozzáadása",
         "options_heading": "Adjon hozzá választható lehetőségeket",
         "options_label": "%(number)s. lehetőség",
         "options_placeholder": "Adjon meg egy lehetőséget",
+        "poll_label": "Szavazás",
         "topic_heading": "Mi a szavazás kérdése vagy tárgya?",
         "topic_label": "Kérdés vagy téma",
         "topic_placeholder": "Írjon valamit…",
@@ -1889,7 +1892,6 @@
                 "other": "%(count)s kitűzött üzenet"
             },
             "limits": {
-                "one": "",
                 "other": "Legfeljebb %(count)s kisalkalmazást tűzhet ki"
             },
             "menu": "Menü megnyitása",
@@ -1966,7 +1968,6 @@
         "dm_invite_title": "%(user)s felhasználóval szeretnél beszélgetni?",
         "drop_file_prompt": "Feltöltéshez húzz ide egy fájlt",
         "edit_topic": "Téma szerkesztése",
-        "error_3pid_invite_email_lookup": "E-mail alapján nem található a felhasználó",
         "error_cancel_knock_title": "Nem sikerült megszakítani",
         "error_join_403": "Meghívóra van szüksége a szoba eléréséhez.",
         "error_join_404_1": "A belépéshez csak a szoba azonosítóját adta meg a kiszolgáló nélkül. A szobaazonosító egy belső azonosító, amellyel további információk nélkül nem lehet belépni szobába.",
@@ -1997,11 +1998,14 @@
         "forget_room": "Szoba elfelejtése",
         "forget_space": "Ennek a térnek az elfelejtése",
         "header": {
+            "join_video_call": "Csatlakozás a videóhíváshoz",
+            "join_voice_call": "Csatlakozás a hanghíváshoz",
             "n_people_asking_to_join": {
                 "Csatlakozást kér": "one",
                 "%(count)s csatlakozást kérő ember": "other"
             },
-            "room_is_public": "Ez egy nyilvános szoba"
+            "room_is_public": "Ez egy nyilvános szoba",
+            "shared_history_tooltip": "Az új tagok látják az előzményeket"
         },
         "header_avatar_open_settings_label": "Szobabeállítások megnyitása",
         "header_face_pile_tooltip": "Taglista váltása",
@@ -2096,18 +2100,6 @@
             },
             "this_room_button": "Keresés ebben a szobában"
         },
-        "status_bar": {
-            "delete_all": "Mind törlése",
-            "exceeded_resource_limit": "Az üzenete nem lett elküldve, mert a Matrix-kiszolgáló túllépett egy erőforráskorlátot. A szolgáltatás használatának folytatásához <a>vegye fel a kapcsolatot a szolgáltatás adminisztrátorával</a>.",
-            "homeserver_blocked": "Az üzenete nem lett elküldve, mert a Matrix-kiszolgáló adminisztrátora letiltotta. A szolgáltatás használatának folytatásához <a>vegye fel a kapcsolatot a szolgáltatás adminisztrátorával</a>.",
-            "monthly_user_limit_reached": "Az üzenete nem lett elküldve, mert ez a Matrix-kiszolgáló elérte a havi aktív felhasználói korlátot. A szolgáltatás használatának folytatásához <a>vegye fel a kapcsolatot a szolgáltatás adminisztrátorával</a>.",
-            "requires_consent_agreement": "Nem tudsz üzenetet küldeni amíg nem olvasod el és nem fogadod el a <consentLink>felhasználási feltételeket</consentLink>.",
-            "retry_all": "Összes újraküldése",
-            "select_messages_to_retry": "Újraküldéshez vagy törléshez kiválaszthatja az üzeneteket egyenként vagy az összeset együtt",
-            "server_connectivity_lost_description": "Az elküldött üzenetek tárolva lesznek, amíg a kapcsolata újra elérhető nem lesz.",
-            "server_connectivity_lost_title": "A kapcsolat megszakadt a kiszolgálóval.",
-            "some_messages_not_sent": "Néhány üzenete nem lett elküldve"
-        },
         "unknown_status_code_for_timeline_jump": "ismeretlen állapotkód",
         "unread_notifications_predecessor": {
             "%(count)s olvasatlan értesítésed van a régi verziójú szobában.": "one"
@@ -2133,37 +2125,9 @@
         "add_space_label": "Tér hozzáadása",
         "breadcrumbs_empty": "Nincsenek nemrégiben meglátogatott szobák",
         "breadcrumbs_label": "Nemrég meglátogatott szobák",
-        "collapse_filters": "Szűrőlista összecsukása",
-        "empty": {
-            "no_chats": "Még nincsenek csevegések",
-            "no_chats_description": "Kezdje azzal, hogy üzenetet küld valakinek, vagy létrehoz egy szobát",
-            "no_chats_description_no_room_rights": "Kezdje azzal, hogy üzenetet küld valakinek",
-            "no_favourites": "Még nincs kedvenc csevegése",
-            "no_favourites_description": "A csevegési beállításokban adhat hozzá csevegést a kedvencekhez",
-            "no_invites": "Nincs olvasatlan meghívója",
-            "no_lowpriority": "Nincs alacsony prioritású szobája",
-            "no_mentions": "Nincs olvasatlan említése",
-            "no_people": "Még nincs közvetlen csevegése senkivel",
-            "no_people_description": "Kikapcsolhatja a szűrőket a többi csevegés megtekintéséhez",
-            "no_rooms": "Még nincs egy szobában sem",
-            "no_rooms_description": "Kikapcsolhatja a szűrőket a többi csevegés megtekintéséhez",
-            "no_unread": "Gratulálunk! Nincsenek olvasatlan üzenetei.",
-            "show_activity": "Összes tevékenység megtekintése",
-            "show_chats": "Összes csevegés megjelenítése"
-        },
-        "expand_filters": "Szűrőlista kibontása",
         "failed_add_tag": "Nem sikerült hozzáadni a szobához ezt: %(tagName)s",
         "failed_remove_tag": "Nem sikerült a szobáról eltávolítani ezt: %(tagName)s",
         "failed_set_dm_tag": "Nem sikerült a közvetlen beszélgetés címkét beállítani",
-        "filters": {
-            "favourite": "Kedvencek",
-            "invites": "Meghívók",
-            "low_priority": "Alacsony prioritás",
-            "mentions": "Említések",
-            "people": "Emberek",
-            "rooms": "Szobák",
-            "unread": "Olvasatlan"
-        },
         "home_menu_label": "Kezdőlap beállítások",
         "join_public_room_label": "Belépés nyilvános szobába",
         "joining_rooms_status": {
@@ -2171,42 +2135,21 @@
         },
         "list_title": "Szobalista",
         "more_options": {
-            "copy_link": "Szoba hivatkozásának másolása",
-            "favourited": "Kedvencnek jelölve",
-            "leave_room": "Szoba elhagyása",
-            "low_priority": "Alacsony prioritás",
-            "mark_read": "Megjelölés olvasottként",
-            "mark_unread": "Megjelölés olvasatlanként"
+            "leave_room": "Szoba elhagyása"
         },
         "notification_options": "Értesítési beállítások",
-        "open_space_menu": "Tér menü megnyitása",
-        "primary_filters": "Szobalistaszűrők",
         "redacting_messages_status": {
             "Üzenet törlése %(count)s szobából": "other"
         },
-        "room": {
-            "more_options": "További lehetőségek",
-            "open_room": "A(z) %(roomName)s szoba megnyitása"
-        },
-        "room_options": "Szobabeállítások",
         "show_less": "Kevesebb megjelenítése",
         "show_n_more": {
             "Még %(count)s megjelenítése": "one"
         },
         "show_previews": "Üzenet-előnézet megjelenítése",
-        "sort": "Rendezés",
         "sort_by": "Rendezés",
         "sort_by_activity": "Aktivitás",
         "sort_by_alphabet": "A–Z",
-        "sort_type": {
-            "activity": "Tevékenység",
-            "atoz": "A–Z"
-        },
         "sort_unread_first": "Olvasatlan üzeneteket tartalmazó szobák megjelenítése elöl",
-        "space_menu": {
-            "home": "Tér kezdőlapja",
-            "space_settings": "Tér beállításai"
-        },
         "space_menu_label": "%(spaceName)s menű",
         "sublist_options": "Lista beállításai",
         "suggested_rooms_heading": "Javasolt szobák"
@@ -2295,6 +2238,8 @@
             "no_aliases_space": "Ennek a térnek nincs helyi címe",
             "other_section": "Egyéb",
             "publish_toggle": "Publikálod a szobát a(z) %(domain)s szoba listájába?",
+            "publish_warn_invite_only": "Nem tehet közzé olyan szobát, amelybe csak meghívóval lehet belépni.",
+            "publish_warn_no_canonical_permission": "Engedéllyel kell rendelkeznie a szoba közzétételéhez szükséges fő cím beállításához.",
             "published_aliases_description": "A cím publikálásához először helyi címet kell beállítani.",
             "published_aliases_explainer_room": "A közzétett címet bárki használhatja a szobába való belépéshez, bármelyik kiszolgálóról.",
             "published_aliases_explainer_space": "A közzétett címet bárki használhatja a térbe való belépéshez, bármelyik kiszolgálóról.",
@@ -2389,12 +2334,11 @@
             "error_join_rule_change_title": "A csatlakozási szabályokat nem sikerült frissíteni",
             "error_join_rule_change_unknown": "Ismeretlen hiba",
             "guest_access_warning": "A támogatott klienseket használó emberek még regisztrált fiók nélkül is beléphetnek a szobába.",
-            "history_visibility_invited": "Csak tagoknak (a meghívásuk idejétől)",
-            "history_visibility_joined": "Csak tagoknak (amióta csatlakoztak)",
+            "history_visibility_invited": "Tagok a meghívásuktól",
             "history_visibility_legend": "Ki olvashatja a régi üzeneteket?",
-            "history_visibility_shared": "Csak tagok számára (a beállítás kiválasztásától)",
-            "history_visibility_warning": "A régi üzenetek láthatósága nem fog változni.",
-            "history_visibility_world_readable": "Bárki",
+            "history_visibility_shared": "Tagok (teljes előzmények)",
+            "history_visibility_warning": "A változtatások nem érintik a korábbi üzeneteket, csak az újakat.<a>Tudjon meg többet</a>",
+            "history_visibility_world_readable": "Bárki (az előzmények nyilvánosak)",
             "join_rule_description": "Döntse el ki léphet be ide: %(roomName)s.",
             "join_rule_invite": "Privát (csak meghívóval)",
             "join_rule_invite_description": "Csak a meghívott emberek léphetnek be.",
@@ -2449,10 +2393,12 @@
             "error_failed_save": "A tér láthatóságának frissítése sikertelen",
             "error_update_guest_access": "A tér vendéghozzáférésének frissítése sikertelen",
             "error_update_history_visibility": "A tér régi üzeneteinek láthatóságának frissítése sikertelen",
-            "guest_access_explainer": "A vendégek fiók nélkül is beléphetnek a térbe.",
+            "guest_access_disabled": "Nincs jogosultsága a vendéghozzáférés módosítására.",
+            "guest_access_explainer": "A vendégek fiók nélkül is csatlakozhatnak egy térhez. Ez hasznos lehet a nyilvános terek esetén.",
             "guest_access_label": "Vendéghozzáférés engedélyezése",
             "history_visibility_anyone_space": "Tér előnézete",
             "history_visibility_anyone_space_description": "A tér előnézetének engedélyezése a belépés előtt.",
+            "history_visibility_anyone_space_disabled": "Nincs jogosultsága az előzmények láthatóságának módosítására.",
             "history_visibility_anyone_space_recommendation": "A nyilvános terekhez ajánlott.",
             "title": "Láthatóság"
         },
@@ -2905,6 +2851,7 @@
             "message_search_indexing": "Indexelés alatt: %(currentRoom)s",
             "message_search_indexing_idle": "Jelenleg egyik szoba indexelése sem történik.",
             "message_search_intro": "%(brand)s a kereshetőség érdekében a titkosított üzeneteket biztonságos módon helyileg tárolja:",
+            "message_search_pending_rooms": "Indexelésre váró szobák: %(pendingRooms)s",
             "message_search_room_progress": "%(doneRooms)s / %(totalRooms)s",
             "message_search_section": "Üzenet keresése",
             "message_search_sleep_time": "Milyen gyorsan legyenek az üzenetek letöltve.",
@@ -3342,24 +3289,10 @@
         "no_rooms_with_unread_threads": "Nincsenek még olvasatlan üzenetszálakkal rendelkező szobái."
     },
     "time": {
-        "about_day_ago": "egy napja",
-        "about_hour_ago": "egy órája",
-        "about_minute_ago": "egy perce",
         "date_at_time": "%(date)s %(time)s",
-        "few_seconds_ago": "néhány másodperce",
         "hours_minutes_seconds_left": "%(hours)s ó %(minutes)s p %(seconds)s mp van hátra",
-        "in_about_day": "egy nap múlva",
-        "in_about_hour": "egy óra múlva",
-        "in_about_minute": "egy perc múlva",
-        "in_few_seconds": "másodpercek múlva",
-        "in_n_days": "%(num)s nap múlva",
-        "in_n_hours": "%(num)s óra múlva",
-        "in_n_minutes": "%(num)s perc múlva",
         "left": "Maradék idő: %(timeRemaining)s",
         "minutes_seconds_left": "%(minutes)s p %(seconds)s mp van hátra",
-        "n_days_ago": "%(num)s nappal ezelőtt",
-        "n_hours_ago": "%(num)s órával ezelőtt",
-        "n_minutes_ago": "%(num)s perccel ezelőtt",
         "seconds_left": "%(seconds)s mp van hátra",
         "short_days": "%(value)s n",
         "short_days_hours_minutes_seconds": "%(days)s n %(hours)s ó %(minutes)s p %(seconds)s mp",
@@ -3383,12 +3316,7 @@
         "creation_summary_dm": "%(creator)s hozta létre ezt az üzenetet.",
         "creation_summary_room": "%(creator)s elkészítette és beállította a szobát.",
         "decryption_failure": {
-            "blocked": "A feladó megakadályozta, hogy megkapja ezt az üzenetet",
-            "historical_event_no_key_backup": "A korábbi üzenetek nem állnak rendelkezésre ezen a készüléken",
-            "historical_event_unverified_device": "Ellenőriznie kell ezt az eszközt a korábbi üzenetekhez való hozzáféréshez",
-            "historical_event_user_not_joined": "Nincs hozzáférése ehhez az üzenethez",
             "sender_identity_previously_verified": "A feladó ellenőrzött személyazonossága megváltozott",
-            "sender_unsigned_device": "Nem biztonságos eszközről küldve.",
             "unable_to_decrypt": "Nem sikerült visszafejteni az üzenetet"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3414,11 +3342,9 @@
             "unable_to_find": "Megpróbálta betölteni a szoba megadott időpontjának megfelelő adatait, de az nem található."
         },
         "m.audio": {
-            "audio_player": "Hanglejátszó",
             "error_downloading_audio": "Hiba a hang letöltésekor",
             "error_processing_audio": "Hiba a hangüzenet feldolgozásánál",
-            "error_processing_voice_message": "Hiba a hangüzenet feldolgozásánál",
-            "unnamed_audio": "Névtelen hang"
+            "error_processing_voice_message": "Hiba a hangüzenet feldolgozásánál"
         },
         "m.beacon_info": {
             "view_live_location": "Élő földrajzi helyzet megtekintése"
@@ -3512,6 +3438,7 @@
             "enabled_dm": "Az itt található üzenetek végpontok közti titkosítással rendelkeznek. Ellenőrizze %(displayName)s felhasználót a profilján – kattintson a a profilképére.",
             "enabled_local": "Az üzenetek ebben a beszélgetésben végponti titkosítással vannak védve.",
             "parameters_changed": "Néhány titkosítási paraméter megváltozott.",
+            "state_enabled": "Az ebben a szobában lévő üzenetek és állapotesemények végpontok közötti titkosítással vannak ellátva. Amikor valaki csatlakozik, ellenőrizheti a profiljában, csak koppintson a profilképére.",
             "unsupported": "A szobában használt titkosítás nem támogatott."
         },
         "m.room.guest_access": {
@@ -3988,7 +3915,6 @@
         "hide_sidebar_button": "Oldalsáv elrejtése",
         "input_devices": "Beviteli eszközök",
         "jitsi_call": "Jitsi konferencia",
-        "join_button_tooltip_call_full": "Bocsánat — ez a hívás betelt",
         "legacy_call": "Örökölt hívás",
         "maximise": "Képernyő kitöltése",
         "maximise_call": "Maximalizálja a hívást",
@@ -4047,6 +3973,7 @@
         "video_call_using": "Videóhívás:",
         "voice_call": "Hanghívás",
         "voice_call_incoming": "Bejövő hanghívás",
+        "voice_call_using": "Hanghívás a következő használatával:",
         "you_are_presenting": "Ön tartja a bemutatót"
     },
     "web_default_device_name": "%(appName)s: (%(browserName)s itt: %(osName)s)",
diff --git a/src/i18n/strings/hy.json b/src/i18n/strings/hy.json
index 228adbdcf8..d291ad6885 100644
--- a/src/i18n/strings/hy.json
+++ b/src/i18n/strings/hy.json
@@ -12,16 +12,6 @@
             "other": "%(count)s չկարդացված հաղորդագրություններ, ներառյալ հիշատակումները։"
         },
         "recent_rooms": "Վերջին սենյակները",
-        "room_messsage_not_sent": "Բացել %(roomName)s սենյակը՝ չուղարկված հաղորդագրությամբ",
-        "room_n_unread_invite": "Բացել %(roomName)s սենյակի հրավերը",
-        "room_n_unread_messages": {
-            "one": "Բացել %(roomName)s սենյակը՝ 1 չկարդացած հաղորդագրությամբ",
-            "other": "Բացել %(roomName)s սենյակը՝ %(count)s չկարդացած հաղորդագրություններով"
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Բացել %(roomName)s սենյակը՝ 1 չկարդացած հիշեցմամբ",
-            "other": "Բացել %(roomName)s սենյակը՝ %(count)s չկարդացած հաղորդագրություններով, ներառյալ հիշեցումները"
-        },
         "room_name": "Սենյակ %(name)s",
         "room_status_bar": "Սենյակի կարգավիճակի գոտի/վահանակ",
         "seek_bar_label": "Աուդիո որոնման գոտի",
@@ -99,10 +89,7 @@
         "no": "Ոչ",
         "ok": "Լավ",
         "open": "Բաց(ել)",
-        "open_menu": "Բացել ընտրացանկը",
-        "pause": "Դադար",
         "pin": "Քորոց",
-        "play": "Միացնել",
         "proceed": "Շարունակել",
         "quote": "Մեջբերում",
         "react": "Արձագանքել",
@@ -1455,7 +1442,6 @@
         "ask_to_join": "Միացնել միանալու հարցումը",
         "automatic_debug_logs": "Ավտոմատ կերպով ուղարկել կարգաբերման տեղեկամատյանները(debug logs) ցանկացած սխալի վերաբերյալ",
         "automatic_debug_logs_decryption": "Ավտոմատ կերպով ուղարկել կարգաբերման տեղեկամատյանները(debug logs) վերծանման սխալների վերաբերյալ",
-        "automatic_debug_logs_key_backup": "Ավտոմատ կերպով ուղարկել կարգաբերման տեղեկամատյանները(debug logs)՝ բանալիների պահուստավորման չգործելու դեպքում",
         "beta_description": "Ի՞նչ է սպասվում %(brand)s-ին հաջորդիվ։ Լաբորատորիաները լավագույն միջոցն են ամեն ինչ վաղ փուլում սկսելու, նոր գործառույթները փորձարկելու և դրանք ձևավորելու համար, նախքան դրանց թողարկումը։",
         "beta_feature": "Սա բետա առանձնահատկություն է",
         "beta_feedback_leave_button": "Բետա տարբերակից դուրս գալու համար այցելեք ձեր կարգավորումները:",
@@ -1663,7 +1649,6 @@
         "class_global": "Գլոբալ",
         "class_other": "Այլ",
         "default": "Լռելյայն",
-        "default_settings": "Համապատասխանեցնել լռելյայն կարգավորումները",
         "email_pusher_app_display_name": "Ծանուցումներ էլ.փոստով",
         "enable_prompt_toast_description": "Միացնել աշխատասեղանի ծանուցումները",
         "enable_prompt_toast_title": "Ծանուցումներ",
@@ -1682,8 +1667,7 @@
         "mentions_and_keywords_description": "Ստանալ ծանուցում միայն հիշատակումներով և բանալի բառերով, ինչպես սահմանված են ձեր <a> կարգաբերումներում</a>",
         "mentions_keywords": "Նշումներ/հիշատակումներ և բանալի բառեր",
         "message_didnt_send": "Հաղորդագրությունը չի ուղարկվել: Սեղմեք տեղեկությունների համար:",
-        "mute_description": "Դուք չեք ստանա ոչ մի ծանուցում",
-        "mute_room": "\"Խլացնել\" սենյակի ձայնը"
+        "mute_description": "Դուք չեք ստանա ոչ մի ծանուցում"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s-ը պահանջում է ստուգում"
@@ -1928,7 +1912,6 @@
         "dm_invite_title": "Ցանկանո՞ւմ եք զրուցել %(user)s-ի հետ:",
         "drop_file_prompt": "Ֆայլը գցեք այստեղ՝ վերբեռնելու համար",
         "edit_topic": "Խմբագրել թեման",
-        "error_3pid_invite_email_lookup": "Անհնար է գտնել օգտատիրոջը էլ. փոստով",
         "error_cancel_knock_title": "Չհաջողվեց չեղարկել",
         "error_join_403": "Այս սենյակ մուտք գործելու համար ձեզ անհրաժեշտ է հրավեր:",
         "error_join_404_1": "Դուք փորձել եք միանալ սենյակի ID-ով՝ առանց միանալու սերվերների ցանկ տրամադրելու։ Սենյակի ID-ները ներքին նույնականացուցիչներ են և չեն կարող օգտագործվել սենյակին միանալու համար՝ առանց լրացուցիչ տեղեկությունների։",
@@ -2055,18 +2038,6 @@
             },
             "this_room_button": "Որոնել այս սենյակը"
         },
-        "status_bar": {
-            "delete_all": "Ջնջել բոլորը",
-            "exceeded_resource_limit": "Ձեր հաղորդագրությունը չի ուղարկվել, քանի որ այս սերվերը գերազանցել է ռեսուրսների սահմանաչափը։ Խնդրում ենք <a>կապվեք ձեր ծառայության ադմինիստրատորի հետ</a> ծառայությունից օգտվելը շարունակելու համար։",
-            "homeserver_blocked": "Ձեր հաղորդագրությունը չի ուղարկվել, քանի որ այս սերվերն արգելափակվել է ադմինիստրատորի կողմից։ Խնդրում ենք <a>կապվեք ձեր ծառայության ադմինիստրատորի հետ</a> ծառայությունից օգտվելը շարունակելու համար։",
-            "monthly_user_limit_reached": "Ձեր հաղորդագրությունը չի ուղարկվել, քանի որ այս սերվերը հասել է իր ամսական ակտիվ օգտատերերի սահմանաչափին։ Խնդրում ենք <a>կապվեք ձեր ծառայության ադմինիստրատորի հետ</a> ծառայությունից օգտվելը շարունակելու համար։",
-            "requires_consent_agreement": "Դուք չեք կարող ուղարկել որևէ հաղորդագրություն, քանի դեռ չեք վերանայել և համաձայնվել <consentLink>մեր ընդհանուր դրույթներին ու պայմաններին</consentLink>.",
-            "retry_all": "Կրկին փորձել բոլորը",
-            "select_messages_to_retry": "Դուք կարող եք ընտրել բոլորը կամ առանձին հաղորդագրություններ՝ կրկին փորձելու կամ ջնջելու համար",
-            "server_connectivity_lost_description": "Ուղարկված հաղորդագրությունները կպահպանվեն այնքան ժամանակ, քանի դեռ ձեր կապը չի վերադարձել:",
-            "server_connectivity_lost_title": "Սերվերի հետ կապը կորել է։",
-            "some_messages_not_sent": "Ձեր հաղորդագրություններից որոշները չեն ուղարկվել"
-        },
         "unknown_status_code_for_timeline_jump": "անհայտ կարգավիճակի կոդ",
         "unread_notifications_predecessor": {
             "one": "Դուք ունեք %(count)s չընթերցված ծանուցում այս սենյակի նախորդ տարբերակում։",
@@ -2094,37 +2065,9 @@
         "add_space_label": "Ավելացնել տարածք",
         "breadcrumbs_empty": "Վերջերս այցելած սենյակներ չկան",
         "breadcrumbs_label": "Վերջերս այցելած սենյակներ",
-        "collapse_filters": "Ծալել ֆիլտրերի ցանկը",
-        "empty": {
-            "no_chats": "Դեռևս զրույցներ չկան",
-            "no_chats_description": "Սկսեք՝ ուղարկելով հաղորդագրություն ինչ-որ մեկին կամ ստեղծելով սենյակ",
-            "no_chats_description_no_room_rights": "Սկսեք՝ հաղորդագրություն ուղարկելով ինչ-որ մեկին։",
-            "no_favourites": "Դուք դեռ չունեք սիրելի զրույց",
-            "no_favourites_description": "Զրույցը նախընտրածների մեջ ավելացնելու համար օգտագործեք զրույցի կարգավորումները։",
-            "no_invites": "Դուք չունեք չկարդացված հրավերներ",
-            "no_lowpriority": "Դուք ցածր առաջնահերթության սենյակներ չունեք",
-            "no_mentions": "Դուք չունեք չկարդացված հիշատակումներ",
-            "no_people": "Դուք դեռ ոչ մեկի հետ անհատական զրույց չունեք",
-            "no_people_description": "Դուք կարող եք անջատել ֆիլտրերը՝ ձեր մյուս զրույցները տեսնելու համար",
-            "no_rooms": "Դուք դեռ որևէ սենյակում չեք գտնվում",
-            "no_rooms_description": "Դուք կարող եք անջատել ֆիլտրերը՝ ձեր մյուս զրույցները տեսնելու համար",
-            "no_unread": "Շնորհավորանքներ։ Դուք չունեք չկարդացված հաղորդագրություններ։",
-            "show_activity": "Տեսնել ամբողջ ակտիվությունը",
-            "show_chats": "Ցուցադրել բոլոր զրույցները"
-        },
-        "expand_filters": "Ընդարձակել ֆիլտրերի ցանկը",
         "failed_add_tag": "Չհաջողվեց %(tagName)s պիտակը(tag) ավելացնել սենյակին",
         "failed_remove_tag": "Չհաջողվեց հեռացնել %(tagName)s պիտակը(tag) սենյակից",
         "failed_set_dm_tag": "Չհաջողվեց սահմանել ուղիղ հաղորդագրության պիտակը(tag)",
-        "filters": {
-            "favourite": "Ընտրյալներ",
-            "invites": "Հրավերներ",
-            "low_priority": "Ցածր առաջնահերթություն",
-            "mentions": "Հիշատակումներ",
-            "people": "Մարդիկ",
-            "rooms": "Սենյակներ",
-            "unread": "Չկարդացվածներ"
-        },
         "home_menu_label": "Գլխավոր էջի ընտրանքներ",
         "join_public_room_label": "Միանալ հանրային սենյակին",
         "joining_rooms_status": {
@@ -2133,44 +2076,23 @@
         },
         "list_title": "Սենյակների ցանկ",
         "more_options": {
-            "copy_link": "Պատճենել սենյակի հղումը",
-            "favourited": "Ավելացված է ընտրյալների մեջ",
-            "leave_room": "Լքել սենյակը",
-            "low_priority": "Ցածր առաջնահերթություն",
-            "mark_read": "Նշել որպես կարդացված",
-            "mark_unread": "Նշել որպես չկարդացված"
+            "leave_room": "Լքել սենյակը"
         },
         "notification_options": "Ծանուցման ընտրանքներ",
-        "open_space_menu": "Բացել տարածքների մենյուն",
-        "primary_filters": "Սենյակների ցանկի ֆիլտրեր",
         "redacting_messages_status": {
             "one": "Ներկայումս ջնջվում են %(count)s սենյակում",
             "other": "Ներկայումս ջնջվում են %(count)s սենյակներում"
         },
-        "room": {
-            "more_options": "Լրացուցիչ ընտրանքներ",
-            "open_room": "Բացել %(roomName)s սենյակը"
-        },
-        "room_options": "Սենյակի պարամետրեր",
         "show_less": "Ցուցադրել ավելի քիչ",
         "show_n_more": {
             "one": "Ցուցադրել ևս %(count)s",
             "other": "Ցուցադրել ևս %(count)s"
         },
         "show_previews": "Ցուցադրել հաղորդագրությունների նախադիտումները",
-        "sort": "Տեսակավորել",
         "sort_by": "Տեսակավորել ըստ",
         "sort_by_activity": "Գործունեություն",
         "sort_by_alphabet": "Ա—Ֆ",
-        "sort_type": {
-            "activity": "Գործունեություն",
-            "atoz": "Ա–Ֆ"
-        },
         "sort_unread_first": "Սկզբում ցուցադրել չկարդացված հաղորդագրություններով սենյակները",
-        "space_menu": {
-            "home": "Տարածքի գլխավոր էջ",
-            "space_settings": "Տարածքի կարգավորումներ"
-        },
         "space_menu_label": "%(spaceName)s-ի մենյուն",
         "sublist_options": "Ցուցակի ընտրանքներ",
         "suggested_rooms_heading": "Խորհուդ տրվող սենյակներ"
@@ -2350,7 +2272,6 @@
             "error_join_rule_change_unknown": "Անհայտ ձախողում",
             "guest_access_warning": "Աջակցվող ծրագրեր ունեցող մարդիկ կկարողանան միանալ սենյակին՝ առանց գրանցված հաշիվ ունենալու:",
             "history_visibility_invited": "Միայն անդամներ (քանի որ նրանք հրավիրված էին)",
-            "history_visibility_joined": "Միայն անդամներ (քանի որ նրանք միացել էին)",
             "history_visibility_legend": "Ո՞վ կարող է կարդալ պատմությունը:",
             "history_visibility_shared": "Միայն անդամներ (այս տարբերակն ընտրելու պահից ի վեր)",
             "history_visibility_warning": "Պատմությունը կարդալու իրավունք ունեցողների փոփոխությունները կկիրառվեն միայն այս սենյակի ապագա հաղորդագրություններին։ Գոյություն ունեցող պատմության տեսանելիությունը չի փոխվի։",
@@ -3299,24 +3220,10 @@
         "no_rooms_with_unread_threads": "Դուք դեռ չունեք սենյակներ, որտեղ կան չկարդացած թեմաներ։"
     },
     "time": {
-        "about_day_ago": "մոտ մեկ օր առաջ",
-        "about_hour_ago": "մոտ մեկ ժամ առաջ",
-        "about_minute_ago": "մոտ մեկ րոպե առաջ",
         "date_at_time": "%(date)s ժամը %(time)s",
-        "few_seconds_ago": "մի քանի վայրկյան առաջ",
         "hours_minutes_seconds_left": "Մնաց %(hours)sժ %(minutes)sր %(seconds)sվ",
-        "in_about_day": "մոտ մեկ օր անց",
-        "in_about_hour": "մոտ մեկ ժամ անց",
-        "in_about_minute": "մոտ մեկ րոպե անց",
-        "in_few_seconds": "մի քանի վայրկյան անց",
-        "in_n_days": "%(num)s օր անց",
-        "in_n_hours": "%(num)s ժամ անց",
-        "in_n_minutes": "%(num)s րոպեներ անց",
         "left": "%(timeRemaining)s մնաց",
         "minutes_seconds_left": "Մնաց %(minutes)sր %(seconds)sվ",
-        "n_days_ago": "%(num)s օր առաջ",
-        "n_hours_ago": "%(num)s ժամ առաջ",
-        "n_minutes_ago": "%(num)s րոպե առաջ",
         "seconds_left": "Մնաց %(seconds)sվ",
         "short_days": "%(value)sօր",
         "short_days_hours_minutes_seconds": "%(days)sօր %(hours)sժ %(minutes)sր %(seconds)sվ",
@@ -3340,12 +3247,7 @@
         "creation_summary_dm": "%(creator)s-ն ստեղծեց այս DM-ը (անձնական հաղորդագրություններ)։",
         "creation_summary_room": "%(creator)s-ն ստեղծել և կարգավորել է սենյակը։",
         "decryption_failure": {
-            "blocked": "Ուղարկողը արգելափակել է այս հաղորդագրությունն ստանալու հնարավորությունը, քանի որ ձեր սարքը հաստատված չէ։",
-            "historical_event_no_key_backup": "Պատմական հաղորդագրությունները հասանելի չեն այս սարքի վրա",
-            "historical_event_unverified_device": "Դուք պետք է հաստատեք այս սարքը՝ պատմական հաղորդագրությունների հասանելիության համար",
-            "historical_event_user_not_joined": "Դուք հասանելիություն չունեք այս հաղորդագրություններին",
             "sender_identity_previously_verified": "Ուղարկողի վավերացված ինքնությունը վերակայվել է։",
-            "sender_unsigned_device": "Ուղարկվել է անապահով սարքից։",
             "unable_to_decrypt": "Հնարավոր չէ վերծանել հաղորդագրությունը"
         },
         "disambiguated_profile": "%(displayName)s(%(matrixId)s)",
@@ -3371,11 +3273,9 @@
             "unable_to_find": "Փորձեցինք բեռնել այս սենյակի ժամանակագրության որոշակի կետ, բայց չկարողացանք գտնել այն։"
         },
         "m.audio": {
-            "audio_player": "Աուդիո նվագարկիչ",
             "error_downloading_audio": "Աուդիո ներբեռնման սխալ",
             "error_processing_audio": "Ձայնային հաղորդագրության մշակման սխալ",
-            "error_processing_voice_message": "Ձայնային հաղորդագրության մշակման սխալ",
-            "unnamed_audio": "Անանուն աուդիո"
+            "error_processing_voice_message": "Ձայնային հաղորդագրության մշակման սխալ"
         },
         "m.beacon_info": {
             "view_live_location": "Դիտել կենդանի գտնվելու վայրը"
@@ -3949,7 +3849,6 @@
         "hide_sidebar_button": "Թաքցնել կողային վահանակը",
         "input_devices": "Մուտքագրման սարքեր",
         "jitsi_call": "Jitsi կոնֆերանս(ժողով)",
-        "join_button_tooltip_call_full": "Ներեցեք, այս զանգը ներկայումս լրացված է",
         "legacy_call": "Հնացած զանգ",
         "maximise": "Լրացնել էկրանը",
         "maximise_call": "Զանգը առավելագույնի հասցնել",
diff --git a/src/i18n/strings/id.json b/src/i18n/strings/id.json
index 66ed598c41..04f49a6ee5 100644
--- a/src/i18n/strings/id.json
+++ b/src/i18n/strings/id.json
@@ -12,14 +12,6 @@
             "other": "%(count)s pesan yang belum dibaca termasuk sebutan."
         },
         "recent_rooms": "Ruangan terkini",
-        "room_messsage_not_sent": "Buka ruangan %(roomName)s dengan pesan yang belum diatur.",
-        "room_n_unread_invite": "Buka undangan ruangan %(roomName)s.",
-        "room_n_unread_messages": {
-            "other": "Buka ruangan %(roomName)s dengan %(count)s pesan yang belum dibaca."
-        },
-        "room_n_unread_messages_mentions": {
-            "other": "Buka ruangan %(roomName)s dengan %(count)s pesan yang belum dibaca termasuk sebutan."
-        },
         "room_name": "Ruangan %(name)s",
         "room_status_bar": "Bilah status ruangan",
         "seek_bar_label": "Bilah pencarian audio",
@@ -62,7 +54,7 @@
         "dismiss": "Abaikan",
         "done": "Selesai",
         "download": "Unduh",
-        "edit": "Sunting",
+        "edit": "Edit",
         "enable": "Aktifkan",
         "enter_fullscreen": "Masuki layar penuh",
         "exit_fullscreeen": "Keluar dari layar penuh",
@@ -91,17 +83,13 @@
         "maximise": "Maksimalkan",
         "mention": "Sebutkan",
         "minimise": "Minimalkan",
-        "new_conversation": "Percakapan baru",
         "new_room": "Ruangan baru",
         "new_video_room": "Ruangan video baru",
         "next": "Lanjut",
         "no": "Tidak",
         "ok": "Oke",
         "open": "Buka",
-        "open_menu": "Buka menu",
-        "pause": "Jeda",
         "pin": "Sematkan",
-        "play": "Mainkan",
         "proceed": "Lanjut",
         "quote": "Kutip",
         "react": "Bereaksi",
@@ -577,6 +565,7 @@
         "someone": "Seseorang",
         "space": "Space",
         "spaces": "Space",
+        "state_encryption_enabled": "Enkripsi status eksperimental diaktifkan",
         "sticker": "Stiker",
         "stickerpack": "Paket Stiker",
         "success": "Berhasil",
@@ -638,7 +627,7 @@
             "link_field_label": "Tautan",
             "text_field_label": "Teks",
             "title_create": "Buat sebuah tautan",
-            "title_edit": "Sunting tautan"
+            "title_edit": "Edit tautan"
         },
         "mode_plain": "Sembunyikan format",
         "mode_rich_text": "Tampilkan formatting",
@@ -649,7 +638,7 @@
         "placeholder_reply_encrypted": "Kirim balasan…",
         "placeholder_thread": "Balas utas tidak terenkripsi…",
         "placeholder_thread_encrypted": "Balas utas…",
-        "poll_button": "Pemungutan suara",
+        "poll_button": "Jajak pendapat",
         "poll_button_no_perms_description": "Anda tidak memiliki izin untuk memulai sebuah poll di ruangan ini.",
         "poll_button_no_perms_title": "Izin Dibutuhkan",
         "replying_title": "Membalas",
@@ -684,6 +673,8 @@
         "join_rule_restricted_label": "Semuanya di <SpaceName/> dapat menemukan dan bergabung ruangan ini.",
         "name_validation_required": "Mohon masukkan sebuah nama untuk ruangan",
         "room_visibility_label": "Visibilitas ruangan",
+        "state_encrypted_warning": "Memungkinkan dukungan eksperimental untuk mengenkripsi peristiwa status, yang menyembunyikan metadata seperti nama ruangan dan topik dari server. Metadata ini juga akan disembunyikan dari orang-orang yang bergabung ke ruangan nanti, serta orang-orang yang kliennya tidak mendukung MSC4362.",
+        "state_encryption_label": "Enkripsi peristiwa status",
         "title_private_room": "Buat sebuah ruangan privat",
         "title_public_room": "Buat sebuah ruangan publik",
         "title_video_room": "Buat sebuah ruangan video",
@@ -844,6 +835,7 @@
         "number_of_users": "Jumlah pengguna",
         "only_joined_members": "Hanya pengguna yang bergabung",
         "original_event_source": "Sumber peristiwa asli",
+        "restore_from_backup": "Pulihkan dari cadangan",
         "room_encrypted": "Ruangan <strong>terenkripsi ✅</strong>",
         "room_id": "ID ruangan: %(roomId)s",
         "room_not_encrypted": "Ruangan <strong>tidak terenkripsi 🚨</strong>",
@@ -952,6 +944,7 @@
         "bootstrap_title": "Menyiapkan kunci",
         "confirm_encryption_setup_body": "Klik tombol di bawah untuk mengkonfirmasi menyiapkan enkripsi.",
         "confirm_encryption_setup_title": "Konfirmasi pengaturan enkripsi",
+        "continue_with_reset": "Lanjutkan dengan pengaturan ulang",
         "cross_signing_room_normal": "Ruangan ini dienkripsi secara ujung ke ujung",
         "cross_signing_room_verified": "Semuanya di ruangan ini telah terverifikasi",
         "cross_signing_room_warning": "Seseorang menggunakan sesi yang tidak dikenal",
@@ -967,10 +960,12 @@
         "event_shield_reason_unverified_identity": "Dienkripsi oleh pengguna yang tidak diverifikasi.",
         "export_unsupported": "Browser Anda tidak mendukung ekstensi kriptografi yang dibutuhkan",
         "forgot_recovery_key": "Lupa kunci pemulihan?",
+        "identity_needs_reset_description": "Anda harus mengatur ulang identitas kriptografi Anda untuk memastikan akses ke riwayat pesan Anda.",
         "import_invalid_keyfile": "Bukan keyfile %(brand)s yang absah",
         "import_invalid_passphrase": "Pemeriksaan autentikasi gagal: kata sandi salah?",
         "key_storage_out_of_sync": "Penyimpanan kunci Anda tidak tersinkron.",
         "key_storage_out_of_sync_description": "Konfirmasikan kunci pemulihan Anda untuk mempertahankan akses ke penyimpanan kunci dan riwayat pesan Anda.",
+        "message_shared_by": "%(displayName)s (%(userId)s) telah membagikan pesan ini sejak Anda tidak berada di ruangan saat pesan tersebut dikirim.",
         "messages_not_secure": {
             "cause_1": "Homeserver Anda",
             "cause_2": "Homeserver pengguna yang Anda memverifikasi",
@@ -1502,7 +1497,6 @@
         "ask_to_join": "Aktifkan bertanya untuk bergabung",
         "automatic_debug_logs": "Kirim catatan pengawakutu secara otomatis saat ada kesalahan",
         "automatic_debug_logs_decryption": "Kirim catatan pengawakutu secara otomatis ketika terjadi kesalahan pendekripsian",
-        "automatic_debug_logs_key_backup": "Kirim catatan pengawakutu secara otomatis ketika pencadangan kunci tidak berfungsi",
         "beta_description": "Apa berikutnya untuk %(brand)s? Fitur Uji Coba merupakan cara yang terbaik untuk mendapatkan hal-hal baru lebih awal, mencoba fitur baru dan membantu memperbaikinya sebelum diluncurkan.",
         "beta_feature": "Ini adalah fitur beta",
         "beta_feedback_leave_button": "Untuk keluar dari beta, pergi ke pengaturan Anda.",
@@ -1519,6 +1513,8 @@
         "dynamic_room_predecessors": "Pendahulu ruang dinamis",
         "dynamic_room_predecessors_description": "Aktifkan MSC3946 (untuk mendukung arsip ruangan yang datang terlambat)",
         "element_call_video_rooms": "Ruangan video Element Call",
+        "encrypted_state_events": "Peristiwa status terenkripsi (MSC4362)",
+        "encrypted_state_events_description": "Memungkinkan dukungan eksperimental untuk mengenkripsi peristiwa status, yang menyembunyikan metadata seperti nama ruangan dan topik dari server. Metadata ini juga akan disembunyikan dari orang-orang yang bergabung ke ruangan nanti, serta orang-orang yang kliennya tidak mendukung MSC4362.",
         "exclude_insecure_devices": "Kecualikan perangkat tidak aman ketika mengirim/menerima pesan",
         "exclude_insecure_devices_description": "Jika mode ini diaktifkan, pesan terenkripsi tidak akan dibagikan dengan perangkat yang tidak terverifikasi, dan pesan dari perangkat yang tidak terverifikasi akan ditampilkan sebagai kesalahan. Perlu diperhatikan bahwa jika Anda mengaktifkan mode ini, Anda mungkin tidak dapat berkomunikasi dengan pengguna yang belum memverifikasi perangkat mereka.",
         "experimental_description": "Merasa eksperimental? Coba ide terkini kami dalam pengembangan. Fitur ini belum selesai; mereka mungkin tidak stabil, mungkin berubah, atau dihapus sama sekali. <a>Pelajari lebih lanjut</a>.",
@@ -1709,7 +1705,6 @@
         "class_global": "Global",
         "class_other": "Lainnya",
         "default": "Bawaan",
-        "default_settings": "Cocokkan pengaturan bawaan",
         "email_pusher_app_display_name": "Notifikasi Surel",
         "enable_prompt_toast_description": "Aktifkan notifikasi desktop",
         "enable_prompt_toast_title": "Notifikasi",
@@ -1728,8 +1723,7 @@
         "mentions_and_keywords_description": "Dapatkan notifikasi hanya dengan sebutan dan kata kunci yang diatur di <a>pengaturan</a> Anda",
         "mentions_keywords": "Sebutan dan kata kunci",
         "message_didnt_send": "Pesan tidak terkirim. Klik untuk informasi.",
-        "mute_description": "Anda tidak akan mendapatkan notifikasi apa pun",
-        "mute_room": "Bisukan ruangan"
+        "mute_description": "Anda tidak akan mendapatkan notifikasi apa pun"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s meminta verifikasi"
@@ -1758,17 +1752,26 @@
         "end_message": "Poll telah berakhir. Jawaban teratas: %(topAnswer)s",
         "end_message_no_votes": "Poll telah berakhir. Tidak ada yang memberi suara.",
         "end_title": "Akhiri Poll",
+        "ended_poll_label": "Jajak pendapat berakhir",
         "error_ending_description": "Maaf, poll tidak berakhir. Silakan coba lagi.",
         "error_ending_title": "Gagal untuk mengakhiri poll",
         "error_voting_description": "Maaf, suara Anda tidak didaftarkan. Silakan coba lagi.",
         "error_voting_title": "Suara tidak didaftarkan",
         "failed_send_poll_description": "Maaf, poll yang Anda buat tidak dapat dikirim.",
         "failed_send_poll_title": "Gagal untuk mengirim poll",
-        "notes": "Hasil hanya akan disediakan ketika Anda mengakhiri pemungutan suara",
+        "notes": "Hasil hanya akan disediakan ketika Anda mengakhiri jajak pendapat",
+        "option_label": "Pilihan %(number)s, %(answer)s",
+        "option_label_winning_with_total": {
+            "other": "Pilihan %(number)s, %(answer)s, pilihan yang menang, %(count)s suara"
+        },
+        "option_label_with_total": {
+            "other": "Pilihan %(number)s, %(answer)s, %(count)s suara"
+        },
         "options_add_button": "Tambahkan opsi",
         "options_heading": "Buat opsi",
         "options_label": "Opsi %(number)s",
         "options_placeholder": "Tulis sebuah opsi",
+        "poll_label": "Jajak pendapat",
         "topic_heading": "Apa pertanyaan atau topik poll Anda?",
         "topic_label": "Pertanyaan atau topik",
         "topic_placeholder": "Tulis sesuatu…",
@@ -1782,12 +1785,12 @@
             "other": "Berdasarkan oleh %(count)s suara"
         },
         "total_no_votes": "Tidak ada suara",
-        "total_not_ended": "Hasil akan tersedia setelah pemungutan suara berakhir",
-        "type_closed": "Pemungutan suara tertutup",
-        "type_heading": "Tipe pemungutan suara",
-        "type_open": "Pemungutan suara terbuka",
-        "unable_edit_description": "Maaf, Anda tidak dapat mengedit sebuah poll setelah suara-suara diberikan.",
-        "unable_edit_title": "Tidak dapat mengedit poll"
+        "total_not_ended": "Hasil akan tersedia setelah jajak pendapat berakhir",
+        "type_closed": "Jajak pendapat tertutup",
+        "type_heading": "Jenis jajak pendapat",
+        "type_open": "Jajak pendapat terbuka",
+        "unable_edit_description": "Maaf, Anda tidak dapat mengedit jajak pendapat setelah suara-suara diberikan.",
+        "unable_edit_title": "Tidak dapat mengedit jajak pendapat"
     },
     "power_level": {
         "admin": "Admin",
@@ -1908,30 +1911,28 @@
         },
         "pinned_messages_button": "Pesan yang disematkan",
         "poll": {
-            "active_heading": "Pemungutan suara yang aktif",
-            "empty_active": "Tidak ada pemungutan suara yang aktif di ruangan ini",
-            "empty_active_load_more": "Tidak ada pemungutan suara yang aktif. Muat lebih banyak pemungutan suara untuk melihat pemungutan suara untuk bulan-bulan terakhir",
+            "active_heading": "Jajak pendapat yang aktif",
+            "empty_active": "Tidak ada jajak pendapat yang aktif di ruangan ini",
+            "empty_active_load_more": "Tidak ada jajak pendapat yang aktif. Muat lebih banyak jajak pendapat untuk melihat jajak pendapat untuk bulan-bulan terakhir",
             "empty_active_load_more_n_days": {
-                "one": "Tidak ada pemungutan suara untuk hari terakhir. Muat lebih banyak pemungutan suara untuk melihat pemungutan suara untuk bulan-bulan terakhir",
-                "other": "Tidak ada pemungutan suara yang aktif %(count)s hari terakhir. Muat lebih banyak pemungutan suara untuk melihat pemungutan suara untuk bulan-bulan terakhir"
+                "other": "Tidak ada jajak pendapat yang aktif %(count)s hari terakhir. Muat lebih banyak jajak pendapat untuk melihat jajak pendapat untuk bulan-bulan terakhir"
             },
-            "empty_past": "Tidak ada pemungutan suara sebelumnya di ruangan ini",
-            "empty_past_load_more": "Tidak ada pemungutan suara sebelumnya. Muat lebih banyak pemungutan suara untuk melihat pemungutan suara untuk bulan-bulan terakhir",
+            "empty_past": "Tidak ada jajak pendapat sebelumnya di ruangan ini",
+            "empty_past_load_more": "Tidak ada jajak pendapat sebelumnya. Muat lebih banyak jajak pendapat untuk melihat jajak pendapat untuk bulan-bulan terakhir",
             "empty_past_load_more_n_days": {
-                "one": "Tidak ada pemungutan suara untuk hari terakhir. Muat lebih banyak pemungutan suara untuk melihat pemungutan suara untuk bulan-bulan terakhir",
-                "other": "Tidak ada pemungutan suara untuk %(count)s hari terakhir. Muat lebih banyak pemungutan suara untuk melihat pemungutan suara untuk bulan-bulan terakhir"
+                "other": "Tidak ada jajak pendapat untuk %(count)s hari terakhir. Muat lebih banyak jajak pendapat untuk melihat jajak pendapat untuk bulan-bulan terakhir"
             },
             "final_result": {
                 "other": "Hasil akhir bedasarkan dari %(count)s suara",
                 "one": "Hasil akhir bedasarkan dari %(count)s suara"
             },
-            "load_more": "Muat lebih banyak pemungutan suara",
-            "loading": "Memuat pemungutan suara",
-            "past_heading": "Pemungutan suara sebelumnya",
-            "view_in_timeline": "Tampilkan pemungutan suara di lini masa",
-            "view_poll": "Tampilkan pemungutan suara"
+            "load_more": "Muat lebih banyak jajak pendapat",
+            "loading": "Memuat jajak pendapat",
+            "past_heading": "Jajak pendapat sebelumnya",
+            "view_in_timeline": "Tampilkan jajak pendapat di lini masa",
+            "view_poll": "Tampilkan jajak pendapat"
         },
-        "polls_button": "Pemungutan suara",
+        "polls_button": "Jajak pendapat",
         "room_summary_card": {
             "title": "Informasi ruangan"
         },
@@ -1972,7 +1973,6 @@
         "dm_invite_title": "Apakah Anda ingin mengobrol dengan %(user)s?",
         "drop_file_prompt": "Lepaskan file di sini untuk mengunggah",
         "edit_topic": "Edit topik",
-        "error_3pid_invite_email_lookup": "Tidak dapat mencari pengguna dengan surel",
         "error_cancel_knock_title": "Gagal membatalkan",
         "error_join_403": "Anda memerlukan undangan untuk mengakses ruangan ini.",
         "error_join_404_1": "Anda mencoba untuk bergabung menggunakan sebuah ID ruangan tanpa menyediakan daftar server untuk bergabung melalui server. ID ruangan adalah pengenal internal dan tidak dapat digunakan untuk bergabung dengan sebuah ruangan tanpa informasi tambahan.",
@@ -2004,6 +2004,8 @@
         "forget_room": "Lupakan ruangan ini",
         "forget_space": "Lupakan space ini",
         "header": {
+            "join_video_call": "Gabung ke panggilan video",
+            "join_voice_call": "Gabung ke panggilan suara",
             "n_people_asking_to_join": {
                 "other": "%(count)s orang meminta untuk bergabung"
             },
@@ -2019,7 +2021,7 @@
         "intro": {
             "display_topic": "Topik: <topic/>",
             "dm_caption": "Hanya Anda berdua yang ada dalam percakapan ini, kecuali jika salah satu dari Anda mengundang siapa saja untuk bergabung.",
-            "edit_topic": "Topik: <topic/> (<a>sunting</a>)",
+            "edit_topic": "Topik: <topic/> (<a>edit</a>)",
             "enable_encryption_prompt": "Aktifkan enkripsi di pengaturan.",
             "encrypted_3pid_dm_pending_join": "Setelah semuanya bergabung, Anda akan dapat mengobrol",
             "no_avatar_label": "Tambahkan sebuah foto supaya orang-orang dapat menemukan ruangan Anda.",
@@ -2101,18 +2103,6 @@
             },
             "this_room_button": "Cari ruangan ini"
         },
-        "status_bar": {
-            "delete_all": "Hapus semua",
-            "exceeded_resource_limit": "Pesan Anda tidak terkirim karena homeserver ini melebihi sebuah batas sumber daya. Mohon <a>hubungi administrator layanan Anda</a> untuk melanjutkan menggunakan layanannya.",
-            "homeserver_blocked": "Pesan Anda tidak dikirim karena homeserver ini telah diblokir oleh administrator. Mohon <a>hubungi administrator layanan Anda</a> untuk terus menggunakan layanan ini.",
-            "monthly_user_limit_reached": "Pesan Anda tidak terkirim karena homesever ini telah mencapat batas Pengguna Aktif Bulanan. Mohon <a>hubungi administrator layanan Anda</a> untuk melanjutkan menggunakan layanannya.",
-            "requires_consent_agreement": "Anda tidak dapat mengirimkan pesan apa saja sampai Anda lihat dan terima <consentLink>syarat dan ketentuan kami</consentLink>.",
-            "retry_all": "Coba ulang semua",
-            "select_messages_to_retry": "Anda dapat memilih semua atau beberapa pesan untuk dicoba lagi atau dihapus",
-            "server_connectivity_lost_description": "Pesan yang akan dikirim akan disimpan sampai koneksi Anda telah kembali.",
-            "server_connectivity_lost_title": "Koneksi ke server telah hilang.",
-            "some_messages_not_sent": "Beberapa pesan Anda tidak terkirim"
-        },
         "unknown_status_code_for_timeline_jump": "kode keadaan tidak diketahui",
         "unread_notifications_predecessor": {
             "one": "Anda punya %(count)s notifikasi yang belum dibaca dalam versi sebelumnya dari ruangan ini.",
@@ -2140,37 +2130,9 @@
         "add_space_label": "Tambahkan space",
         "breadcrumbs_empty": "Tidak ada ruangan yang baru saja dilihat",
         "breadcrumbs_label": "Ruangan yang baru saja dilihat",
-        "collapse_filters": "Tutup daftar filter",
-        "empty": {
-            "no_chats": "Belum ada obrolan",
-            "no_chats_description": "Mulailah dengan mengirim pesan kepada seseorang atau dengan membuat ruangan",
-            "no_chats_description_no_room_rights": "Mulailah dengan mengirim pesan kepada seseorang",
-            "no_favourites": "Anda belum memiliki obrolan favorit",
-            "no_favourites_description": "Anda dapat menambahkan obrolan ke favorit Anda di pengaturan obrolan",
-            "no_invites": "Anda tidak memiliki undangan yang belum dibaca",
-            "no_lowpriority": "Anda tidak memiliki ruangan dengan prioritas rendah",
-            "no_mentions": "Anda tidak memiliki sebutan yang belum dibaca",
-            "no_people": "Anda belum memiliki obrolan langsung dengan siapa pun",
-            "no_people_description": "Anda dapat membatalkan pilihan saringan untuk melihat percakapan Anda yang lain",
-            "no_rooms": "Anda belum berada di ruangan mana pun",
-            "no_rooms_description": "Anda dapat membatalkan pilihan saringan untuk melihat percakapan Anda yang lain",
-            "no_unread": "Selamat! Anda tidak memiliki pesan yang belum dibaca",
-            "show_activity": "Lihat semua aktivitas",
-            "show_chats": "Tampilkan semua obrolan"
-        },
-        "expand_filters": "Buka daftar filter",
         "failed_add_tag": "Gagal menambahkan tag %(tagName)s ke ruangan",
         "failed_remove_tag": "Gagal menghapus tanda %(tagName)s dari ruangan",
         "failed_set_dm_tag": "Gagal menetapkan tanda pesan langsung",
-        "filters": {
-            "favourite": "Favorit",
-            "invites": "Undangan",
-            "low_priority": "Prioritas rendah",
-            "mentions": "Sebutan",
-            "people": "Orang",
-            "rooms": "Ruangan",
-            "unread": "Belum dibaca"
-        },
         "home_menu_label": "Opsi Beranda",
         "join_public_room_label": "Bergabung dengan ruangan publik",
         "joining_rooms_status": {
@@ -2179,44 +2141,23 @@
         },
         "list_title": "Daftar ruangan",
         "more_options": {
-            "copy_link": "Salin tautan ruangan",
-            "favourited": "Difavorit",
-            "leave_room": "Tinggalkan ruangan",
-            "low_priority": "Prioritas rendah",
-            "mark_read": "Tandai sebagai dibaca",
-            "mark_unread": "Tandai sebagai belum dibaca"
+            "leave_room": "Tinggalkan ruangan"
         },
         "notification_options": "Opsi notifikasi",
-        "open_space_menu": "Buka menu space",
-        "primary_filters": "Filter daftar ruangan",
         "redacting_messages_status": {
             "one": "Saat ini menghapus pesan-pesan di %(count)s ruangan",
             "other": "Saat ini menghapus pesan-pesan di %(count)s ruangan"
         },
-        "room": {
-            "more_options": "Opsi Lainnya",
-            "open_room": "Buka ruangan %(roomName)s"
-        },
-        "room_options": "Opsi Ruangan",
         "show_less": "Tampilkan lebih sedikit",
         "show_n_more": {
             "one": "Tampilkan %(count)s lagi",
             "other": "Tampilkan %(count)s lagi"
         },
         "show_previews": "Tampilkan tampilan pesan",
-        "sort": "Urutkan",
         "sort_by": "Sortir berdasarkan",
         "sort_by_activity": "Aktivitas",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "Aktivitas",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Tampilkan ruangan dengan pesan yang belum dibaca dahulu",
-        "space_menu": {
-            "home": "Beranda space",
-            "space_settings": "Pengaturan Space"
-        },
         "space_menu_label": "Menu %(spaceName)s",
         "sublist_options": "Tampilkan daftar opsi",
         "suggested_rooms_heading": "Ruangan yang Disarankan"
@@ -2305,6 +2246,8 @@
             "no_aliases_space": "Space ini tidak memiliki alamat lokal",
             "other_section": "Lainnya",
             "publish_toggle": "Publikasi ruangan ini ke publik di direktori ruangan %(domain)s?",
+            "publish_warn_invite_only": "Anda tidak dapat mempublikasikan ruangan yang hanya dapat diakses melalui undangan.",
+            "publish_warn_no_canonical_permission": "Anda harus memiliki izin untuk mengatur alamat utama agar dapat mempublikasikan ruangan ini.",
             "published_aliases_description": "Untuk mempublikasikan sebuah alamat, itu harus diatur sebagai alamat lokal dahulu.",
             "published_aliases_explainer_room": "Alamat yang dipublikasikan dapat digunakan oleh siapa saja di server apa saja untuk bergabung dengan ruangan Anda.",
             "published_aliases_explainer_space": "Alamat yang dipublikasikan dapat digunakan oleh siapa saja di server apa saja untuk bergabung dengan space Anda.",
@@ -2399,12 +2342,11 @@
             "error_join_rule_change_title": "Gagal untuk memperbarui aturan bergabung",
             "error_join_rule_change_unknown": "Kesalahan yang tidak diketahui",
             "guest_access_warning": "Orang-orang dengan klien yang didukung akan dapat bergabung ruangan ini tanpa harus memiliki sebuah akun yang terdaftar.",
-            "history_visibility_invited": "Anggota saja (sejak mereka diundang)",
-            "history_visibility_joined": "Anggota saja (sejak mereka bergabung)",
+            "history_visibility_invited": "Anggota sejak diundang",
             "history_visibility_legend": "Siapa yang dapat membaca riwayat?",
-            "history_visibility_shared": "Anggota saja (sejak memilih opsi ini)",
-            "history_visibility_warning": "Visibilitas riwayat yang ada tidak akan berubah.",
-            "history_visibility_world_readable": "Siapa Saja",
+            "history_visibility_shared": "Anggota saja (riwayat lengkap)",
+            "history_visibility_warning": "Perubahan tidak akan memengaruhi pesan-pesan sebelumnya, hanya pesan-pesan baru. <a>Pelajari lebih lanjut</a>",
+            "history_visibility_world_readable": "Siapa saja (riwayat bersifat umum)",
             "join_rule_description": "Putuskan siapa yang dapat bergabung %(roomName)s.",
             "join_rule_invite": "Privat (undangan saja)",
             "join_rule_invite_description": "Hanya orang yang diundang dapat bergabung.",
@@ -2460,10 +2402,12 @@
             "error_failed_save": "Gagal untuk memperbarui visibilitas untuk space ini",
             "error_update_guest_access": "Gagal untuk memperbarui akses tamu untuk space ini",
             "error_update_history_visibility": "Gagal untuk memperbarui visibilitas riwayat untuk space ini",
-            "guest_access_explainer": "Tamu dapat bergabung sebuah space tanpa harus mempunyai akun.",
+            "guest_access_disabled": "Anda tidak memiliki izin untuk mengubah akses tamu.",
+            "guest_access_explainer": "Tamu dapat bergabung sebuah space tanpa harus mempunyai akun. Ini mungkin berguna untuk space publik.",
             "guest_access_label": "Aktifkan akses tamu",
             "history_visibility_anyone_space": "Tampilkan Space",
             "history_visibility_anyone_space_description": "Memungkinkan orang-orang untuk memperlihatkan space Anda sebelum mereka bergabung.",
+            "history_visibility_anyone_space_disabled": "Anda tidak memiliki izin untuk mengubah visibilitas riwayat.",
             "history_visibility_anyone_space_recommendation": "Direkomendasikan untuk space publik.",
             "title": "Visibilitas"
         },
@@ -2883,7 +2827,7 @@
             "room_directory_heading": "Direktori ruangan",
             "room_list_heading": "Daftar ruangan",
             "show_avatars_pills": "Tampilkan avatar di sebutan pengguna, ruangan, dan peristiwa",
-            "show_polls_button": "Tampilkan tombol pemungutan suara",
+            "show_polls_button": "Tampilkan tombol jajak pendapat",
             "startup_window_behaviour_label": "Perilaku saat memulai dan jendela",
             "surround_text": "Kelilingi teks yang dipilih saat mengetik karakter khusus",
             "time_heading": "Tampilkan waktu",
@@ -2917,6 +2861,7 @@
             "message_search_indexing": "Saat ini mengindeks: %(currentRoom)s",
             "message_search_indexing_idle": "Tidak mengindeks pesan saat ini untuk ruangan apa saja.",
             "message_search_intro": "%(brand)s mengcache pesan terenkripsi secara lokal supaya dapat muncul di hasil pencarian dengan aman:",
+            "message_search_pending_rooms": "Ruangan yang menunggu pengindeksan: %(pendingRooms)s",
             "message_search_room_progress": "%(doneRooms)s dari %(totalRooms)s",
             "message_search_section": "Pencarian pesan",
             "message_search_sleep_time": "Seberapa cepat pesan akan diunduh.",
@@ -3359,24 +3304,10 @@
         "no_rooms_with_unread_threads": "Anda belum memiliki ruangan dengan utas yang belum dibaca."
     },
     "time": {
-        "about_day_ago": "1 hari yang lalu",
-        "about_hour_ago": "1 jam yang lalu",
-        "about_minute_ago": "1 menit yang lalu",
         "date_at_time": "%(date)s pada %(time)s",
-        "few_seconds_ago": "beberapa detik yang lalu",
         "hours_minutes_seconds_left": "Sisa %(hours)sj %(minutes)sm %(seconds)sd",
-        "in_about_day": "1 hari dari sekarang",
-        "in_about_hour": "1 jam dari sekarang",
-        "in_about_minute": "1 menit dari sekarang",
-        "in_few_seconds": "beberapa detik dari sekarang",
-        "in_n_days": "%(num)s hari dari sekarang",
-        "in_n_hours": "%(num)s jam dari sekarang",
-        "in_n_minutes": "%(num)s dari sekarang",
         "left": "%(timeRemaining)sd lagi",
         "minutes_seconds_left": "Sisa %(minutes)sm %(seconds)sd",
-        "n_days_ago": "%(num)s hari yang lalu",
-        "n_hours_ago": "%(num)s jam yang lalu",
-        "n_minutes_ago": "%(num)s menit yang lalu",
         "seconds_left": "%(seconds)sd lagi",
         "short_days": "%(value)sh",
         "short_days_hours_minutes_seconds": "%(days)sh %(hours)sj %(minutes)sm %(seconds)sd",
@@ -3400,12 +3331,7 @@
         "creation_summary_dm": "%(creator)s membuat pesan langsung ini.",
         "creation_summary_room": "%(creator)s membuat dan mengatur ruangan ini.",
         "decryption_failure": {
-            "blocked": "Pengirim telah mencegah Anda menerima pesan ini",
-            "historical_event_no_key_backup": "Riwayat pesan tidak tersedia di perangkat ini",
-            "historical_event_unverified_device": "Anda harus memverifikasi perangkat ini untuk mengakses riwayat pesan",
-            "historical_event_user_not_joined": "Anda tidak memiliki akses ke pesan ini",
             "sender_identity_previously_verified": "Identitas terverifikasi telah berubah",
-            "sender_unsigned_device": "Dienkripsi oleh perangkat yang tidak diverifikasi oleh pemiliknya.",
             "unable_to_decrypt": "Tidak dapat mendekripsi pesan"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3431,11 +3357,9 @@
             "unable_to_find": "Mencoba memuat titik spesifik di lini masa ruangan ini, tetapi tidak dapat menemukannya."
         },
         "m.audio": {
-            "audio_player": "Pemutar audio",
             "error_downloading_audio": "Terjadi kesalahan mengunduh audio",
             "error_processing_audio": "Terjadi kesalahan mengolah pesan suara",
-            "error_processing_voice_message": "Terjadi kesalahan mengolah pesan suara",
-            "unnamed_audio": "Audio tidak dinamai"
+            "error_processing_voice_message": "Terjadi kesalahan mengolah pesan suara"
         },
         "m.beacon_info": {
             "view_live_location": "Tampilkan lokasi langsung"
@@ -3530,6 +3454,7 @@
             "enabled_dm": "Pesan-pesan di sini dienkripsi secara ujung ke ujung. Verifikasi %(displayName)s di profilnya — ketuk pada profilnya.",
             "enabled_local": "Pesan di obrolan ini akan dienkripsi secara ujung ke ujung.",
             "parameters_changed": "Beberapa parameter enkripsi telah diubah.",
+            "state_enabled": "Pesan dan peristiwa status di ruangan ini dienkripsi secara ujung ke ujung. Saat orang bergabung, Anda dapat memverifikasi mereka di profil mereka, cukup ketuk gambar profil mereka.",
             "unsupported": "Enkripsi yang digunakan di ruangan ini tidak didukung."
         },
         "m.room.guest_access": {
@@ -4009,7 +3934,6 @@
         "hide_sidebar_button": "Sembunyikan sisi bilah",
         "input_devices": "Perangkat masukan",
         "jitsi_call": "Konferensi Jitsi",
-        "join_button_tooltip_call_full": "Maaf — panggilan ini saat ini penuh",
         "legacy_call": "Panggilan Lawas",
         "maximise": "Penuhi layar",
         "maximise_call": "Maksimalkan panggilan",
@@ -4069,6 +3993,7 @@
         "video_call_using": "Panggilan video menggunakan:",
         "voice_call": "Panggilan suara",
         "voice_call_incoming": "Panggilan suara masuk",
+        "voice_call_using": "Panggilan suara menggunakan:",
         "you_are_presenting": "Anda sedang mempresentasi"
     },
     "web_default_device_name": "%(appName)s: %(browserName)s di %(osName)s",
diff --git a/src/i18n/strings/is.json b/src/i18n/strings/is.json
index 0cd458dfc8..623aca2e3c 100644
--- a/src/i18n/strings/is.json
+++ b/src/i18n/strings/is.json
@@ -79,9 +79,7 @@
         "no": "Nei",
         "ok": "Í lagi",
         "open": "Opna",
-        "pause": "Bið",
         "pin": "Pinni",
-        "play": "Spila",
         "quote": "Tilvitnun",
         "react": "Bregðast við",
         "refresh": "Endurlesa",
@@ -1054,7 +1052,6 @@
     "labs": {
         "automatic_debug_logs": "Senda atvikaskrár sjálfkrafa við allar villur",
         "automatic_debug_logs_decryption": "Senda atvikaskrár sjálfkrafa við afkóðunarvillur",
-        "automatic_debug_logs_key_backup": "Senda atvikaskrár sjálfkrafa þegar öryggisafrit dulritunarlykla virkar ekki",
         "beta_description": "Hvað er væntanlegt í %(brand)s? Að taka þátt í tilraunum gefur færi á að sjá nýja hluti fyrr, prófa nýja eiginleika og vera með í að móta þá áður en þeir fara í almenna notkun.",
         "beta_feature": "Þetta er beta-prófunareiginleiki",
         "beta_feedback_leave_button": "Til að hætta í beta-prófunarútgáfunni, skaltu fara í stillingarnar þínar.",
@@ -1461,15 +1458,6 @@
         "peek_join_prompt": "Þú ert að forskoða %(roomName)s. Viltu taka þátt í henni?",
         "read_topic": "Smelltu til að lesa umfjöllunarefni",
         "rejoin_button": "Taka þátt aftur",
-        "status_bar": {
-            "delete_all": "Eyða öllu",
-            "exceeded_resource_limit": "Skilaboðin þín voru ekki send vegna þess að þessi heimaþjónn er kominn fram yfir takmörk á notuðum tilföngum. Hafðu <a>samband við kerfisstjóra þjónustunnar þinnar</a> til að halda áfram að nota þjónustuna.",
-            "monthly_user_limit_reached": "Skilaboðin þín voru ekki send vegna þess að þessi heimaþjónn er kominn fram yfir takmörk á mánaðarlega virkum notendum. Hafðu <a>samband við kerfisstjóra þjónustunnar þinnar</a> til að halda áfram að nota þjónustuna.",
-            "requires_consent_agreement": "Þú getur ekki sent nein skilaboð fyrr en þú hefur farið yfir og samþykkir <consentLink>skilmála okkar</consentLink>.",
-            "retry_all": "Prófa aftur allt",
-            "server_connectivity_lost_title": "Tenging við vefþjón hefur rofnað.",
-            "some_messages_not_sent": "Sum skilaboðin þín hafa ekki verið send"
-        },
         "upgrade_error_description": "Athugaðu vandlega hvort netþjónninn styðji ekki valda útgáfu spjallrása og reyndu aftur.",
         "upgrade_error_title": "Villa við að uppfæra spjallrás",
         "upgrade_warning_bar_admins": "Aðeins stjórnendur spjallrásar munu sjá þessa aðvörun",
@@ -1652,7 +1640,6 @@
             "error_join_rule_change_title": "Mistókst að uppfæra reglur fyrir þátttöku",
             "error_join_rule_change_unknown": "Óþekkt bilun",
             "history_visibility_invited": "Einungis meðlimir (síðan þeim var boðið)",
-            "history_visibility_joined": "Einungis meðlimir (síðan þeir skráðu sig)",
             "history_visibility_legend": "Hver getur lesið ferilskráningu?",
             "history_visibility_shared": "Einungis meðlimir (síðan þessi kostur var valinn)",
             "history_visibility_world_readable": "Hver sem er",
@@ -2301,24 +2288,10 @@
         "show_thread_filter": "Sýna:"
     },
     "time": {
-        "about_day_ago": "fyrir um degi síðan",
-        "about_hour_ago": "fyrir um klukkustund síðan",
-        "about_minute_ago": "fyrir um það bil mínútu síðan",
         "date_at_time": "%(date)s kl. %(time)s",
-        "few_seconds_ago": "fyrir örfáum sekúndum síðan",
         "hours_minutes_seconds_left": "%(hours)sk %(minutes)sm %(seconds)ss eftir",
-        "in_about_day": "eftir um það bil einn dag",
-        "in_about_hour": "eftir um það bil klukkustund",
-        "in_about_minute": "eftir um það bil mínútu",
-        "in_few_seconds": "eftir nokkrar sekúndur",
-        "in_n_days": "eftir %(num)s daga",
-        "in_n_hours": "eftir %(num)s klukkustundir",
-        "in_n_minutes": "eftir %(num)s mínútur",
         "left": "%(timeRemaining)s eftir",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss eftir",
-        "n_days_ago": "fyrir %(num)s dögum síðan",
-        "n_hours_ago": "fyrir %(num)s klukkustundum síðan",
-        "n_minutes_ago": "fyrir %(num)s mínútum síðan",
         "seconds_left": "%(seconds)ssek eftir",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sk %(minutes)sm %(seconds)ss",
         "short_hours": "%(value)sklst",
@@ -2357,8 +2330,7 @@
         "m.audio": {
             "error_downloading_audio": "Villa við að sækja hljóð",
             "error_processing_audio": "Villa við meðhöndlun hljóðskilaboða",
-            "error_processing_voice_message": "Villa við meðhöndlun talskilaboða",
-            "unnamed_audio": "Nafnlaust hljóð"
+            "error_processing_voice_message": "Villa við meðhöndlun talskilaboða"
         },
         "m.beacon_info": {
             "view_live_location": "Skoða staðsetningu í rauntíma"
@@ -2847,7 +2819,6 @@
         "hangup": "Leggja á",
         "hide_sidebar_button": "Fela hliðarspjald",
         "input_devices": "Inntakstæki",
-        "join_button_tooltip_call_full": "Því miður - þetta símtal er fullt í augnablikinu",
         "maximise": "Fylla skjá",
         "misconfigured_server": "Símtal mistókst vegna vanstillingar netþjóns",
         "misconfigured_server_description": "Spurðu kerfisstjóra (<code>%(homeserverDomain)s</code>) heimaþjónsins þíns um að setja upp TURN-þjón til að tryggja að símtöl virki eðlilega.",
diff --git a/src/i18n/strings/it.json b/src/i18n/strings/it.json
index affa7e5656..62211ca261 100644
--- a/src/i18n/strings/it.json
+++ b/src/i18n/strings/it.json
@@ -86,9 +86,7 @@
         "no": "No",
         "ok": "OK",
         "open": "Apri",
-        "pause": "Pausa",
         "pin": "Spillo",
-        "play": "Riproduci",
         "proceed": "Procedi",
         "quote": "Cita",
         "react": "Reagisci",
@@ -1270,7 +1268,6 @@
         "ask_to_join": "Attiva \"Chiedi di entrare\"",
         "automatic_debug_logs": "Invia automaticamente log di debug per qualsiasi errore",
         "automatic_debug_logs_decryption": "Invia automaticamente log di debug per errori di decifrazione",
-        "automatic_debug_logs_key_backup": "Invia automaticamente log di debug quando il backup delle chiavi non funziona",
         "beta_description": "Cosa riserva il futuro di %(brand)s? I laboratori sono il miglior modo di provare cose in anticipo, testare nuove funzioni ed aiutare a plasmarle prima che vengano distribuite.",
         "beta_feature": "Questa è una funzionalità beta",
         "beta_feedback_leave_button": "Per abbandonare la beta, vai nelle impostazioni.",
@@ -1698,7 +1695,6 @@
         "dm_invite_title": "Vuoi chattare con %(user)s?",
         "drop_file_prompt": "Trascina un file qui per l'invio",
         "edit_topic": "Modifica argomento",
-        "error_3pid_invite_email_lookup": "Impossibile trovare l'utente per email",
         "error_cancel_knock_title": "Annullamento fallito",
         "error_join_403": "Ti serve un invito per entrare in questa stanza.",
         "error_join_404_1": "Hai provato ad entrare usando un ID stanza senza fornire una lista di server attraverso cui entrare. Gli ID stanza sono identificativi interni e non possono essere usati per entrare in una stanza senza informazioni aggiuntive.",
@@ -1809,18 +1805,6 @@
             "all_rooms_button": "Cerca in tutte le stanze",
             "this_room_button": "Cerca in questa stanza"
         },
-        "status_bar": {
-            "delete_all": "Elimina tutti",
-            "exceeded_resource_limit": "Il tuo messaggio non è stato inviato perché questo homeserver ha oltrepassato un limite di risorse. <a>Contatta l'amministratore del servizio</a> per continuare ad usarlo.",
-            "homeserver_blocked": "Il tuo messaggio non è stato inviato perché questo homeserver è stato bloccato dal suo amministratore. <a>Contatta l'amministratore del servizio</a> per continuare ad usarlo.",
-            "monthly_user_limit_reached": "Il tuo messaggio non è stato inviato perché questo homeserver ha raggiunto il suo limite di utenti attivi mensili. <a>Contatta l'amministratore del servizio</a> per continuare ad usarlo.",
-            "requires_consent_agreement": "Non puoi inviare alcun messaggio fino a quando non leggi ed accetti <consentLink>i nostri termini e condizioni</consentLink>.",
-            "retry_all": "Riprova tutti",
-            "select_messages_to_retry": "Puoi selezionare tutti o alcuni messaggi da riprovare o eliminare",
-            "server_connectivity_lost_description": "I messaggi inviati saranno salvati fino al ritorno della connessione.",
-            "server_connectivity_lost_title": "Connessione al server persa.",
-            "some_messages_not_sent": "Alcuni tuoi messaggi non sono stati inviati"
-        },
         "unknown_status_code_for_timeline_jump": "codice di stato sconosciuto",
         "unread_notifications_predecessor": {
             "other": "Hai %(count)s notifiche non lette in una versione precedente di questa stanza.",
@@ -2048,7 +2032,6 @@
             "error_join_rule_change_unknown": "Errore sconosciuto",
             "guest_access_warning": "Le persone con client supportati potranno entrare nella stanza senza avere un account registrato.",
             "history_visibility_invited": "Solo i membri (da quando sono stati invitati)",
-            "history_visibility_joined": "Solo i membri (da quando sono entrati)",
             "history_visibility_legend": "Chi può leggere la cronologia?",
             "history_visibility_shared": "Solo i membri (dal momento in cui selezioni questa opzione)",
             "history_visibility_warning": "Le modifiche a chi può leggere la cronologia si applicheranno solo ai messaggi futuri in questa stanza. La visibilità della cronologia esistente rimarrà invariata.",
@@ -2837,24 +2820,10 @@
         "header": "Attività delle conversazioni"
     },
     "time": {
-        "about_day_ago": "circa un giorno fa",
-        "about_hour_ago": "circa un'ora fa",
-        "about_minute_ago": "circa un minuto fa",
         "date_at_time": "%(date)s alle %(time)s",
-        "few_seconds_ago": "pochi secondi fa",
         "hours_minutes_seconds_left": "%(hours)so %(minutes)sm %(seconds)ss rimasti",
-        "in_about_day": "circa un giorno da adesso",
-        "in_about_hour": "circa un'ora da adesso",
-        "in_about_minute": "circa un minuto da adesso",
-        "in_few_seconds": "pochi secondi da adesso",
-        "in_n_days": "%(num)s giorni da adesso",
-        "in_n_hours": "%(num)s ore da adesso",
-        "in_n_minutes": "%(num)s minuti da adesso",
         "left": "%(timeRemaining)s rimasti",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss rimasti",
-        "n_days_ago": "%(num)s giorni fa",
-        "n_hours_ago": "%(num)s ore fa",
-        "n_minutes_ago": "%(num)s minuti fa",
         "seconds_left": "%(seconds)ss rimanenti",
         "short_days": "%(value)sg",
         "short_days_hours_minutes_seconds": "%(days)sg %(hours)so %(minutes)sm %(seconds)ss",
@@ -2899,8 +2868,7 @@
         "m.audio": {
             "error_downloading_audio": "Errore di scaricamento dell'audio",
             "error_processing_audio": "Errore elaborazione messaggio audio",
-            "error_processing_voice_message": "Errore di elaborazione del vocale",
-            "unnamed_audio": "Audio senza nome"
+            "error_processing_voice_message": "Errore di elaborazione del vocale"
         },
         "m.beacon_info": {
             "view_live_location": "Vedi posizione in tempo reale"
@@ -3451,7 +3419,6 @@
         "hide_sidebar_button": "Nascondi barra laterale",
         "input_devices": "Dispositivi di input",
         "jitsi_call": "Conferenza Jitsi",
-        "join_button_tooltip_call_full": "Spiacenti — questa chiamata è piena",
         "legacy_call": "Chiamata legacy",
         "maximise": "Riempi schermo",
         "maximise_call": "Massimizza la chiamata",
diff --git a/src/i18n/strings/ja.json b/src/i18n/strings/ja.json
index 0bdb4d18ff..a3cbe1439d 100644
--- a/src/i18n/strings/ja.json
+++ b/src/i18n/strings/ja.json
@@ -78,9 +78,7 @@
         "next": "次へ",
         "no": "いいえ",
         "open": "開く",
-        "pause": "一時停止",
         "pin": "ピン",
-        "play": "再生",
         "quote": "引用",
         "react": "リアクション",
         "refresh": "再読み込み",
@@ -1186,7 +1184,6 @@
     "labs": {
         "automatic_debug_logs": "エラーが生じた際に、自動的にデバッグログを送信",
         "automatic_debug_logs_decryption": "復号化エラーが生じた際に、自動的にデバッグログを送信",
-        "automatic_debug_logs_key_backup": "鍵のバックアップが機能していない際に、自動的にデバッグログを送信",
         "beta_description": "%(brand)sのラボでは、最新の機能をいち早く使用したり、テストしたりできるほか、機能が実際にリリースされる前の改善作業を支援することができます。",
         "beta_feature": "この機能はベータ版です",
         "beta_feedback_leave_button": "ベータ版の使用を終了するには、設定を開いてください。",
@@ -1640,18 +1637,6 @@
         "read_topic": "クリックしてトピックを読む",
         "rejecting": "招待を拒否しています…",
         "rejoin_button": "再参加",
-        "status_bar": {
-            "delete_all": "全て削除",
-            "exceeded_resource_limit": "このホームサーバーがリソース制限を超えたため、メッセージを送信できませんでした。サービスを引き続き使用するには、<a>サービスの管理者にお問い合わせ</a>ください。",
-            "homeserver_blocked": "このホームサーバーが管理者によりブロックされているため、メッセージを送信できませんでした。サービスを引き続き使用するには、<a>サービスの管理者にお問い合わせ</a>ください。",
-            "monthly_user_limit_reached": "このホームサーバーが月間アクティブユーザー制限を超えたため、メッセージを送信できませんでした。サービスを引き続き使用するには、<a>サービスの管理者にお問い合わせ</a>ください。",
-            "requires_consent_agreement": "<consentLink>利用規約</consentLink> を確認して同意するまでは、いかなるメッセージも送信できません。",
-            "retry_all": "全て再試行",
-            "select_messages_to_retry": "全てのメッセージ、あるいは個別のメッセージを選択して、再送を試みるか削除することができます",
-            "server_connectivity_lost_description": "送信されたメッセージは、接続が復旧するまで保存されます。",
-            "server_connectivity_lost_title": "サーバーとの接続が失われました。",
-            "some_messages_not_sent": "いくつかのメッセージが送信されませんでした"
-        },
         "unread_notifications_predecessor": {
             "one": "このルームの以前のバージョンに、未読の通知が%(count)s件あります。",
             "other": "このルームの以前のバージョンに、未読の通知が%(count)s件あります。"
@@ -1867,7 +1852,6 @@
             "error_join_rule_change_unknown": "不明なエラー",
             "guest_access_warning": "サポートしているクライアントから、登録済のアカウントを使用せずルームに参加できるようになります。",
             "history_visibility_invited": "メンバーのみ（招待を送った時点から）",
-            "history_visibility_joined": "メンバーのみ（参加した時点から）",
             "history_visibility_legend": "履歴の閲覧権限",
             "history_visibility_shared": "メンバーのみ（この設定を選択した時点から）",
             "history_visibility_warning": "履歴の閲覧権限に関する変更は、今後、このルームで表示されるメッセージにのみ適用されます。既存の履歴の見え方には影響しません。",
@@ -2582,24 +2566,10 @@
         "show_thread_filter": "表示："
     },
     "time": {
-        "about_day_ago": "約1日前",
-        "about_hour_ago": "約1時間前",
-        "about_minute_ago": "約1分前",
         "date_at_time": "%(date)s %(time)s",
-        "few_seconds_ago": "数秒前",
         "hours_minutes_seconds_left": "残り%(hours)s時間%(minutes)s分%(seconds)s秒",
-        "in_about_day": "今から約1日前",
-        "in_about_hour": "今から約1時間前",
-        "in_about_minute": "今から約1分前",
-        "in_few_seconds": "今から数秒前",
-        "in_n_days": "今から%(num)s日前",
-        "in_n_hours": "今から%(num)s時間前",
-        "in_n_minutes": "今から%(num)s分前",
         "left": "残り%(timeRemaining)s",
         "minutes_seconds_left": "残り%(minutes)s分%(seconds)s秒",
-        "n_days_ago": "%(num)s日前",
-        "n_hours_ago": "%(num)s時間前",
-        "n_minutes_ago": "%(num)s分前",
         "seconds_left": "残り%(seconds)s秒",
         "short_days": "%(value)s日",
         "short_days_hours_minutes_seconds": "%(days)s日%(hours)s時%(minutes)s分%(seconds)s秒",
@@ -2643,8 +2613,7 @@
         "m.audio": {
             "error_downloading_audio": "音声をダウンロードする際にエラーが発生しました",
             "error_processing_audio": "音声メッセージを処理する際にエラーが発生しました",
-            "error_processing_voice_message": "音声メッセージを処理する際にエラーが発生しました",
-            "unnamed_audio": "名前のない音声"
+            "error_processing_voice_message": "音声メッセージを処理する際にエラーが発生しました"
         },
         "m.beacon_info": {
             "view_live_location": "位置情報（ライブ）を表示"
@@ -3172,7 +3141,6 @@
         "hangup": "電話を切る",
         "hide_sidebar_button": "サイドバーを表示しない",
         "input_devices": "入力装置",
-        "join_button_tooltip_call_full": "すみません ― この通話は現在満員です",
         "maximise": "全画面",
         "misconfigured_server": "サーバーの不正な設定のため通話に失敗しました",
         "misconfigured_server_description": "安定した通話のために、ホームサーバー（<code>%(homeserverDomain)s</code>）の管理者にTURNサーバーの設定を依頼してください。",
diff --git a/src/i18n/strings/ka.json b/src/i18n/strings/ka.json
index f7413dc821..f159a86ae4 100644
--- a/src/i18n/strings/ka.json
+++ b/src/i18n/strings/ka.json
@@ -67,9 +67,7 @@
         "next": "შემდეგი",
         "no": "არა",
         "ok": "OK",
-        "pause": "პაუზა",
         "pin": "$",
-        "play": "დაკვრა",
         "proceed": "განაგრძეთ",
         "quote": "ციტირება",
         "react": "რეაგირება",
@@ -982,7 +980,6 @@
         "ask_to_join": "ჩართეთ შეერთების მოთხოვნა",
         "automatic_debug_logs": "ავტომატურად გაგზავნეთ გამართვის ჟურნალი ნებისმიერი შეცდომის შესახებ",
         "automatic_debug_logs_decryption": "გაშიფვრის შეცდომებზე გამართვის ჟურნალების ავტომატურად გაგზავნა",
-        "automatic_debug_logs_key_backup": "გამართვის ჟურნალების ავტომატურად გაგზავნა, როდესაც გასაღების სარეზერვო ასლი არ მუშაობს",
         "beta_description": "რა არის შემდეგი%(brand)s ? ლაბორატორიები საუკეთესო საშუალებაა ნივთების ადრეულ ეტაპზე მისაღებად, ახალი ფუნქციების შესამოწმებლად და მათ ჩამოყალიბებაში, სანამ ისინი რეალურად დაიწყება.",
         "beta_feature": "ეს არის ბეტა ფუნქცია",
         "beta_feedback_leave_button": "ბეტადან გასასვლელად ეწვიეთ თქვენს პარამეტრებს.",
@@ -1210,7 +1207,6 @@
         "dm_invite_title": "გსურთ ესაუბროთ%(user)s ?",
         "drop_file_prompt": "ჩამოაგდეთ ფაილი აქ ასატვირთად",
         "edit_topic": "თემის რედაქტირება",
-        "error_3pid_invite_email_lookup": "მომხმარებლის ელფოსტით პოვნა შეუძლებელია",
         "error_cancel_knock_title": "გაუქმება ვერ მოხერხდა",
         "error_join_403": "ამ ოთახში შესასვლელად მოწვევა გჭირდებათ.",
         "error_join_404_1": "თქვენ სცადეთ შეერთება ოთახის ID-ის გამოყენებით, სერვერების სიის მოწოდების გარეშე, რომელთა მეშვეობითაც შეგიძლიათ შეუერთდეთ. ოთახის ID არის შიდა იდენტიფიკატორი და არ შეიძლება გამოყენებულ იქნას ოთახთან შესაერთებლად დამატებითი ინფორმაციის გარეშე.",
@@ -1320,18 +1316,6 @@
             "all_rooms_button": "მოძებნეთ ყველა ოთახი",
             "this_room_button": "მოძებნეთ ეს ოთახი"
         },
-        "status_bar": {
-            "delete_all": "წაშალე ყველა",
-            "exceeded_resource_limit": "თქვენი შეტყობინება არ გაიგზავნა, რადგან ამ სახლის სერვერმა გადააჭარბა რესურსის ლიმიტს. გთხოვთ<a> დაუკავშირდით თქვენი სერვისის ადმინისტრატორს</a> სერვისით სარგებლობის გასაგრძელებლად.",
-            "homeserver_blocked": "თქვენი შეტყობინება არ გაიგზავნა, რადგან ეს სახლის სერვერი დაბლოკილია მისი ადმინისტრატორის მიერ. გთხოვთ<a> დაუკავშირდით თქვენი სერვისის ადმინისტრატორს</a> სერვისით სარგებლობის გასაგრძელებლად.",
-            "monthly_user_limit_reached": "თქვენი შეტყობინება არ გაიგზავნა, რადგან ამ სახლის სერვერმა მიაღწია აქტიური მომხმარებლის ყოველთვიურ ლიმიტს. გთხოვთ<a> დაუკავშირდით თქვენი სერვისის ადმინისტრატორს</a> სერვისით სარგებლობის გასაგრძელებლად.",
-            "requires_consent_agreement": "სანამ არ განიხილავთ და არ დაეთანხმებით შეტყობინებას ვერ გაგზავნით<consentLink> ჩვენი წესები და პირობები</consentLink> .",
-            "retry_all": "ხელახლა სცადე ყველა",
-            "select_messages_to_retry": "თქვენ შეგიძლიათ აირჩიოთ ყველა ან ცალკეული შეტყობინება ხელახლა საცდელად ან წასაშლელად",
-            "server_connectivity_lost_description": "გაგზავნილი შეტყობინებები შეინახება სანამ თქვენი კავშირი არ დაბრუნდება.",
-            "server_connectivity_lost_title": "სერვერთან კავშირი დაიკარგა.",
-            "some_messages_not_sent": "ზოგიერთი თქვენი შეტყობინება არ არის გაგზავნილი"
-        },
         "unknown_status_code_for_timeline_jump": "უცნობი სტატუსის კოდი",
         "unread_notifications_predecessor": {
             "one": "თქვენ გაქვთ%(count)s წაუკითხავი შეტყობინება ამ ოთახის წინა ვერსიაში.",
@@ -1526,7 +1510,6 @@
             "error_join_rule_change_unknown": "უცნობი მარცხი",
             "guest_access_warning": "მხარდაჭერილი კლიენტების მქონე პირები შეძლებენ ოთახში გაწევრიანებას რეგისტრირებული ანგარიშის გარეშე.",
             "history_visibility_invited": "მხოლოდ წევრები (რადგან ისინი მოწვეულნი იყვნენ)",
-            "history_visibility_joined": "მხოლოდ წევრები (მას შემდეგ, რაც ისინი შეუერთდნენ)",
             "history_visibility_legend": "ვის შეუძლია ისტორიის წაკითხვა?",
             "history_visibility_shared": "მხოლოდ წევრები (ამ ვარიანტის არჩევის მომენტიდან)",
             "history_visibility_warning": "ცვლილებები იმაში, ვისაც შეუძლია ისტორიის წაკითხვა, გავრცელდება მხოლოდ ამ ოთახში მომავალ შეტყობინებებზე. არსებული ისტორიის ხილვადობა უცვლელი იქნება.",
@@ -2194,24 +2177,10 @@
     },
     "thread_view_back_action_label": "თემაში დაბრუნება",
     "time": {
-        "about_day_ago": "დაახლოებით ერთი დღის წინ",
-        "about_hour_ago": "დაახლოებით ერთი საათის წინ",
-        "about_minute_ago": "დაახლოებით ერთი წუთის წინ",
         "date_at_time": "%(date)s ზე %(time)s",
-        "few_seconds_ago": "რამდენიმე წამის წინ",
         "hours_minutes_seconds_left": "%(hours)sს %(minutes)sწთ %(seconds)sწმ დარჩა",
-        "in_about_day": "დაახლოებით ერთი დღის შემდეგ",
-        "in_about_hour": "დაახლოებით ერთი საათის შემდეგ",
-        "in_about_minute": "დაახლოებით ერთი წუთის შემდეგ",
-        "in_few_seconds": "რამდენიმე წამის შემდეგ",
-        "in_n_days": "%(num)sდღეებიდან",
-        "in_n_hours": "%(num)sსაათის შემდეგ",
-        "in_n_minutes": "%(num)sწუთის შემდეგ",
         "left": "%(timeRemaining)sდატოვა",
         "minutes_seconds_left": "%(minutes)sწთ %(seconds)sწმ დარჩა",
-        "n_days_ago": "%(num)sდღის წინ",
-        "n_hours_ago": "%(num)sსაათის წინ",
-        "n_minutes_ago": "%(num)sწუთის წინ",
         "seconds_left": "%(seconds)sწმ დარჩა",
         "short_days": "%(value)sდ",
         "short_days_hours_minutes_seconds": "%(days)sდ%(hours)s თ%(minutes)s მ%(seconds)s ს",
@@ -2255,8 +2224,7 @@
         "m.audio": {
             "error_downloading_audio": "შეცდომა აუდიოს ჩამოტვირთვისას",
             "error_processing_audio": "შეცდომა აუდიო შეტყობინების დამუშავებისას",
-            "error_processing_voice_message": "შეცდომა ხმოვანი შეტყობინების დამუშავებისას",
-            "unnamed_audio": "უსახელო აუდიო"
+            "error_processing_voice_message": "შეცდომა ხმოვანი შეტყობინების დამუშავებისას"
         },
         "m.beacon_info": {
             "view_live_location": ""
@@ -2707,7 +2675,6 @@
         "hangup": "დაიკიდე",
         "hide_sidebar_button": "გვერდითი ზოლის დამალვა",
         "input_devices": "შეყვანის მოწყობილობები",
-        "join_button_tooltip_call_full": "უკაცრავად - ეს ზარი ამჟამად სავსეა",
         "maximise": "ეკრანის შევსება",
         "misconfigured_server": "ზარი ვერ მოხერხდა სერვერის არასწორი კონფიგურაციის გამო",
         "misconfigured_server_description": "გთხოვთ, ჰკითხოთ თქვენი სახლის სერვერის ადმინისტრატორს (<code>%(homeserverDomain)s</code> ) TURN სერვერის კონფიგურაცია, რათა ზარებმა საიმედოდ იმუშაოს.",
diff --git a/src/i18n/strings/ko.json b/src/i18n/strings/ko.json
index 7ff568c560..64bfe96d6b 100644
--- a/src/i18n/strings/ko.json
+++ b/src/i18n/strings/ko.json
@@ -4,22 +4,12 @@
         "jump_first_invite": "첫 초대로 건너뜁니다.",
         "message_composer": "메세지 작성자",
         "n_unread_messages": {
-            "%(count)s개의 읽지 않은 메시지.": "other",
-            "1개의 읽지 않은 메시지.": "one"
+            "other": "읽지 않은 메시지 %(count)s개."
         },
         "n_unread_messages_mentions": {
-            "언급을 포함한 %(count)s개의 읽지 않은 메시지.": "other",
-            "1개의 읽지 않은 언급.": "one"
+            "other": "읽지 않은 메시지 %(count)s개 (멘션 포함)."
         },
         "recent_rooms": "최근 방",
-        "room_messsage_not_sent": "%(roomName)s에 미발송 메시지가 있는 방을 엽니다.",
-        "room_n_unread_invite": "공개 방 %(roomName)s에 초대 되었습니다.",
-        "room_n_unread_messages": {
-            "other": "읽지 않은 메시지 %(count)s개가 있는 채팅방 %(roomName)s 열기"
-        },
-        "room_n_unread_messages_mentions": {
-            "other": "멘션을 포함해 읽지 않은 메시지 %(count)s개가 있는 채팅방 %(roomName)s 열기"
-        },
         "room_name": "%(name)s 방",
         "room_status_bar": "방 상태 표시줄",
         "seek_bar_label": "오디오 탐색 바",
@@ -97,10 +87,7 @@
         "no": "아니오",
         "ok": "네",
         "open": "열기",
-        "open_menu": "메뉴 열기",
-        "pause": "일시중지",
         "pin": "핀",
-        "play": "재생",
         "proceed": "진행",
         "quote": "인용",
         "react": "리액션",
@@ -469,8 +456,7 @@
         "all_chats": "모든 채팅",
         "analytics": "정보 분석",
         "and_n_others": {
-            "외 한 명...": "one",
-            "외 %(count)s명...": "other"
+            "other": "외 %(count)s명..."
         },
         "appearance": "모습",
         "application": "애플리케이션",
@@ -641,11 +627,11 @@
         "mode_plain": "서식 숨기기",
         "mode_rich_text": "서식 표시",
         "no_perms_notice": "이 방에 글을 올릴 권한이 없습니다",
-        "placeholder": "암호화되지 않은 메시지를 보내다…",
+        "placeholder": "암호화되지 않은 메시지 보내기",
         "placeholder_encrypted": "메시지 보내기",
-        "placeholder_reply": "암호화되지 않은 답장을 보내세요…",
+        "placeholder_reply": "암호화되지 않은 답장 보내기",
         "placeholder_reply_encrypted": "답변 보내기",
-        "placeholder_thread": "암호화되지 않은 스레드에 답장하기…",
+        "placeholder_thread": "암호화되지 않은 스레드에 답장하기",
         "placeholder_thread_encrypted": "스레드에 답글 달기…",
         "poll_button": "투표",
         "poll_button_no_perms_description": "이 방에서 투표를 시작할 권한이 없습니다.",
@@ -973,6 +959,7 @@
         "import_invalid_passphrase": "인증 확인 실패: 비밀번호를 틀리셨나요?",
         "key_storage_out_of_sync": "키 저장소가 동기화되지 않았습니다.",
         "key_storage_out_of_sync_description": "키 저장소 및 메시지 기록에 대한 액세스를 유지하려면 복구 키를 확인하세요.",
+        "message_shared_by": "메시지가 전송될 당시 방에 계시지 않아, %(displayName)s(%(userId)s)님이 이 메시지를 공유했습니다.",
         "messages_not_secure": {
             "cause_1": "당신의 홈 서버",
             "cause_2": "사용자가 확인 중인 홈 서버에 연결된 사용자",
@@ -1418,8 +1405,7 @@
         "other": "%(user)s 및 다른 %(count)s명 초대 중"
     },
     "items_and_n_others": {
-        "<Items/>님 외 한 명": "one",
-        "<Items/>님 외 %(count)s명": "other"
+        "other": "<Items/> 외 %(count)s명"
     },
     "keyboard": {
         "activate_button": "선택한 버튼 활성화",
@@ -1498,7 +1484,6 @@
         "ask_to_join": "참가 요청 허용",
         "automatic_debug_logs": "오류 발생 시 자동으로 디버그 로그를 전송합니다",
         "automatic_debug_logs_decryption": "복호화 오류 시 디버그 로그 자동 전송",
-        "automatic_debug_logs_key_backup": "키 백업이 작동하지 않을 때 디버그 로그를 자동으로 전송합니다",
         "beta_description": "%(brand)s 의 다음 단계는 무엇일까요? Labs는 새로운 기능을 가장 먼저 접하고 테스트해 볼 수 있는 최고의 방법이며, 정식 출시 전에 기능 개발에 기여할 수 있는 기회입니다.",
         "beta_feature": "이것은 베타 기능입니다",
         "beta_feedback_leave_button": "베타를 종료하려면 설정을 방문하세요.",
@@ -1707,7 +1692,6 @@
         "class_global": "글로벌",
         "class_other": "기타",
         "default": "기본",
-        "default_settings": "기본 설정과 일치",
         "email_pusher_app_display_name": "이메일 알림",
         "enable_prompt_toast_description": "데스크톱 알림 활성화",
         "enable_prompt_toast_title": "알림",
@@ -1726,8 +1710,7 @@
         "mentions_and_keywords_description": "<a>설정</a>에서 지정한 멘션과 키워드인 경우에만 알림을 받습니다",
         "mentions_keywords": "멘션 및 키워드",
         "message_didnt_send": "메시지가 전송되지 않았습니다. 자세한 내용은 클릭하세요.",
-        "mute_description": "어떤 알람도 받지 않습니다",
-        "mute_room": "채팅방 음소거"
+        "mute_description": "어떤 알람도 받지 않습니다"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s님이 인증을 요청하고 있습니다"
@@ -1965,7 +1948,6 @@
         "dm_invite_title": "%(user)s님과 대화하겠습니까?",
         "drop_file_prompt": "업로드할 파일을 여기에 놓으세요",
         "edit_topic": "주제 편집",
-        "error_3pid_invite_email_lookup": "이메일로 사용자를 찾을 수 없습니다",
         "error_cancel_knock_title": "취소 실패",
         "error_join_403": "이 방에 접근하려면 초대장이 필요합니다.",
         "error_join_404_1": "방 ID만 입력하고 연결할 서버 목록을 제공하지 않은 상태로 방에 참여하려고 시도했습니다. 방 ID는 내부 식별자이므로 추가 정보 없이는 방에 참여할 수 없습니다.",
@@ -1995,10 +1977,14 @@
         "forget_room": "이 방 지우기",
         "forget_space": "스페이지 지우기",
         "header": {
+            "join_video_call": "영상 통화 참여하기",
+            "join_voice_call": "음성 통화 참여",
             "n_people_asking_to_join": {
                 "other": "%(count)s명이 참여 요청 중"
             },
-            "room_is_public": "이 방은 공개되어 있습니다"
+            "room_is_public": "이 방은 공개되어 있습니다",
+            "shared_history_tooltip": "신규 회원은 기록을 볼 수 있습니다.",
+            "world_readable_history_tooltip": "누구나 히스토리를 볼 수 있습니다"
         },
         "header_avatar_open_settings_label": "채팅방 설정 열기",
         "header_face_pile_tooltip": "사람",
@@ -2092,21 +2078,9 @@
             },
             "this_room_button": "이 방을 검색하세요"
         },
-        "status_bar": {
-            "delete_all": "전체 삭제",
-            "exceeded_resource_limit": "이 홈서버가 리소스 한도를 초과했기 때문에 메시지를 보낼 수 없었습니다. 서비스를 계속 사용하려면 <a>서비스 관리자에게 연락</a>해주세요.",
-            "homeserver_blocked": "이 홈서버가 관리자에 의해 차단되어 메시지가 전송되지 않았습니다. 서비스를 계속 이용하려면 **<a>서비스 관리자에게 문의</a>**하세요.",
-            "monthly_user_limit_reached": "이 홈서버가 월 간 활성 사용자 한도를 초과했기 때문에 메시지를 보낼 수 없었습니다. 서비스를 계속 사용하려면 <a>서비스 관리자에게 연락</a>해주세요.",
-            "requires_consent_agreement": "<consentLink>이용 약관</consentLink>을 검토하고 동의하기 전까진 메시지를 보낼 수 없습니다.",
-            "retry_all": "전체 재시도",
-            "select_messages_to_retry": "모든 메시지 또는 개별 메시지를 선택하여 재시도하거나 삭제할 수 있습니다.",
-            "server_connectivity_lost_description": "보낸 메시지는 연결이 돌아올 때까지 저장됩니다.",
-            "server_connectivity_lost_title": "서버 연결이 끊어졌습니다.",
-            "some_messages_not_sent": "일부 메시지가 전송되지 않았습니다"
-        },
         "unknown_status_code_for_timeline_jump": "알 수 없는 상태 코드",
         "unread_notifications_predecessor": {
-            "이 방의 이전 버전에서 읽지 않은 %(count)s개의 알림이 있습니다.": "one"
+            "other": "이 방의 이전 버전에 읽지 않은 알림이 %(count)s개 있습니다."
         },
         "upgrade_error_description": "서버가 선택한 방 버전을 지원하는지 확인한 뒤에 다시 시도해주세요.",
         "upgrade_error_title": "방 업그레이드 오류",
@@ -2116,7 +2090,7 @@
         "upgrade_warning_bar_upgraded": "이 방은 이미 업그레이드됬습니다.",
         "upload": {
             "uploading_multiple_file": {
-                "%(filename)s 외 %(count)s개를 올리는 중": "other"
+                "other": "%(filename)s 외 %(count)s개 업로드 중"
             },
             "uploading_single_file": "%(filename)s을(를) 올리는 중"
         },
@@ -2129,37 +2103,9 @@
         "add_space_label": "스페이스 추가하기",
         "breadcrumbs_empty": "최근에 방문하지 않은 방 목록",
         "breadcrumbs_label": "최근 방문한 방 목록",
-        "collapse_filters": "필터 목록 접기",
-        "empty": {
-            "no_chats": "아직 채팅이 없습니다.",
-            "no_chats_description": "누군가에게 메시지를 보내거나 채팅방을 생성하여 시작하세요",
-            "no_chats_description_no_room_rights": "누군가에게 메시지를 보내서 시작하세요",
-            "no_favourites": "아직 즐겨찾는 채팅이 없습니다.",
-            "no_favourites_description": "채팅 설정에서 채팅을 즐겨찾기에 추가할 수 있습니다",
-            "no_invites": "읽지 않은 초대장이 없습니다",
-            "no_lowpriority": "우선순위가 낮은 채팅방이 없습니다.",
-            "no_mentions": "읽지 않은 멘션이 없습니다.",
-            "no_people": "아직 누구와도 직접 채팅을 하지 않았습니다",
-            "no_people_description": "다른 채팅을 보려면 필터 선택을 해제하세요.",
-            "no_rooms": "아직 어떤 채팅방에도 있지 않습니다",
-            "no_rooms_description": "다른 채팅을 보려면 필터 선택을 해제하세요.",
-            "no_unread": "축하합니다! 읽지 않은 메시지가 없습니다.",
-            "show_activity": "모든 활동 보기",
-            "show_chats": "모든 채팅 보기"
-        },
-        "expand_filters": "필터 목록 확장",
         "failed_add_tag": "방에 %(tagName)s 태그 추가에 실패함",
         "failed_remove_tag": "방에 %(tagName)s 태그 제거에 실패함",
         "failed_set_dm_tag": "다이렉트 메시지 태그 설정에 실패했습니다",
-        "filters": {
-            "favourite": "즐겨찾기",
-            "invites": "초대",
-            "low_priority": "낮은 우선순위",
-            "mentions": "멘션",
-            "people": "사람",
-            "rooms": "채팅방",
-            "unread": "읽지 않은 항목"
-        },
         "home_menu_label": "홈 옵션",
         "join_public_room_label": "공개 방 참가하기",
         "joining_rooms_status": {
@@ -2167,42 +2113,21 @@
         },
         "list_title": "채팅방 목록",
         "more_options": {
-            "copy_link": "채팅방 링크 복사",
-            "favourited": "즐겨찾기 됨",
-            "leave_room": "채팅방 떠나기",
-            "low_priority": "낮은 우선순위",
-            "mark_read": "읽음으로 표시",
-            "mark_unread": "읽지 않음으로 표시"
+            "leave_room": "채팅방 떠나기"
         },
         "notification_options": "알림 옵션",
-        "open_space_menu": "스페이스 메뉴 열기",
-        "primary_filters": "채팅방 목록 필터",
         "redacting_messages_status": {
             "other": "현재 %(count)s 방에서 메시지를 삭제 중입니다"
         },
-        "room": {
-            "more_options": "옵션 더보기",
-            "open_room": "채팅방 %(roomName)s 열기"
-        },
-        "room_options": "채팅방 옵션",
         "show_less": "간단히 표시",
         "show_n_more": {
-            "%(count)s개 더 보기": "other"
+            "other": "%(count)s개 더 보기"
         },
         "show_previews": "메시지 미리 보기 표시",
-        "sort": "정렬",
         "sort_by": "정렬 기준",
         "sort_by_activity": "활동내역",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "활동",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "읽지 않은 메시지가 있는 방을 먼저 표시",
-        "space_menu": {
-            "home": "스페이스 홈",
-            "space_settings": "스페이스 설정"
-        },
         "space_menu_label": "%(spaceName)s 메뉴",
         "sublist_options": "목록 옵션",
         "suggested_rooms_heading": "추천 방"
@@ -2385,12 +2310,11 @@
             "error_join_rule_change_title": "조인 규칙을 업데이트하지 못했습니다.",
             "error_join_rule_change_unknown": "알 수 없는 오류",
             "guest_access_warning": "지원되는 클라이언트를 사용하는 사용자는 등록된 계정이 없어도 방에 참여할 수 있습니다.",
-            "history_visibility_invited": "구성원만(구성원이 초대받은 시점부터)",
-            "history_visibility_joined": "구성원만(구성원들이 참여한 시점부터)",
+            "history_visibility_invited": "초대된 회원들",
             "history_visibility_legend": "누가 기록을 읽을 수 있나요?",
-            "history_visibility_shared": "구성원만(이 설정을 선택한 시점부터)",
-            "history_visibility_warning": "기존 기록의 공개 설정은 변경되지 않습니다",
-            "history_visibility_world_readable": "누구나",
+            "history_visibility_shared": "회원 (전체 기록)",
+            "history_visibility_warning": "변경 사항은 이전 메시지에는 영향을 주지 않으며, 새 메시지에만 적용됩니다. <a>자세히 알아보기</a>",
+            "history_visibility_world_readable": "누구나 (대화 기록 공개)\n",
             "join_rule_description": "%(roomName)s에 누가 참여할 수 있는지 설정합니다.",
             "join_rule_invite": "비공개 (초대 필요)",
             "join_rule_invite_description": "초대한 경우에만 참여할 수 있습니다.",
@@ -3330,24 +3254,10 @@
         "no_rooms_with_unread_threads": "아직 읽지 않은 스레드가 있는 방이 없습니다."
     },
     "time": {
-        "about_day_ago": "약 1일 전",
-        "about_hour_ago": "약 1 시간 전",
-        "about_minute_ago": "약 1분 전",
         "date_at_time": "%(date)s, %(time)s",
-        "few_seconds_ago": "몇 초 전",
         "hours_minutes_seconds_left": "남은 시간: %(hours)s시간 %(minutes)s분 %(seconds)s초",
-        "in_about_day": "하루 정도 후",
-        "in_about_hour": "지금부터 한 시간 정도 후에",
-        "in_about_minute": "지금부터 약 1분 후",
-        "in_few_seconds": "몇 초 후",
-        "in_n_days": "지금부터 %(num)s 일 후에",
-        "in_n_hours": "지금부터 %(num)s 시간 후",
-        "in_n_minutes": "지금부터 %(num)s분 후",
         "left": "%(timeRemaining)s 남음",
         "minutes_seconds_left": "남은 시간: %(minutes)s분 %(seconds)s초",
-        "n_days_ago": "%(num)s일 전",
-        "n_hours_ago": "%(num)s 시간 전",
-        "n_minutes_ago": "%(num)s분 전",
         "seconds_left": "남은 시간: %(seconds)s초",
         "short_days": "%(value)s일",
         "short_days_hours_minutes_seconds": "%(days)s일 %(hours)s시간 %(minutes)s분 %(seconds)s초",
@@ -3371,12 +3281,7 @@
         "creation_summary_dm": "%(creator)s 이 DM을 생성했습니다.",
         "creation_summary_room": "%(creator)s님이 방을 만드고 설정했습니다.",
         "decryption_failure": {
-            "blocked": "발신자가 귀하의 기기가 인증되지 않았기 때문에 이 메시지를 수신하지 못하도록 차단했습니다.",
-            "historical_event_no_key_backup": "이 기기에서는 과거 메시지를 확인할 수 없습니다.",
-            "historical_event_unverified_device": "이 기기를 인증해야 과거 메시지에 접근할 수 있습니다",
-            "historical_event_user_not_joined": "이 메시지에 액세스할 수 없습니다.",
             "sender_identity_previously_verified": "발신자의 확인된 신원이 재설정되었습니다.",
-            "sender_unsigned_device": "보안되지 않은 기기에서 전송됨.",
             "unable_to_decrypt": "메시지를 해독할 수 없습니다."
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3402,11 +3307,9 @@
             "unable_to_find": "이 방의 타임라인에서 특정 시점을 불러오려고 했지만, 찾을 수 없었습니다."
         },
         "m.audio": {
-            "audio_player": "오디오 플레이어",
             "error_downloading_audio": "오디오 다운로드 중 오류 발생",
             "error_processing_audio": "오디오 메시지 처리 중 오류 발생",
-            "error_processing_voice_message": "음성 메시지 처리 중 오류 발생",
-            "unnamed_audio": "이름 없는 오디오"
+            "error_processing_voice_message": "음성 메시지 처리 중 오류 발생"
         },
         "m.beacon_info": {
             "view_live_location": "실시간 위치 보기"
@@ -3655,12 +3558,10 @@
         "send_state_sent": "귀하의 메시지가 전송되었습니다",
         "summary": {
             "banned": {
-                "님이 %(count)s번 출입 금지 당했습니다": "other",
-                "님이 출입 금지 당했습니다": "one"
+                "other": "%(count)s번 차단되었습니다"
             },
             "banned_multiple": {
-                "이 %(count)s번 출입 금지 당했습니다": "other",
-                "이 출입 금지 당했습니다": "one"
+                "other": "%(count)s번 차단되었습니다"
             },
             "changed_avatar": {
                 "other": "%(oneUser)s님이 프로필 사진을 %(count)s회 변경했습니다"
@@ -3669,12 +3570,10 @@
                 "other": "%(severalUsers)s님이 프로필 사진을 %(count)s회 변경했습니다"
             },
             "changed_name": {
-                "%(oneUser)s님이 이름을 %(count)s번 바꿨습니다": "other",
-                "%(oneUser)s님이 이름을 바꿨습니다": "one"
+                "other": "%(oneUser)s님이 이름을 %(count)s번 변경했습니다."
             },
             "changed_name_multiple": {
-                "%(severalUsers)s이 이름을 %(count)s번 바꿨습니다": "other",
-                "%(severalUsers)s이 이름을 바꿨습니다": "one"
+                "other": "%(severalUsers)s님이 이름을 %(count)s번 변경했습니다."
             },
             "format": "%(nameList)s %(transitionList)s",
             "hidden_event": {
@@ -3684,36 +3583,28 @@
                 "other": "%(severalUsers)s님이 숨겨진 메시지 %(count)s개를 보냈습니다"
             },
             "invite_withdrawn": {
-                "%(oneUser)s님이 초대를 %(count)s번 취소했습니다": "other",
-                "%(oneUser)s님이 초대를 취소했습니다": "one"
+                "other": "%(oneUser)s님의 초대가 %(count)s번 취소되었습니다."
             },
             "invite_withdrawn_multiple": {
-                "%(severalUsers)s이 초대를 %(count)s번 취소했습니다": "other",
-                "%(severalUsers)s이 초대를 취소했습니다": "one"
+                "other": "%(severalUsers)s님의 초대가 %(count)s번 취소되었습니다."
             },
             "invited": {
-                "님이 초대받았습니다": "one",
-                "님이 %(count)s번 초대받았습니다": "other"
+                "other": "%(count)s번 초대되었습니다"
             },
             "invited_multiple": {
-                "%(count)s번 초대했습니다": "other",
-                "초대했습니다": "one"
+                "other": "%(count)s번 초대되었습니다"
             },
             "joined": {
-                "%(oneUser)s님이 %(count)s번 참여했습니다": "other",
-                "%(oneUser)s님이 참여했습니다": "one"
+                "other": "%(oneUser)s님이 %(count)s번 참여했습니다."
             },
             "joined_and_left": {
-                "%(oneUser)s님이 %(count)s번 참여하고 떠났습니다": "other",
-                "%(oneUser)s님이 참여하고 떠났습니다": "one"
+                "other": "%(oneUser)s님이 %(count)s번 참여하고 나갔습니다."
             },
             "joined_and_left_multiple": {
-                "%(severalUsers)s님이 %(count)s번 참여하고 떠났습니다": "other",
-                "%(severalUsers)s님이 참여하고 떠났습니다": "one"
+                "other": "%(severalUsers)s님이 %(count)s번 참여하고 나갔습니다."
             },
             "joined_multiple": {
-                "%(severalUsers)s님이 참여했습니다": "one",
-                "%(severalUsers)s이 %(count)s번 참여했습니다": "other"
+                "other": "%(severalUsers)s님이 %(count)s번 참여했습니다."
             },
             "kicked": {
                 "other": "%(count)s회 제거됨"
@@ -3722,20 +3613,16 @@
                 "other": "%(count)s회 제거됨"
             },
             "left": {
-                "%(oneUser)s님이 %(count)s번 떠났습니다": "other",
-                "%(oneUser)s님이 떠났습니다": "one"
+                "other": "%(oneUser)s님이 %(count)s번 나갔습니다."
             },
             "left_multiple": {
-                "%(severalUsers)s이 %(count)s번 떠났습니다": "other",
-                "%(severalUsers)s이 떠났습니다": "one"
+                "other": "%(severalUsers)s님이 %(count)s번 나갔습니다."
             },
             "no_change": {
-                "%(oneUser)s님이 %(count)s번 변경 사항을 되돌렸습니다": "other",
-                "%(oneUser)s님이 변경 사항을 되돌렸습니다": "one"
+                "other": "%(oneUser)s님이 변경 사항 없이 %(count)s번 저장했습니다."
             },
             "no_change_multiple": {
-                "%(severalUsers)s이 %(count)s번 변경 사항을 되돌렸습니다": "other",
-                "%(severalUsers)s이 변경 사항을 되돌렸습니다": "one"
+                "other": "%(severalUsers)s님이 변경 사항 없이 %(count)s번 저장했습니다."
             },
             "pinned_events": {
                 "other": "%(oneUser)s님이 이 채팅방의 <a>고정된 메시지</a>를 %(count)s회 변경했습니다"
@@ -3750,20 +3637,16 @@
                 "other": "%(severalUsers)s님이 메시지 %(count)s개를 삭제했습니다"
             },
             "rejected_invite": {
-                "%(oneUser)s님이 초대를 %(count)s번 거절했습니다": "other",
-                "%(oneUser)s님이 초대를 거절했습니다": "one"
+                "other": "%(oneUser)s님이 초대를 %(count)s번 거절했습니다."
             },
             "rejected_invite_multiple": {
-                "%(severalUsers)s이 초대를 거절했습니다": "one",
-                "%(severalUsers)s이 초대를 %(count)s번 거절했습니다": "other"
+                "other": "%(severalUsers)s님이 초대를 %(count)s번 거절했습니다."
             },
             "rejoined": {
-                "%(oneUser)s님이 %(count)s번 떠나고 다시 참여했습니다": "other",
-                "%(oneUser)s님이 떠나고 다시 참여했습니다": "one"
+                "other": "%(oneUser)s님이 나갔다가 %(count)s번 다시 참여했습니다."
             },
             "rejoined_multiple": {
-                "%(severalUsers)s님이 떠나고 다시 참여했습니다": "one",
-                "%(severalUsers)s님이 %(count)s번 떠나고 다시 참여했습니다": "other"
+                "other": "%(severalUsers)s님이 나갔다가 %(count)s번 다시 참여했습니다."
             },
             "server_acls": {
                 "other": "%(oneUser)s님이 서버 ACL을 %(count)s회 변경했습니다."
@@ -3781,8 +3664,7 @@
         "thread_info_basic": "한 스레드에서",
         "typing_indicator": {
             "more_users": {
-                "%(names)s 외 %(count)s명이 적고 있습니다 …": "other",
-                "%(names)s 외 한 명이 적고 있습니다 …": "one"
+                "other": "%(names)s님 외 %(count)s명이 입력 중입니다 …"
             },
             "one_user": "%(displayName)s님이 적고 있습니다 …",
             "two_users": "%(names)s님과 %(lastPerson)s님이 적고 있습니다 …"
@@ -3796,7 +3678,7 @@
         }
     },
     "truncated_list_n_more": {
-        "%(count)s개 더...": "other"
+        "other": "외 %(count)s개 더..."
     },
     "unsupported_browser": {
         "description": "계속 진행할 경우 일부 기능이 작동하지 않을 수 있으며, 향후 데이터 손실 위험이 있습니다. %(brand)s 을 계속 사용하려면 브라우저를 업데이트하십시오.",
@@ -3840,7 +3722,7 @@
         "title_progress": "파일 업로드 (총 %(total)s개 중 %(current)s개)",
         "upload_all_button": "전부 업로드",
         "upload_n_others_button": {
-            "%(count)s개의 다른 파일 업로드": "one"
+            "other": "그 외 파일 %(count)s개 업로드"
         }
     },
     "user_info": {
@@ -3880,8 +3762,7 @@
         "promote_warning": "사용자를 자신과 같은 권한 등급으로 올리는 것은 취소할 수 없습니다.",
         "redact": {
             "confirm_button": {
-                "%(count)s개의 메시지 삭제": "other",
-                "1개의 메시지 삭제": "one"
+                "other": "메시지 %(count)s개 삭제"
             },
             "confirm_description_1": {
                 "other": "%(user)s님이 작성한 %(count)s개의 메시지를 삭제하려고 합니다. 이 작업은 되돌릴 수 없으며, 대화에 참여한 모든 사용자에게서 해당 메시지가 영구적으로 삭제됩니다. 계속하시겠습니까?"
@@ -3960,7 +3841,6 @@
         "hide_sidebar_button": "사이드바 숨기기",
         "input_devices": "입력 장치",
         "jitsi_call": "Jitsi 화상 회의",
-        "join_button_tooltip_call_full": "죄송합니다 — 현재 통화 중입니다",
         "legacy_call": "레거시 콜",
         "maximise": "화면 채우기",
         "maximise_call": "통화 최대화",
diff --git a/src/i18n/strings/lo.json b/src/i18n/strings/lo.json
index 14ed5f7f1f..ce30f1322c 100644
--- a/src/i18n/strings/lo.json
+++ b/src/i18n/strings/lo.json
@@ -75,9 +75,7 @@
         "no": "ບໍ່",
         "ok": "ຕົກລົງ",
         "open": "ເປີດ",
-        "pause": "ຢຸດຊົ່ວຄາວ",
         "pin": "ປັກໝຸດ",
-        "play": "ຫຼິ້ນ",
         "quote": "ວົງຢືມ",
         "react": "ປະຕິກິລິຍາ",
         "refresh": "ໂຫຼດຫນ້າຈໍຄືນ",
@@ -1077,7 +1075,6 @@
     "labs": {
         "automatic_debug_logs": "ສົ່ງບັນທຶກ ບັນຫາບັກ ໂດຍອັດຕະໂນມັດກ່ຽວກັບຂໍ້ຜິດພາດໃດໆ",
         "automatic_debug_logs_decryption": "ສົ່ງບັນທຶກການດີບັ໊ກໂດຍອັດຕະໂນມັດໃນຄວາມຜິດພາດການຖອດລະຫັດ",
-        "automatic_debug_logs_key_backup": "ສົ່ງບັນທຶກການດີບັ໊ກໂດຍອັດຕະໂນມັດເມື່ອການສຳຮອງຂໍ້ມູນກະແຈບໍ່ເຮັດວຽກ",
         "beta_feature": "ນີ້ແມ່ນຄຸນສົມບັດເບຕ້າ",
         "beta_feedback_leave_button": "ເພື່ອອອກຈາກເບຕ້າ, ໃຫ້ເຂົ້າໄປທີ່ການຕັ້ງຄ່າຂອງທ່ານ.",
         "beta_feedback_title": "%(featureName)s ຄຳຕິຊົມເບຕ້າ",
@@ -1478,18 +1475,6 @@
         "peek_join_prompt": "ທ່ານກຳລັງເບິ່ງຕົວຢ່າງ %(roomName)s. ຕ້ອງການເຂົ້າຮ່ວມບໍ?",
         "read_topic": "ກົດເພື່ອອ່ານຫົວຂໍ້",
         "rejoin_button": "ເຂົ້າຮ່ວມອີກຄັ້ງ",
-        "status_bar": {
-            "delete_all": "ລົບທັງຫມົດ",
-            "exceeded_resource_limit": "ຂໍ້ຄວາມຂອງທ່ານບໍ່ຖືກສົ່ງເນື່ອງຈາກ homeserver ນີ້ເກີນຂອບເຂດຈໍາກັດ. ກະລຸນາ <a>ຕິດຕໍ່ຜູູ້ຄຸມຄອງການບໍລິການຂອງທ່ານ</a> ເພື່ອສືບຕໍ່ໃຊ້ບໍລິການ.",
-            "homeserver_blocked": "ຂໍ້ຄວາມທ່ານຍັງບໍ່ໄດ້ຖືກສົ່ງໄປຍ້ອນວ່າສູນບັນຊາການນີ້ຖືກໂຈະໂດຍຜູ້ຄຸ້ມຄອງລະບົບ. ກະລຸນາ <a> ຕິດຕໍ່ຜູ້ຄຸ້ມຄອງລະບົບຂອງທ່ານ</a>ເພື່ອສືບຕໍ່ນຳໃຊ້ບໍລິການ.",
-            "monthly_user_limit_reached": "ຂໍ້ຄວາມຂອງທ່ານບໍ່ຖືກສົ່ງເນື່ອງຈາກ homeserver ນີ້ຮອດຂີດຈຳກັດສູງສູດຜູ້ໃຊ້ລາຍເດືອນແລ້ວ. ກະລຸນາ <a>ຕິດຕໍ່ຜູ້ເບິ່ງຄຸ້ມຄອງການບໍລິການຂອງທ່ານ</a> ເພື່ອສືບຕໍ່ໃຊ້ບໍລິການ.",
-            "requires_consent_agreement": "ທ່ານບໍ່ສາມາດສົ່ງຂໍ້ຄວາມໄດ້ຈົນກ່ວາທ່ານຈະທົບທວນຄືນ ແລະ ຕົກລົງເຫັນດີກັບ <consentLink>ຂໍ້ກໍານົດແລະເງື່ອນໄຂຂອງພວກເຮົາ</consentLink>.",
-            "retry_all": "ລອງໃໝ່ທັງໝົດ",
-            "select_messages_to_retry": "ທ່ານສາມາດເລືອກເອົາທັງຫມົດ ຫຼື ຂໍ້ຄວາມແຕ່ລະຄົນເພື່ອລອງໃຫມ່ ຫຼື ລຶບ",
-            "server_connectivity_lost_description": "ຂໍ້ຄວາມທີ່ສົ່ງຈະຖືກເກັບໄວ້ຈົນກ່ວາການເຊື່ອມຕໍ່ຂອງທ່ານກັບຄືນມາ.",
-            "server_connectivity_lost_title": "ການເຊື່ອມຕໍ່ກັບເຊີບເວີໄດ້ສູນຫາຍໄປ.",
-            "some_messages_not_sent": "ບາງຂໍ້ຄວາມຂອງທ່ານຍັງບໍ່ຖືກສົ່ງ"
-        },
         "unread_notifications_predecessor": {
             "one": "ທ່ານມີ %(count)s ການແຈ້ງເຕືອນທີ່ຍັງບໍ່ໄດ້ອ່ານຢູ່ໃນສະບັບກ່ອນໜ້າຂອງຫ້ອງນີ້.",
             "other": "ທ່ານມີ %(count)s ການແຈ້ງເຕືອນທີ່ຍັງບໍ່ໄດ້ອ່ານຢູ່ໃນສະບັບກ່ອນໜ້າຂອງຫ້ອງນີ້."
@@ -1696,7 +1681,6 @@
             "error_join_rule_change_unknown": "ຄວາມລົ້ມເຫຼວທີ່ບໍ່ຮູ້ສາເຫດ",
             "guest_access_warning": "ຄົນທີ່ມີລູກຄ້າສະຫນັບສະຫນູນຈະສາມາດເຂົ້າຮ່ວມຫ້ອງໄດ້ໂດຍບໍ່ຕ້ອງມີບັນຊີລົງທະບຽນ.",
             "history_visibility_invited": "ສະເພາະສະມາຊິກເທົ່ານັ້ນ (ນັບແຕ່ພວກເຂົາຖືກເຊີນ)",
-            "history_visibility_joined": "ສະເພາະສະມາຊິກເທົ່ານັ້ນ (ນັບແຕ່ພວກເຂົາເຂົ້າຮ່ວມ)",
             "history_visibility_legend": "ຜູ້ໃດອ່ານປະຫວັດໄດ້?",
             "history_visibility_shared": "(ນັບແຕ່ຊ່ວງເວລາຂອງການເລືອກນີ້) ສຳລັບສະມາຊິກເທົ່ານັ້ນ",
             "history_visibility_warning": "ການປ່ຽນແປງຜູ້ທີ່ອ່ານປະຫວັດຈະມີຜົນກັບຂໍ້ຄວາມໃນອະນາຄົດທີ່ຢູ່ໃນຫ້ອງນີ້ເທົ່ານັ້ນ.",
@@ -2287,21 +2271,7 @@
         "show_thread_filter": "ສະແດງ:"
     },
     "time": {
-        "about_day_ago": "ປະມານຫນຶ່ງມື້ກ່ອນຫນ້ານີ້",
-        "about_hour_ago": "ປະມານຫນຶ່ງຊົ່ວໂມງກ່ອນຫນ້ານີ້",
-        "about_minute_ago": "ປະມານໜຶ່ງວິນາທີກ່ອນຫນ້ານີ້",
-        "few_seconds_ago": "ສອງສາມວິນາທີກ່ອນຫນ້ານີ້",
-        "in_about_day": "ປະມານນຶ່ງມື້ຈາກນີ້",
-        "in_about_hour": "ປະມານຫນຶ່ງຊົ່ວໂມງຈາກປະຈຸບັນນີ້",
-        "in_about_minute": "ປະມານໜຶ່ງນາທີຕໍ່ຈາກນີ້",
-        "in_few_seconds": "ສອງສາມວິນາທີຕໍ່ຈາກນີ້ໄປ",
-        "in_n_days": "%(num)s ມື້ຕໍ່ຈາກນີ້",
-        "in_n_hours": "%(num)s ຊົ່ວໂມງຈາກປະຈຸບັນນີ້",
-        "in_n_minutes": "%(num)s ນາທີຕໍ່ຈາກນີ້",
         "left": "ຍັງເຫຼືອ %(timeRemaining)s",
-        "n_days_ago": "%(num)sມື້ກ່ອນຫນ້ານີ້",
-        "n_hours_ago": "%(num)s ຊົ່ວໂມງກ່ອນ",
-        "n_minutes_ago": "%(num)s ນາທີກ່ອນ",
         "seconds_left": "ຍັງເຫຼືອ %(seconds)s"
     },
     "timeline": {
@@ -2336,8 +2306,7 @@
         "m.audio": {
             "error_downloading_audio": "ເກີດຄວາມຜິດພາດໃນການດາວໂຫຼດສຽງ",
             "error_processing_audio": "ການປະມວນຜົນຂໍ້ຄວາມສຽງຜິດພາດ",
-            "error_processing_voice_message": "ການປະມວນຜົນຂໍ້ຄວາມສຽງຜິດພາດ",
-            "unnamed_audio": "ສຽງບໍ່ມີຊື່"
+            "error_processing_voice_message": "ການປະມວນຜົນຂໍ້ຄວາມສຽງຜິດພາດ"
         },
         "m.beacon_info": {
             "view_live_location": "ເບິ່ງສະຖານທີ່ປັດຈຸບັນ"
diff --git a/src/i18n/strings/lt.json b/src/i18n/strings/lt.json
index 8f3add6d43..3b341b1eff 100644
--- a/src/i18n/strings/lt.json
+++ b/src/i18n/strings/lt.json
@@ -797,7 +797,6 @@
     "labs": {
         "automatic_debug_logs": "Automatiškai siųsti derinimo žurnalus esant bet kokiai klaidai",
         "automatic_debug_logs_decryption": "Automatiškai siųsti derinimo žurnalus apie iššifravimo klaidas",
-        "automatic_debug_logs_key_backup": "Automatiškai siųsti derinimo žurnalus, kai neveikia atsarginė raktų kopija",
         "beta_feedback_leave_button": "Norėdami išeiti iš beta versijos, apsilankykite savo nustatymuose.",
         "bridge_state": "Rodyti informaciją apie tiltus kambario nustatymuose",
         "bridge_state_channel": "Kanalas: <channelLink/>",
@@ -1076,10 +1075,6 @@
         "not_found_title_name": "%(roomName)s neegzistuoja.",
         "peek_join_prompt": "Jūs peržiūrite %(roomName)s. Norite prie jo prisijungti?",
         "rejoin_button": "Prisijungti iš naujo",
-        "status_bar": {
-            "server_connectivity_lost_description": "Išsiųstos žinutės bus saugomos tol, kol atsiras ryšys.",
-            "server_connectivity_lost_title": "Jungiamumas su šiuo serveriu buvo prarastas."
-        },
         "unread_notifications_predecessor": {
             "one": "Jūs turite %(count)s neperskaitytą pranešimą ankstesnėje šio kambario versijoje.",
             "other": "Jūs turite %(count)s neperskaitytus(-ų) pranešimus(-ų) ankstesnėje šio kambario versijoje."
@@ -1276,7 +1271,6 @@
             "error_join_rule_change_unknown": "Nežinomas sutrikimas",
             "guest_access_warning": "Žmonės su palaikomais klientais galės prisijungti prie kambario neturėdami registruotos paskyros.",
             "history_visibility_invited": "Tik nariai (nuo jų pakvietimo)",
-            "history_visibility_joined": "Tik nariai (nuo jų prisijungimo)",
             "history_visibility_legend": "Kas gali skaityti istoriją?",
             "history_visibility_shared": "Tik nariai (nuo šios parinkties pasirinkimo momento)",
             "history_visibility_warning": "Kas gali skaityti istoriją nustatymų pakeitimai bus taikomi tik būsimoms šio kambario žinutėms. Esamos istorijos matomumas nepakis.",
@@ -1782,21 +1776,7 @@
         "open_thread": "Atidaryti temą"
     },
     "time": {
-        "about_day_ago": "maždaug prieš dieną",
-        "about_hour_ago": "maždaug prieš valandą",
-        "about_minute_ago": "maždaug prieš minutę",
         "date_at_time": "%(date)s %(time)s",
-        "few_seconds_ago": "prieš kelias sekundes",
-        "in_about_day": "apie dieną nuo dabar",
-        "in_about_hour": "apie valandą nuo dabar",
-        "in_about_minute": "apie minutę nuo dabar",
-        "in_few_seconds": "keletą sekundžių nuo dabar",
-        "in_n_days": "%(num)s dienas(-ų) nuo dabar",
-        "in_n_hours": "%(num)s valandas(-ų) nuo dabar",
-        "in_n_minutes": "%(num)s minutes(-ų) nuo dabar",
-        "n_days_ago": "prieš %(num)s dienas(-ų)",
-        "n_hours_ago": "prieš %(num)s valandas(-ų)",
-        "n_minutes_ago": "prieš %(num)s minutes(-ų)",
         "seconds_left": "%(seconds)ss liko",
         "short_hours": "%(value)sval"
     },
diff --git a/src/i18n/strings/lv.json b/src/i18n/strings/lv.json
index 951a5bae1e..3f04c20fb1 100644
--- a/src/i18n/strings/lv.json
+++ b/src/i18n/strings/lv.json
@@ -87,9 +87,7 @@
         "no": "Nē",
         "ok": "Labi",
         "open": "Atvērt",
-        "pause": "Pauzēt",
         "pin": "Piespraust",
-        "play": "Atskaņot",
         "proceed": "Turpināt",
         "quote": "Citēt",
         "react": "Reaģēt",
@@ -1230,7 +1228,6 @@
         "ask_to_join": "Iespējot aicinājumus pievienoties",
         "automatic_debug_logs": "Automātiski nosūtīt atkļūdošanas žurnālus par jebkuru kļūdu",
         "automatic_debug_logs_decryption": "Automātiski nosūtīt atkļūdošanas žurnālus par atšifrēšanas kļūdām",
-        "automatic_debug_logs_key_backup": "Automātiski nosūtīt atkļūdošanas žurnālus, ja nedarbojas atslēgas dublēšana",
         "beta_description": "Kas gaidāms %(brand)s? Laboratorijas ir labākais veids, kā agri iegūt un izmēģināt jaunas iespējas un palīdzēt tās pilnveidot, pirms tās tiek izlaistas.",
         "beta_feature": "Šī ir beta funkcija",
         "beta_feedback_leave_button": "Lai izietu no beta versijas, atveriet iestatījumus.",
@@ -1625,7 +1622,6 @@
         "dm_invite_title": "Vai vēlaties sarakstīties ar %(user)s?",
         "drop_file_prompt": "Ievilkt datni šeit, lai augšupielādētu",
         "edit_topic": "Rediģēt tematu",
-        "error_3pid_invite_email_lookup": "Nevar atrast lietotāju pēc e-pasta adreses",
         "error_cancel_knock_title": "Neizdevās atcelt",
         "error_join_403": "Jums ir nepieciešams uzaicinājums, lai piekļūtu šai istabai.",
         "error_join_404_1": "Jūs mēģinājāt pievienoties, izmantojot istabas ID, nesniedzot serveru sarakstu, caur kuriem pievienoties. Istabu ID ir iekšējie identifikatori, un tos nevar izmantot, lai pievienotos istabai bez papildu informācijas.",
@@ -1739,18 +1735,6 @@
             "all_rooms_button": "Meklēt visas istabas",
             "this_room_button": "Meklēt šajā istabā"
         },
-        "status_bar": {
-            "delete_all": "Izdzēst visu",
-            "exceeded_resource_limit": "Tava ziņa netika nosūtīta, jo šis mājasserveris ir pārsniedzis resursu ierobežojumu. Lūgums <a>sazināties ar pakalpojuma pārvaldītāju</a>, lai turpinātu izmantot pakalpojumu.",
-            "homeserver_blocked": "Tava ziņa netika nosūtīta, jo pārvaldītājs ir bloķējis šo mājasserveri. Lūgums <a>sazināties ar pakalpojuma pārvaldītāju</a>, lai turpinātu izmantot pakalpojumu.",
-            "monthly_user_limit_reached": "Tava ziņa netika nosūtīta, jo šis mājasserveris ir sasniedzis ikmēneša aktīvo lietotāju ierobežojumu. Lūgums <a>sazināties ar pakalpojuma pārvaldītāju</a>, lai turpinātu izmantot pakalpojumu.",
-            "requires_consent_agreement": "Jūs nevarat nosūtīt ziņojumus, kamēr neesat izskatījis un piekritis <consentLink>mūsu noteikumiem un nosacījumiem</consentLink>.",
-            "retry_all": "Atkārtoti mēģināt visu",
-            "select_messages_to_retry": "Var atlasīt visas vai atsevišķas ziņas, lai mēģinātu atkārtoti vai izdzēstu",
-            "server_connectivity_lost_description": "Sūtītās ziņas tiks saglabātas līdz brīdim, kad savienojums tiks atjaunots.",
-            "server_connectivity_lost_title": "Savienojums ar serveri pārtrūka.",
-            "some_messages_not_sent": "Daži no jūsu ziņojumiem nav nosūtīti"
-        },
         "unknown_status_code_for_timeline_jump": "nezināms statusa kods",
         "unread_notifications_predecessor": {
             "zero": "Tev ir %(count)s nelasītu paziņojumu ieprieksējā šīs istabas versijā",
@@ -1981,7 +1965,6 @@
             "error_join_rule_change_unknown": "Nezināma kļūme",
             "guest_access_warning": "Cilvēki ar atbalstītām lietotnēm varēs pievienoties istabai bez reģistrēta konta.",
             "history_visibility_invited": "Tikai dalībnieki (no to uzaicināšanas brīža)",
-            "history_visibility_joined": "Tikai dalībnieki (kopš pievienošanās)",
             "history_visibility_legend": "Kas var lasīt vēsturi?",
             "history_visibility_shared": "Tikai dalībnieki (no šī parametra iestatīšanas brīža)",
             "history_visibility_warning": "Izmaiņas attiecībā uz to, kas var lasīt vēsturi, attieksies tikai uz nākamajiem ziņām šajā istabā. Esošās vēstures redzamība nemainīsies.",
@@ -2764,24 +2747,10 @@
         "no_rooms_with_unread_threads": "Jums vēl nav istabu ar nelasītiem pavedieniem."
     },
     "time": {
-        "about_day_ago": "aptuveni dienu iepriekš",
-        "about_hour_ago": "aptuveni stundu iepriekš",
-        "about_minute_ago": "aptuveni minūti iepriekš",
         "date_at_time": "%(date)s pulksten %(time)s",
-        "few_seconds_ago": "pirms dažām sekundēm",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)s m %(seconds)s s atlicis",
-        "in_about_day": "aptuveni dienu kopš šī brīža",
-        "in_about_hour": "aptuveni stundu kopš šī brīža",
-        "in_about_minute": "aptuveni minūti kopš šī brīža",
-        "in_few_seconds": "dažas sekundes kopš šī brīža",
-        "in_n_days": "%(num)s dienas kopš šī brīža",
-        "in_n_hours": "%(num)s stundas kopš šī brīža",
-        "in_n_minutes": "%(num)s minūtes kopš šī brīža",
         "left": "%(timeRemaining)s atlicis",
         "minutes_seconds_left": "%(minutes)sm %(seconds)s s atlicis",
-        "n_days_ago": "%(num)s dienas iepriekš",
-        "n_hours_ago": "%(num)s stundas iepriekš",
-        "n_minutes_ago": "%(num)s minūtes iepriekš",
         "seconds_left": "%(seconds)s sekundes atlikušas",
         "short_days": "%(value)s d.",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -2804,9 +2773,6 @@
         },
         "creation_summary_dm": "%(creator)s uzsāka šo tiešo saraksti.",
         "creation_summary_room": "%(creator)s izveidoja un nokonfigurēja istabu.",
-        "decryption_failure": {
-            "historical_event_unverified_device": "Ir jāapliecina šī ierīce, lai piekļūtu senākām ziņām."
-        },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
         "download_action_decrypting": "Atšifrē",
         "download_action_downloading": "Lejupielādē",
@@ -2828,8 +2794,7 @@
         "m.audio": {
             "error_downloading_audio": "Kļūda skaņas lejupielādēšanā",
             "error_processing_audio": "Kļūda audio ziņas apstrādē",
-            "error_processing_voice_message": "Balss ziņas apstrādes kļūda",
-            "unnamed_audio": "Nenosaukts audio"
+            "error_processing_voice_message": "Balss ziņas apstrādes kļūda"
         },
         "m.beacon_info": {
             "view_live_location": "Skatīties reāllaika atrašanās vietu"
@@ -3393,7 +3358,6 @@
         "hangup": "Beigt zvanu",
         "hide_sidebar_button": "Paslēpt sānjoslu",
         "input_devices": "Ievades ierīces",
-        "join_button_tooltip_call_full": "Atvainojiet, šis zvans pašlaik ir pilns",
         "maximise": "Aizpildīt ekrānu",
         "metaspace_video_rooms": {
             "conference_room_section": "Konferences"
diff --git a/src/i18n/strings/mg_MG.json b/src/i18n/strings/mg_MG.json
index d68e1454d6..e1025785bc 100644
--- a/src/i18n/strings/mg_MG.json
+++ b/src/i18n/strings/mg_MG.json
@@ -84,9 +84,7 @@
         "next": "Fanarahana",
         "no": "Tsya",
         "ok": "Eny",
-        "pause": "Mihato",
         "pin": "Hahantona",
-        "play": "Milalao",
         "proceed": "Izotra",
         "quote": "Notsongaina",
         "react": "Mamaly",
@@ -1255,7 +1253,6 @@
         "ask_to_join": "Alefaso ny fangatahana hiditra",
         "automatic_debug_logs": "Alefaso ho azy ny log debug amin'ny lesoka rehetra",
         "automatic_debug_logs_decryption": "Alefaso ho azy ny diarin'ny debug momba ny lesoka decryption",
-        "automatic_debug_logs_key_backup": "Alefaso ho azy ny log debug rehefa tsy mandeha ny fanalahidiny vakorakitra",
         "beta_description": "Inona no manaraka%(brand)s ? Labs no fomba tsara indrindra hahazoana zavatra mialoha, hizaha toetra vaovao ary hanampy amin'ny famolavolana azy ireo alohany hanombohany.",
         "beta_feature": "Ity dia endri-javatra beta",
         "beta_feedback_leave_button": "Raha te hiala amin'ny beta dia tsidiho ny kiranao.",
@@ -1682,7 +1679,6 @@
         "dm_invite_title": "Te hiresaka amin'ny%(user)s ?",
         "drop_file_prompt": "Alefaso eto ny rakitra raha ampidirina",
         "edit_topic": "Ahitsio lohahevitra",
-        "error_3pid_invite_email_lookup": "Tsy mahita mpampiasa amin'ny mailaka",
         "error_cancel_knock_title": "Tsy nahavita nanafoana",
         "error_join_403": "Mila fanasana ianao hidirana amin'ity efitrano ity.",
         "error_join_404_1": "Nanandrana niditra taminy fampiasana ID efitrano ianao nefa tsy nanome lisitry ny lohamilina hidirana. Ny ID efitrano dia famantarana anatiny ary tsy azo ampiasaina hanatevin-daharana efitrano iray raha tsy misy fampahalalana fanampiny.",
@@ -1793,18 +1789,6 @@
             "all_rooms_button": "Karohy ny efitrano rehetra",
             "this_room_button": "Karohy ity efitrano ity"
         },
-        "status_bar": {
-            "delete_all": "Fafao daholo",
-            "exceeded_resource_limit": "Tsy nalefa ny hafatrao satria nihoatra ny fetran'ny loharanon-karena ity mpizara trano ity. Mba miangavy re<a> mifandraisa aminy mpitantana ny serivisy</a> hanohizana ny fampiasana ny serivisy.",
-            "homeserver_blocked": "Tsy nalefa ny hafatrao satria nosakanany mpitantana azy io server io. Mba miangavy re<a> mifandraisa amin'ny mpitantana ny serivisy</a> hanohizana ny fampiasana ny serivisy.",
-            "monthly_user_limit_reached": "Tsy nalefa ny hafatrao satria nahatratra ny fetran'ny mpampiasa mavitrika isam-bolana ity server ity. Mba miangavy re<a> mifandraisa amin'ny mpitantana ny serivisy</a> hanohizana ny fampiasana ny serivisy.",
-            "requires_consent_agreement": "Tsy afaka mandefa hafatra ianao raha tsy mandinika sy manaiky<consentLink> fepetra sy fepetra</consentLink> .",
-            "retry_all": "Andramo daholo",
-            "select_messages_to_retry": "Azonao atao ny misafidy ny hafatra rehetra na tsirairay mba hanandrana indray na hofafana",
-            "server_connectivity_lost_description": "Ny hafatra nalefa dia hotehirizina mandra-piverin'ny fifandraisanao.",
-            "server_connectivity_lost_title": "Very ny fifandraisana amin'ny mpizara.",
-            "some_messages_not_sent": "Ny sasany amin'ireo hafatrao dia mbola tsy nalefa"
-        },
         "unknown_status_code_for_timeline_jump": "kaody sata tsy fantatra",
         "unread_notifications_predecessor": {
             "one": "Ianao dia manana%(count)s fampandrenesana tsy novakiana amin'ny dikan-teny teo aloha amin'ity efitrano ity.",
@@ -2032,7 +2016,6 @@
             "error_join_rule_change_unknown": "Tsy fahombiazana tsy fantatra",
             "guest_access_warning": "Ny olona manana mpanjifa tohanana dia afaka miditra ao amin'ny efitrano tsy manana kaonty misoratra anarana.",
             "history_visibility_invited": "Mpikambana ihany (hatramin'ny nanasana azy ireo)",
-            "history_visibility_joined": "Mpikambana ihany (hatramin'ny nidirany)",
             "history_visibility_legend": "Iza no mahay mamaky tantara?",
             "history_visibility_shared": "Mpikambana ihany (hatramin&#39;ny fotoana nifidianana ity safidy ity)",
             "history_visibility_warning": "Ny fanovana aminy olona afaka mamaky tantara dia tsy mihatra afa-tsy amin'ny hafatra ho avy ato amin'ity efitrano ity. Tsy hiova ny fahitana ny tantara efa misy.",
@@ -2820,24 +2803,10 @@
         "header": "Hetsika kofehy"
     },
     "time": {
-        "about_day_ago": "Tokony ho iray andro izay",
-        "about_hour_ago": "Manakaiky adin'iray Teo ho eo",
-        "about_minute_ago": "Misy iray minitra Teo izay",
         "date_at_time": "% (Mihaona amin'ny % (fotoana",
-        "few_seconds_ago": "Segondra vitsy lasa",
         "hours_minutes_seconds_left": "% (ora) s h%(minitra) s m%(segondra) s ny tavela",
-        "in_about_day": "Anatiny iray andro eo ho eo",
-        "in_about_hour": "Adiny iray eo ho eo",
-        "in_about_minute": "Afaka iray minitra eo ho eo",
-        "in_few_seconds": "Afaka segondra vitsy",
-        "in_n_days": "%(num) s andro manomboka izao",
-        "in_n_hours": "% (num) sAnatiny ora vitsivitsy",
-        "in_n_minutes": "% (Num) sAfaka minitra vitsy",
         "left": "%(timeRemaining) sAnkavia",
         "minutes_seconds_left": "% (minutes) sm% (segondra) s ny ambiny",
-        "n_days_ago": "%(num)s Andro vitsivitsy izay",
-        "n_hours_ago": "%(num)sOra maromaro",
-        "n_minutes_ago": "%(Num)s Minitra vitsivitsy izay",
         "seconds_left": "% (secondes) s ny ambiny",
         "short_days": "% (Sandales d",
         "short_days_hours_minutes_seconds": "%(andro) s d % (ora) sh% (minitra) s m % (segondra)s s",
@@ -2882,8 +2851,7 @@
         "m.audio": {
             "error_downloading_audio": "Hadisoana tamin'ny fampidinana feo",
             "error_processing_audio": "Hadisoana tamin'ny fanodinana hafatra audio",
-            "error_processing_voice_message": "Hadisoana tamin'ny fanodinana hafatra feo",
-            "unnamed_audio": "Audio tsy voatonona anarana"
+            "error_processing_voice_message": "Hadisoana tamin'ny fanodinana hafatra feo"
         },
         "m.beacon_info": {
             "view_live_location": "Jereo ny toerana mivantana"
@@ -3432,7 +3400,6 @@
         "hide_sidebar_button": "Afeno ny sidebar",
         "input_devices": "Fampidirana fitaovana",
         "jitsi_call": "Fihaonambe Jitsi",
-        "join_button_tooltip_call_full": "Miala tsiny — feno ity antso ity amin'izao fotoana izao",
         "legacy_call": "Antso",
         "maximise": "Ameno ny efijery",
         "maximise_call": "Ampitomboy ny antso",
diff --git a/src/i18n/strings/nb_NO.json b/src/i18n/strings/nb_NO.json
index 4a8e4d9aee..3a2993ea87 100644
--- a/src/i18n/strings/nb_NO.json
+++ b/src/i18n/strings/nb_NO.json
@@ -12,16 +12,6 @@
             "other": "%(count)s uleste meldinger inkludert der du nevnes."
         },
         "recent_rooms": "Nylige rom",
-        "room_messsage_not_sent": "Åpent rom %(roomName)s med en usendt melding.",
-        "room_n_unread_invite": "Invitasjon til det åpne rommet %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Åpne room %(roomName)s med 1 ulest message.",
-            "other": "Åpne room %(roomName)s med %(count)s uleste messages."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Åpne room %(roomName)s med 1 ulest omtale.",
-            "other": "Åpne room %(roomName)s med %(count)s uleste meldinger inkludert omtaler."
-        },
         "room_name": "Rom %(name)s",
         "room_status_bar": "Statuslinje for rommet",
         "seek_bar_label": "Søkelinje for lyd",
@@ -93,17 +83,13 @@
         "maximise": "Maksimer",
         "mention": "Nevn",
         "minimise": "Minimer",
-        "new_conversation": "Ny samtale",
         "new_room": "Nytt rom",
         "new_video_room": "Nytt videorom",
         "next": "Neste",
         "no": "Nei",
         "ok": "OK",
         "open": "Åpne",
-        "open_menu": "Åpne meny",
-        "pause": "Pause",
         "pin": "Fest",
-        "play": "Spill av",
         "proceed": "Fortsett",
         "quote": "Sitat",
         "react": "Reager",
@@ -833,6 +819,7 @@
         "failed_to_save": "Kunne ikke lagre innstillingene.",
         "failed_to_send": "Kunne ikke sende hendelse!",
         "id": "ID: ",
+        "invalid_device_key_id": "Ugyldig enhetsnøkkel-ID",
         "invalid_json": "Ser ikke ut som gyldig JSON.",
         "level": "Nivå",
         "low_bandwidth_mode": "Lav båndbreddemodus",
@@ -955,6 +942,7 @@
         "bootstrap_title": "Setter opp nøkler",
         "confirm_encryption_setup_body": "Klikk på knappen nedenfor for å bekrefte konfigureringen av kryptering.",
         "confirm_encryption_setup_title": "Bekreft krypteringsoppsett",
+        "continue_with_reset": "Fortsett med tilbakestilling",
         "cross_signing_room_normal": "Dette rommet er ende-til-ende-kryptert",
         "cross_signing_room_verified": "Alle i dette rommet er verifisert",
         "cross_signing_room_warning": "Noen bruker en ukjent sesjon",
@@ -970,6 +958,7 @@
         "event_shield_reason_unverified_identity": "Kryptert av en uverifisert bruker.",
         "export_unsupported": "Nettleseren din støtter ikke de nødvendige kryptografiutvidelsene",
         "forgot_recovery_key": "Har du glemt gjenopprettingsnøkkelen?",
+        "identity_needs_reset_description": "Du må tilbakestille din kryptografiske identitet for å sikre tilgang til meldingshistorikken din.",
         "import_invalid_keyfile": "Ikke en gyldig %(brand)s-nøkkelfil",
         "import_invalid_passphrase": "Autentiseringssjekk mislyktes: Feil passord?",
         "key_storage_out_of_sync": "Nøkkeloppbevaringen din er ikke synkronisert.",
@@ -1505,7 +1494,6 @@
         "ask_to_join": "Aktiver be om å bli med",
         "automatic_debug_logs": "Send automatisk feilsøkingslogger ved eventuelle feil",
         "automatic_debug_logs_decryption": "Send automatisk feilsøkingslogger ved dekrypteringsfeil",
-        "automatic_debug_logs_key_backup": "Send automatisk feilsøkingslogger når sikkerhetskopiering av nøkler ikke fungerer",
         "beta_description": "Hva er det neste for %(brand)s? Labs er den beste måten å få ting tidlig på, teste ut nye funksjoner og hjelpe til med å forme dem før de lanseres.",
         "beta_feature": "Dette er en betafunksjon",
         "beta_feedback_leave_button": "For å forlate betaen, gå til innstillingene dine.",
@@ -1713,7 +1701,6 @@
         "class_global": "Globalt",
         "class_other": "Andre",
         "default": "Standard",
-        "default_settings": "Match standardinnstillingene",
         "email_pusher_app_display_name": "E-postvarsler",
         "enable_prompt_toast_description": "Aktiver skrivebordsvarsler",
         "enable_prompt_toast_title": "Varsler",
@@ -1732,8 +1719,7 @@
         "mentions_and_keywords_description": "Bli varslet bare med omtaler og nøkkelord som konfigurert i <a> innstillingene dine </a>",
         "mentions_keywords": "Omtaler og nøkkelord",
         "message_didnt_send": "Meldingen ble ikke sendt. Klikk for informasjon.",
-        "mute_description": "Du vil ikke få noen varsler",
-        "mute_room": "Demp rommet"
+        "mute_description": "Du vil ikke få noen varsler"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s ber om verifisering"
@@ -1911,7 +1897,6 @@
                 "other": "%(count)s festede meldinger"
             },
             "limits": {
-                "one": "",
                 "other": "Du kan bare feste opptil %(count)s widgets"
             },
             "menu": "Åpne meny",
@@ -1989,7 +1974,6 @@
         "dm_invite_title": "Vil du prate med %(user)s?",
         "drop_file_prompt": "Slipp ned en fil her for å laste opp",
         "edit_topic": "Rediger emne",
-        "error_3pid_invite_email_lookup": "Kan ikke finne bruker via e-post",
         "error_cancel_knock_title": "Kunne ikke avbryte",
         "error_join_403": "Du trenger en invitasjon for å få tilgang til dette rommet.",
         "error_join_404_1": "Du forsøkte å bli med ved hjelp av en rom-ID uten å oppgi en liste over servere du kan bli med gjennom. Rom-ID-er er interne identifikatorer og kan ikke brukes til å bli med i et rom uten ytterligere informasjon.",
@@ -2021,6 +2005,8 @@
         "forget_room": "Glem dette rommet",
         "forget_space": "Glem dette området",
         "header": {
+            "join_video_call": "Bli med i videosamtale",
+            "join_voice_call": "Bli med i taleanrop",
             "n_people_asking_to_join": {
                 "one": "Ber om å få bli med",
                 "other": "%(count)s personer som ber om å bli med"
@@ -2120,19 +2106,6 @@
             },
             "this_room_button": "Søk i dette rommet"
         },
-        "status_bar": {
-            "delete_all": "Slett alle",
-            "exceeded_resource_limit": "Meldingen din ble ikke sendt fordi denne hjemmeserveren har overskredet en ressursgrense. Ta <a> kontakt med tjenesteadministratoren din </a> for å fortsette å bruke tjenesten.",
-            "history_visible": "Dette rommet er konfigurert slik at nye medlemmer kan lese historikken. <a>Lær mer</a>",
-            "homeserver_blocked": "Meldingen din ble ikke sendt fordi denne hjemmeserveren er blokkert av administratoren. Ta <a> kontakt med tjenesteadministratoren din </a> for å fortsette å bruke tjenesten.",
-            "monthly_user_limit_reached": "Meldingen din ble ikke sendt fordi denne hjemmeserveren har nådd sin månedlige aktive brukergrense. Ta <a> kontakt med tjenesteadministratoren din </a> for å fortsette å bruke tjenesten.",
-            "requires_consent_agreement": "Du kan ikke sende noen meldinger før du har lest gjennom og godtar <consentLink>våre vilkår og betingelser</consentLink>.",
-            "retry_all": "Prøv alle igjen",
-            "select_messages_to_retry": "Du kan velge alle eller individuelle meldinger for å prøve på nytt eller slette",
-            "server_connectivity_lost_description": "Sendte meldinger vil bli lagret til tilkoblingen er tilbake.",
-            "server_connectivity_lost_title": "Tilkoblingen til tjeneren er nede.",
-            "some_messages_not_sent": "Noen av meldingene dine er ikke sendt"
-        },
         "unknown_status_code_for_timeline_jump": "ukjent statuskode",
         "unread_notifications_predecessor": {
             "one": "Du har %(count)s ulest varsel i en tidligere versjon av dette rommet.",
@@ -2160,37 +2133,9 @@
         "add_space_label": "Legg til område",
         "breadcrumbs_empty": "Ingen nylig besøkte rom",
         "breadcrumbs_label": "Nylig besøkte rom",
-        "collapse_filters": "Skjul filterlisten",
-        "empty": {
-            "no_chats": "Ingen chatter ennå",
-            "no_chats_description": "Kom i gang ved å sende meldinger til noen eller ved å opprette et rom",
-            "no_chats_description_no_room_rights": "Kom i gang med å sende meldinger til noen",
-            "no_favourites": "Du har ikke favorittchat ennå",
-            "no_favourites_description": "Du kan legge til en chat til dine favoritter i chat-innstillingene",
-            "no_invites": "Du har ingen uleste invitasjoner",
-            "no_lowpriority": "Du har ingen rom med lav prioritet",
-            "no_mentions": "Du har ingen uleste omtaler",
-            "no_people": "Du har ikke direkte chatter med noen ennå",
-            "no_people_description": "Du kan fjerne merket for filtre for å se de andre chattene dine",
-            "no_rooms": "Du er ikke med i noen rom ennå",
-            "no_rooms_description": "Du kan fjerne merket for filtre for å se de andre chattene dine",
-            "no_unread": "Gratulerer! Du har ingen uleste meldinger",
-            "show_activity": "Se alle aktiviteter",
-            "show_chats": "Vis alle chatter"
-        },
-        "expand_filters": "Utvid filterlisten",
         "failed_add_tag": "Kunne ikke legge til tagg %(tagName)s til rom",
         "failed_remove_tag": "Kunne ikke fjerne tagg %(tagName)s fra rommet",
         "failed_set_dm_tag": "Kan ikke sette kode på direktemeldingen",
-        "filters": {
-            "favourite": "Favoritter",
-            "invites": "Invitasjoner",
-            "low_priority": "Lav prioritet",
-            "mentions": "Omtaler",
-            "people": "Personer",
-            "rooms": "Rom",
-            "unread": "Uleste"
-        },
         "home_menu_label": "Hjem alternativer",
         "join_public_room_label": "Bli med i offentlig rom",
         "joining_rooms_status": {
@@ -2199,43 +2144,22 @@
         },
         "list_title": "Romliste",
         "more_options": {
-            "copy_link": "Kopier romlenke",
-            "favourited": "Favorittmerket",
-            "leave_room": "Forlat rommet",
-            "low_priority": "Lav prioritet",
-            "mark_read": "Marker som lest",
-            "mark_unread": "Marker som ulest"
+            "leave_room": "Forlat rommet"
         },
         "notification_options": "Varselsinnstillinger",
-        "open_space_menu": "Åpne Område-meny",
-        "primary_filters": "Filtre for romliste",
         "redacting_messages_status": {
             "one": "Fjerner for øyeblikket meldinger i %(count)s rom",
             "other": "Fjerner for øyeblikket meldinger i %(count)s rom"
         },
-        "room": {
-            "more_options": "Flere alternativer",
-            "open_room": "Åpne rom %(roomName)s"
-        },
-        "room_options": "Rominnstillinger",
         "show_less": "Vis mindre",
         "show_n_more": {
             "Vis %(count)s til": "Vis %(count)s mer"
         },
         "show_previews": "Vis forhåndsvisninger av meldinger",
-        "sort": "Sorter",
         "sort_by": "Sorter etter",
         "sort_by_activity": "Aktivitet",
         "sort_by_alphabet": "A-Å",
-        "sort_type": {
-            "activity": "Aktivitet",
-            "atoz": "A-Å"
-        },
         "sort_unread_first": "Vis rom med uleste meldinger først",
-        "space_menu": {
-            "home": "Område hjem",
-            "space_settings": "Område innstillinger"
-        },
         "space_menu_label": "",
         "sublist_options": "Liste alternativer",
         "suggested_rooms_heading": "Foreslåtte rom"
@@ -2420,12 +2344,11 @@
             "error_join_rule_change_title": "Kunne ikke oppdatere reglene for medlemskap",
             "error_join_rule_change_unknown": "Ukjent feil",
             "guest_access_warning": "Personer med støttede klienter vil kunne bli med i rommet uten å ha en registrert konto.",
-            "history_visibility_invited": "Kun medlemmer (f.o.m. da de ble invitert)",
-            "history_visibility_joined": "Kun medlemmer (f.o.m. de ble med)",
+            "history_visibility_invited": "Medlemmer siden invitert",
             "history_visibility_legend": "Hvem kan lese historikken?",
-            "history_visibility_shared": "Kun medlemmer (f.o.m. da denne innstillingen ble valgt)",
-            "history_visibility_warning": "Endringer for hvem som kan lese historikken, vil kun bli benyttet for fremtidige meldinger i dette rommet. Synligheten til den eksisterende historikken vil forbli uendret.",
-            "history_visibility_world_readable": "Alle",
+            "history_visibility_shared": "Medlemmer (full historikk)",
+            "history_visibility_warning": "Endringene påvirker ikke tidligere meldinger, kun nye meldinger. <a>Lær mer</a>",
+            "history_visibility_world_readable": "Alle (historikken er offentlig)",
             "join_rule_description": "Bestem hvem som kan bli med i %(roomName)s.",
             "join_rule_invite": "Privat (kun invitasjon)",
             "join_rule_invite_description": "Bare inviterte personer kan bli med.",
@@ -3383,24 +3306,10 @@
         "no_rooms_with_unread_threads": "Du har ikke rom med uleste tråder ennå."
     },
     "time": {
-        "about_day_ago": "cirka 1 dag siden",
-        "about_hour_ago": "cirka 1 time siden",
-        "about_minute_ago": "cirka 1 minutt siden",
         "date_at_time": "%(date)s klokken %(time)s",
-        "few_seconds_ago": "noen sekunder siden",
         "hours_minutes_seconds_left": "%(hours)st%(minutes)s m%(seconds)s s igjen",
-        "in_about_day": "rundt en dag fra nå",
-        "in_about_hour": "rundt en time fra nå",
-        "in_about_minute": "rundt et minutt fra nå",
-        "in_few_seconds": "om noen sekunder fra nå",
-        "in_n_days": "%(num)s dager fra nå",
-        "in_n_hours": "%(num)s timer fra nå",
-        "in_n_minutes": "%(num)s minutter fra nå",
         "left": "%(timeRemaining)s igjen",
         "minutes_seconds_left": "%(minutes)sm%(seconds)s s igjen",
-        "n_days_ago": "%(num)s dager siden",
-        "n_hours_ago": "%(num)s timer siden",
-        "n_minutes_ago": "%(num)s minutter siden",
         "seconds_left": "%(seconds)ser igjen",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)s t %(minutes)s m %(seconds)s er",
@@ -3424,12 +3333,7 @@
         "creation_summary_dm": "%(creator)s sendte denne DMen.",
         "creation_summary_room": "%(creator)s opprettet og satte opp rommet.",
         "decryption_failure": {
-            "blocked": "Avsenderen har blokkert deg fra å motta denne meldingen fordi enheten din ikke er bekreftet",
-            "historical_event_no_key_backup": "Historiske meldinger er ikke tilgjengelige på denne enheten",
-            "historical_event_unverified_device": "Du må verifisere denne enheten for å få tilgang til historiske meldinger",
-            "historical_event_user_not_joined": "Du har ikke tilgang til denne meldingen",
             "sender_identity_previously_verified": "Avsenderens verifiserte identitet er endret",
-            "sender_unsigned_device": "Sendt fra en usikker enhet.",
             "unable_to_decrypt": "Kan ikke dekryptere meldingen"
         },
         "disambiguated_profile": "%(displayName)s(%(matrixId)s)",
@@ -3455,11 +3359,9 @@
             "unable_to_find": "Prøvde å laste inn et bestemt punkt i dette rommets tidslinje, men klarte ikke å finne det."
         },
         "m.audio": {
-            "audio_player": "Lydavspiller",
             "error_downloading_audio": "Feil ved nedlasting av lyd",
             "error_processing_audio": "Feil ved prosessering av lydmelding",
-            "error_processing_voice_message": "Feil ved prosessering av talemelding",
-            "unnamed_audio": "Ikke navngitt lyd"
+            "error_processing_voice_message": "Feil ved prosessering av talemelding"
         },
         "m.beacon_info": {
             "view_live_location": "Se lokasjon i sanntid"
@@ -4030,7 +3932,6 @@
         "hide_sidebar_button": "Skjul sidepanel",
         "input_devices": "Inndataenheter",
         "jitsi_call": "Jitsi Conference",
-        "join_button_tooltip_call_full": "Beklager - denne samtalen er for øyeblikket full",
         "legacy_call": "Eldre samtale",
         "maximise": "Fyll skjermen",
         "maximise_call": "Maksimer samtalen",
diff --git a/src/i18n/strings/nl.json b/src/i18n/strings/nl.json
index 723b8b3a6d..621b34bab6 100644
--- a/src/i18n/strings/nl.json
+++ b/src/i18n/strings/nl.json
@@ -86,9 +86,7 @@
         "no": "Nee",
         "ok": "Oké",
         "open": "Openen",
-        "pause": "Pauze",
         "pin": "Vastmaken",
-        "play": "Afspelen",
         "proceed": "Doorgaan",
         "quote": "Citeren",
         "react": "Reageren",
@@ -1106,7 +1104,6 @@
     "labs": {
         "automatic_debug_logs": "Automatisch foutenlogboek versturen bij een fout",
         "automatic_debug_logs_decryption": "Automatisch foutopsporingslogboeken versturen bij decoderingsfouten",
-        "automatic_debug_logs_key_backup": "Automatisch foutopsporingslogboeken versturen wanneer de sleutelback-up niet werkt",
         "beta_feature": "Dit is een bètafunctie",
         "beta_feedback_leave_button": "Om de beta te verlaten, ga naar je instellingen.",
         "beta_feedback_title": "%(featureName)s Bèta-feedback",
@@ -1522,18 +1519,6 @@
         "peek_join_prompt": "Je bekijkt %(roomName)s. Wilt je eraan deelnemen?",
         "read_topic": "Klik om het onderwerp te lezen",
         "rejoin_button": "Opnieuw toetreden",
-        "status_bar": {
-            "delete_all": "Verwijder alles",
-            "exceeded_resource_limit": "Je bericht is niet verstuurd omdat deze homeserver een systeembronlimiet heeft overschreden. <a>Neem contact op met je dienstbeheerder</a> om de dienst te blijven gebruiken.",
-            "homeserver_blocked": "Je bericht is niet verzonden omdat deze server is geblokkeerd door de beheerder. Neem <a>contact op met je servicebeheerder</a> om de service te blijven gebruiken.",
-            "monthly_user_limit_reached": "Je bericht is niet verstuurd omdat deze homeserver zijn limiet voor maandelijks actieve personen heeft bereikt. <a>Neem contact op met je beheerder</a> om de dienst te blijven gebruiken.",
-            "requires_consent_agreement": "Je kan geen berichten sturen totdat je <consentLink>onze algemene voorwaarden</consentLink> hebt gelezen en aanvaard.",
-            "retry_all": "Alles opnieuw proberen",
-            "select_messages_to_retry": "Je kan alles selecteren of per individueel bericht opnieuw versturen of verwijderen",
-            "server_connectivity_lost_description": "Verstuurde berichten zullen opgeslagen worden totdat je verbinding hersteld is.",
-            "server_connectivity_lost_title": "De verbinding met de server is verbroken.",
-            "some_messages_not_sent": "Enkele van jouw berichten zijn niet verstuurd"
-        },
         "unread_notifications_predecessor": {
             "other": "Je hebt %(count)s ongelezen meldingen in een vorige versie van deze kamer.",
             "one": "Je hebt %(count)s ongelezen meldingen in een vorige versie van deze kamer."
@@ -1744,7 +1729,6 @@
             "error_join_rule_change_unknown": "Onbekende fout",
             "guest_access_warning": "Personen met geschikte apps zullen aan de kamer kunnen deelnemen zonder een account te hebben.",
             "history_visibility_invited": "Alleen deelnemers (vanaf het moment dat ze uitgenodigd zijn)",
-            "history_visibility_joined": "Alleen deelnemers (vanaf het moment dat ze toegetreden zijn)",
             "history_visibility_legend": "Wie kan de geschiedenis lezen?",
             "history_visibility_shared": "Alleen deelnemers (vanaf het moment dat deze optie wordt geselecteerd)",
             "history_visibility_warning": "Wijzigingen aan de leesregels van de geschiedenis gelden alleen voor toekomstige berichten in deze kamer. De zichtbaarheid van de bestaande geschiedenis blijft ongewijzigd.",
@@ -2420,24 +2404,10 @@
         "show_thread_filter": "Toon:"
     },
     "time": {
-        "about_day_ago": "ongeveer een dag geleden",
-        "about_hour_ago": "ongeveer een uur geleden",
-        "about_minute_ago": "ongeveer een minuut geleden",
         "date_at_time": "%(date)s om %(time)s",
-        "few_seconds_ago": "enige tellen geleden",
         "hours_minutes_seconds_left": "%(hours)su, %(minutes)sm %(seconds)ss over",
-        "in_about_day": "over een dag of zo",
-        "in_about_hour": "over ongeveer een uur",
-        "in_about_minute": "over ongeveer een minuut",
-        "in_few_seconds": "over een paar tellen",
-        "in_n_days": "over %(num)s dagen",
-        "in_n_hours": "over %(num)s uur",
-        "in_n_minutes": "over %(num)s minuten",
         "left": "%(timeRemaining)s over",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss over",
-        "n_days_ago": "%(num)s dagen geleden",
-        "n_hours_ago": "%(num)s uur geleden",
-        "n_minutes_ago": "%(num)s minuten geleden",
         "seconds_left": "%(seconds)s's over",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)su %(minutes)sm %(seconds)ss",
@@ -2477,8 +2447,7 @@
         "m.audio": {
             "error_downloading_audio": "Fout bij downloaden van audio",
             "error_processing_audio": "Fout bij verwerking audiobericht",
-            "error_processing_voice_message": "Fout bij verwerking spraakbericht",
-            "unnamed_audio": "Naamloze audio"
+            "error_processing_voice_message": "Fout bij verwerking spraakbericht"
         },
         "m.beacon_info": {
             "view_live_location": "Bekijk live locatie"
@@ -2996,7 +2965,6 @@
         "hangup": "Ophangen",
         "hide_sidebar_button": "Zijbalk verbergen",
         "input_devices": "Invoer apparaten",
-        "join_button_tooltip_call_full": "Sorry — dit gesprek is momenteel vol",
         "maximise": "Scherm vullen",
         "misconfigured_server": "Oproep mislukt door verkeerd geconfigureerde server",
         "misconfigured_server_description": "Vraag je homeserver-beheerder (<code>%(homeserverDomain)s</code>) een TURN-server te configureren voor de betrouwbaarheid van de oproepen.",
diff --git a/src/i18n/strings/pl.json b/src/i18n/strings/pl.json
index 53032886e3..95651e177e 100644
--- a/src/i18n/strings/pl.json
+++ b/src/i18n/strings/pl.json
@@ -12,18 +12,6 @@
             "one": "1 nieprzeczytana wzmianka."
         },
         "recent_rooms": "Ostatnie pokoje",
-        "room_messsage_not_sent": "Otwórz pokój %(roomName)s z niewysłaną wiadomością.room",
-        "room_n_unread_invite": "Otwórz zaproszenie pokoju %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Otwórz pokój %(roomName)s z 1 nieprzeczytaną wiadomością.",
-            "few": "Otwórz pokój %(roomName)s z %(count)s nieprzeczytanymi wiadomościami.",
-            "many": "Otwórz pokój %(roomName)s z %(count)s nieprzeczytanymi wiadomościami."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Otwórz pokój %(roomName)s z 1 nieprzeczytaną wzmianką.",
-            "few": "Otwórz pokój %(roomName)s z %(count)s nieprzeczytanymi wzmiankami.",
-            "many": "Otwórz pokój %(roomName)s z %(count)s nieprzeczytanymi wzmiankami."
-        },
         "room_name": "Pokój %(name)s",
         "room_status_bar": "Pasek stanu pokoju",
         "seek_bar_label": "Pasek wyszukiwania audio",
@@ -101,10 +89,7 @@
         "no": "Nie",
         "ok": "OK",
         "open": "Otwórz",
-        "open_menu": "Otwórz menu",
-        "pause": "Wstrzymaj",
         "pin": "Przypnij",
-        "play": "Odtwórz",
         "proceed": "Kontynuuj",
         "quote": "Cytuj",
         "react": "Dodaj reakcję",
@@ -1490,7 +1475,6 @@
         "ask_to_join": "Włącz prośby o dołączenie",
         "automatic_debug_logs": "Automatycznie wysyłaj logi debugowania po wystąpieniu jakiegokolwiek błędu",
         "automatic_debug_logs_decryption": "Automatycznie wysyłaj logi debugowania po wystąpieniu błędów deszyfrowania",
-        "automatic_debug_logs_key_backup": "Automatycznie wysyłaj logi debugowania gdy kopia zapasowa kluczy nie działa",
         "beta_description": "Co następne dla %(brand)s? Laboratoria to najlepsze miejsce do przetestowania nowych funkcji i możliwość pomocy w testowaniu, zanim dotrą one do szerszego grona użytkowników.",
         "beta_feature": "To jest funkcja beta",
         "beta_feedback_leave_button": "Aby wyjść z bety, odwiedź swoje ustawienia.",
@@ -1699,7 +1683,6 @@
         "class_global": "Globalne",
         "class_other": "Inne",
         "default": "Domyślne",
-        "default_settings": "Ustawienia domyślne",
         "email_pusher_app_display_name": "Powiadomienia e-mail",
         "enable_prompt_toast_description": "Włącz powiadomienia na pulpicie",
         "enable_prompt_toast_title": "Powiadomienia",
@@ -1718,8 +1701,7 @@
         "mentions_and_keywords_description": "Otrzymuj powiadomienia tylko z wzmiankami i słowami kluczowymi zgodnie z Twoimi <a>ustawieniami</a>",
         "mentions_keywords": "Wzmianki i słowa kluczowe",
         "message_didnt_send": "Nie wysłano wiadomości. Kliknij po więcej informacji.",
-        "mute_description": "Nie otrzymasz żadnych powiadomień",
-        "mute_room": "Wycisz pokój"
+        "mute_description": "Nie otrzymasz żadnych powiadomień"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s prosi o weryfikację"
@@ -1964,7 +1946,6 @@
         "dm_invite_title": "Czy chcesz rozmawiać z %(user)s?",
         "drop_file_prompt": "Upuść plik tutaj, aby go przesłać",
         "edit_topic": "Edytuj temat",
-        "error_3pid_invite_email_lookup": "Nie udało się znaleźć użytkownika za pomocą e-maila",
         "error_cancel_knock_title": "Nie udało się anulować",
         "error_join_403": "Potrzebujesz zaproszenia, aby dołączyć do tego pokoju.",
         "error_join_404_1": "Spróbowałeś dołączyć za pomocą ID pokoju bez podania listy serwerów, z których można dołączyć. ID pokojów to wewnętrzne identyfikatory, których nie da się użyć bez dodatkowych informacji.",
@@ -2097,18 +2078,6 @@
             },
             "this_room_button": "Wyszukaj ten pokój"
         },
-        "status_bar": {
-            "delete_all": "Usuń wszystkie",
-            "exceeded_resource_limit": "Wiadomość nie została wysłana, ponieważ serwer domowy przekroczył limit swoich zasobów. <a>Skontaktuj się z administratorem serwisu</a>, aby kontynuować.",
-            "homeserver_blocked": "Wiadomość nie została wysłana, ponieważ serwer domowy został zablokowany przez jego administratora. <a>Skontaktuj się z administratorem serwisu</a>, aby kontynuować.",
-            "monthly_user_limit_reached": "Wiadomość nie została wysłana, ponieważ serwer domowy przekroczył miesięczny limit aktywnych użytkowników. <a>Skontaktuj się z administratorem serwisu</a>, aby kontynuować.",
-            "requires_consent_agreement": "Nie możesz wysłać żadnej wiadomości, dopóki nie zaakceptujesz <consentLink>naszych warunków i kondycji</consentLink>.",
-            "retry_all": "Spróbuj ponownie wszystkie",
-            "select_messages_to_retry": "Możesz zaznaczyć wszystkie lub wybrane wiadomości, aby spróbować ponownie lub je usunąć",
-            "server_connectivity_lost_description": "Wysłane wiadomości będą przechowywane aż do momentu odzyskania połączenia.",
-            "server_connectivity_lost_title": "Połączenie z serwerem zostało utracone.",
-            "some_messages_not_sent": "Niektóre z Twoich wiadomości nie zostały wysłane"
-        },
         "unknown_status_code_for_timeline_jump": "nieznany kod statusu",
         "unread_notifications_predecessor": {
             "one": "Masz %(count)s nieprzeczytanych powiadomień we wcześniejszej wersji tego pokoju.",
@@ -2136,37 +2105,9 @@
         "add_space_label": "Dodaj przestrzeń",
         "breadcrumbs_empty": "Brak ostatnio odwiedzonych pokojów",
         "breadcrumbs_label": "Ostatnio odwiedzane pokoje",
-        "collapse_filters": "Zwiń listę filtrów",
-        "empty": {
-            "no_chats": "Nie ma jeszcze czatów",
-            "no_chats_description": "Zacznij od wysłania wiadomości lub utworzenia pokoju",
-            "no_chats_description_no_room_rights": "Wyślij komuś wiadomość, aby rozpocząć.",
-            "no_favourites": "Nie masz jeszcze ulubionego czatu",
-            "no_favourites_description": "Dodaj czat do ulubionych w ustawieniach czatu",
-            "no_invites": "Nie masz żadnych nieprzeczytanych zaproszeń",
-            "no_lowpriority": "Nie masz pokoi o niskim priorytecie",
-            "no_mentions": "Nie masz żadnych nieprzeczytanych wzmianek",
-            "no_people": "Nie prowadzisz jeszcze z nikim czatów prywatnych",
-            "no_people_description": "Wyczyść filtry, aby zobaczyć pozostałe czaty",
-            "no_rooms": "Nie jesteś jeszcze w żadnym pokoju",
-            "no_rooms_description": "Wyczyść filtry, aby zobaczyć pozostałe czaty",
-            "no_unread": "Brawo! Nie masz żadnych nieprzeczytanych wiadomości",
-            "show_activity": "Wyświetl całą aktywność",
-            "show_chats": "Pokaż wszystkie czaty"
-        },
-        "expand_filters": "Rozwiń listę filtrów",
         "failed_add_tag": "Nie można dodać tagu %(tagName)s do pokoju",
         "failed_remove_tag": "Nie udało się usunąć tagu %(tagName)s z pokoju",
         "failed_set_dm_tag": "Nie udało się ustawić tagu wiadomości prywatnych",
-        "filters": {
-            "favourite": "Ulubione",
-            "invites": "Zaproszenia",
-            "low_priority": "Niski priorytet",
-            "mentions": "Wzmianki",
-            "people": "Osoby",
-            "rooms": "Pokoje",
-            "unread": "Nieprzeczytane"
-        },
         "home_menu_label": "Opcje głównej",
         "join_public_room_label": "Dołącz do publicznego pokoju",
         "joining_rooms_status": {
@@ -2175,25 +2116,13 @@
         },
         "list_title": "Lista pokojów",
         "more_options": {
-            "copy_link": "Kopiuj link do pokoju",
-            "favourited": "Ulubione",
-            "leave_room": "Opuść pokój",
-            "low_priority": "Niski priorytet",
-            "mark_read": "Oznacz jako przeczytane",
-            "mark_unread": "Oznacz jako nieprzeczytane"
+            "leave_room": "Opuść pokój"
         },
         "notification_options": "Opcje powiadomień",
-        "open_space_menu": "Otwórz menu przestrzeni",
-        "primary_filters": "Filtry listy pomieszczeń",
         "redacting_messages_status": {
             "one": "Aktualnie usuwanie wiadomości z %(count)s pokoju",
             "other": "Aktualnie usuwanie wiadomości z %(count)s pokoi"
         },
-        "room": {
-            "more_options": "Więcej opcji",
-            "open_room": "Otwórz pokój %(roomName)s"
-        },
-        "room_options": "Opcje pokoju",
         "show_less": "Pokaż mniej",
         "show_n_more": {
             "one": "Pokaż %(count)s więcej",
@@ -2201,19 +2130,10 @@
             "many": "Pokaż %(count)s więcej"
         },
         "show_previews": "Pokazuj podgląd wiadomości",
-        "sort": "Sortuj",
         "sort_by": "Sortuj według",
         "sort_by_activity": "Aktywności",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "Aktywność",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Pokazuj najpierw pokoje z nieprzeczytanymi wiadomościami",
-        "space_menu": {
-            "home": "Główna Space",
-            "space_settings": "Ustawienia Space"
-        },
         "space_menu_label": "menu %(spaceName)s",
         "sublist_options": "Ustawienia listy",
         "suggested_rooms_heading": "Sugerowane pokoje"
@@ -2397,7 +2317,6 @@
             "error_join_rule_change_unknown": "Nieznany błąd",
             "guest_access_warning": "Osoby ze wspieranymi klientami będą mogli dołączyć do pokoju bez posiadania konta.",
             "history_visibility_invited": "Tylko członkowie (od kiedy zostali zaproszeni)",
-            "history_visibility_joined": "Tylko członkowie (od kiedy dołączyli)",
             "history_visibility_legend": "Kto może czytać historię?",
             "history_visibility_shared": "Tylko członkowie (od momentu włączenia tej opcji)",
             "history_visibility_warning": "Widoczność istniejącej historii nie ulegnie zmianie.",
@@ -3356,24 +3275,10 @@
         "no_rooms_with_unread_threads": "Nie masz jeszcze pokoi z nieprzeczytanymi wątkami."
     },
     "time": {
-        "about_day_ago": "około dzień temu",
-        "about_hour_ago": "około godziny temu",
-        "about_minute_ago": "około minuty temu",
         "date_at_time": "%(date)s o %(time)s",
-        "few_seconds_ago": "kilka sekund temu",
         "hours_minutes_seconds_left": "pozostało %(hours)s godz. %(minutes)s min. %(seconds)ss",
-        "in_about_day": "około dnia od teraz",
-        "in_about_hour": "około godziny od teraz",
-        "in_about_minute": "około minuty od teraz",
-        "in_few_seconds": "za kilka sekund",
-        "in_n_days": "za %(num)s dni",
-        "in_n_hours": "za %(num)s godzin",
-        "in_n_minutes": "za %(num)s minut",
         "left": "%(timeRemaining)s pozostało",
         "minutes_seconds_left": "pozostało %(minutes)s min. %(seconds)ss",
-        "n_days_ago": "%(num)s dni temu",
-        "n_hours_ago": "%(num)s godzin temu",
-        "n_minutes_ago": "%(num)s minut temu",
         "seconds_left": "pozostało %(seconds)ss",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)s godz. %(minutes)s min. %(seconds)ss",
@@ -3397,12 +3302,7 @@
         "creation_summary_dm": "%(creator)s utworzył tę wiadomość prywatną.",
         "creation_summary_room": "%(creator)s stworzył i skonfigurował pokój.",
         "decryption_failure": {
-            "blocked": "Nadawca zablokował Ci możliwość otrzymania tej wiadomości ponieważ twoje urządzenie nie zostało zweryfikowane",
-            "historical_event_no_key_backup": "Historia wiadomości nie jest dostępna na tym urządzeniu",
-            "historical_event_unverified_device": "Musisz zweryfikować to urządzenie, aby wyświetlić historię wiadomości",
-            "historical_event_user_not_joined": "Nie masz dostępu do tej wiadomości",
             "sender_identity_previously_verified": "Zweryfikowana tożsamość nadawcy została zresetowana",
-            "sender_unsigned_device": "Wysłano z niezabezpieczonego urządzenia.",
             "unable_to_decrypt": "Nie można rozszyfrować wiadomości"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3428,11 +3328,9 @@
             "unable_to_find": "Próbowano załadować konkretny punkt na osi czasu w tym pokoju, ale nie można go znaleźć."
         },
         "m.audio": {
-            "audio_player": "Odtwarzacz audio",
             "error_downloading_audio": "Wystąpił błąd w trakcie pobierania audio",
             "error_processing_audio": "Wystąpił błąd procesowania wiadomości audio",
-            "error_processing_voice_message": "Wystąpił błąd procesowania wiadomości głosowej",
-            "unnamed_audio": "Audio bez nazwy"
+            "error_processing_voice_message": "Wystąpił błąd procesowania wiadomości głosowej"
         },
         "m.beacon_info": {
             "view_live_location": "Pokaż lokalizację na żywo"
@@ -4013,7 +3911,6 @@
         "hide_sidebar_button": "Ukryj pasek boczny",
         "input_devices": "Urządzenia wejściowe",
         "jitsi_call": "Konferencja Jitsi",
-        "join_button_tooltip_call_full": "Przepraszamy — to połączenie jest już zapełnione",
         "legacy_call": "Połączenie w starszej technologii.",
         "maximise": "Wypełnij ekran",
         "maximise_call": "Maksymalizuj połączenie",
diff --git a/src/i18n/strings/pt.json b/src/i18n/strings/pt.json
index 2ed647b43e..d34c3c2d43 100644
--- a/src/i18n/strings/pt.json
+++ b/src/i18n/strings/pt.json
@@ -87,10 +87,7 @@
         "no": "Não",
         "ok": "OK",
         "open": "Abrir",
-        "open_menu": "Abrir menu",
-        "pause": "Pausar",
         "pin": "Fixar",
-        "play": "Reproduzir",
         "proceed": "Prosseguir",
         "quote": "Citar",
         "react": "Reagir",
@@ -1397,7 +1394,6 @@
         "ask_to_join": "Permitir pedir para participar",
         "automatic_debug_logs": "Envia automaticamente registos de depuração em qualquer erro",
         "automatic_debug_logs_decryption": "Envia automaticamente registos de depuração em caso de erros de desencriptação",
-        "automatic_debug_logs_key_backup": "Envia automaticamente registos de depuração quando a cópia de segurança das chaves não está a funcionar",
         "beta_description": "O que vais fazer a seguir em %(brand)s? Os laboratórios são a melhor forma de obteres informações antecipadas, testares novas funcionalidades e ajudares a moldá-las antes do seu lançamento efetivo.",
         "beta_feature": "Esta é uma funcionalidade beta",
         "beta_feedback_leave_button": "Para sair da versão beta, visita as tuas definições.",
@@ -1859,7 +1855,6 @@
         "dm_invite_title": "Queres conversar com %(user)s?",
         "drop_file_prompt": "Arraste um arquivo aqui para enviar",
         "edit_topic": "Editar tópico",
-        "error_3pid_invite_email_lookup": "Não é possível encontrar o utilizador por e-mail",
         "error_cancel_knock_title": "Falha ao cancelar",
         "error_join_403": "Precisas de um convite para aceder a esta sala.",
         "error_join_404_1": "Tentaste juntar-te usando um ID de sala sem fornecer uma lista de servidores através dos quais te podes juntar. Os IDs de sala são identificadores internos e não podem ser utilizados para aceder a uma sala sem informações adicionais.",
@@ -1983,18 +1978,6 @@
             },
             "this_room_button": "Pesquisar esta sala"
         },
-        "status_bar": {
-            "delete_all": "Eliminar tudo",
-            "exceeded_resource_limit": "A tua mensagem não foi enviada porque este servidor doméstico excedeu um limite de recursos. Por favor, <a>contacta o teu administrador de serviço</a> para continuares a utilizar o serviço.",
-            "homeserver_blocked": "A tua mensagem não foi enviada porque este servidor doméstico foi bloqueado pelo seu administrador. Por favor, <a>contacta o teu administrador de serviço</a> para continuares a usar o serviço.",
-            "monthly_user_limit_reached": "A tua mensagem não foi enviada porque este servidor atingiu o limite mensal de utilizadores activos. Por favor <a>contacta o teu administrador de serviço</a> para continuares a usar o serviço.",
-            "requires_consent_agreement": "Não podes enviar quaisquer mensagens até reveres e concordares com <consentLink>os nossos termos e condições</consentLink>.",
-            "retry_all": "Tentar tudo de novo",
-            "select_messages_to_retry": "Podes selecionar todas as mensagens ou mensagens individuais para repetir ou apagar",
-            "server_connectivity_lost_description": "Imagens enviadas ficarão armazenadas até que sua conexão seja reestabelecida.",
-            "server_connectivity_lost_title": "A conexão com o servidor foi perdida. Verifique sua conexão de internet.",
-            "some_messages_not_sent": "Algumas das tuas mensagens não foram enviadas"
-        },
         "unknown_status_code_for_timeline_jump": "código de estado desconhecido",
         "unread_notifications_predecessor": {
             "one": "Tens %(count)s uma notificação não lida numa versão anterior desta sala.",
@@ -2021,28 +2004,9 @@
         "add_space_label": "Adiciona espaço",
         "breadcrumbs_empty": "Nenhuma sala visitada recentemente",
         "breadcrumbs_label": "Salas visitadas recentemente",
-        "empty": {
-            "no_chats": "Ainda sem conversas",
-            "no_chats_description": "Começa a enviar mensagens a alguém ou a crie uma sala",
-            "no_chats_description_no_room_rights": "Começa por enviar uma mensagem a alguém",
-            "no_favourites": "Ainda não tem um conversa favorita",
-            "no_favourites_description": "Pode adicionar uma conversa aos seus favoritos nas definições de conversa",
-            "no_people": "Ainda não tem conversas diretas com ninguém",
-            "no_people_description": "Pode desseleccionar filtros para veres as suas outras conversas",
-            "no_rooms": "Você ainda não está em nenhuma sala",
-            "no_rooms_description": "Pode desmarcar filtros para ver as suas outras conversas",
-            "no_unread": "Parabéns! Não tens nenhuma mensagem por ler",
-            "show_chats": "Mostra todas as conversas"
-        },
         "failed_add_tag": "Falha ao adicionar %(tagName)s à sala",
         "failed_remove_tag": "Não foi possível remover a marcação %(tagName)s desta sala",
         "failed_set_dm_tag": "Falha ao definir a etiqueta de mensagem direta",
-        "filters": {
-            "favourite": "Favoritos",
-            "people": "Pessoas",
-            "rooms": "Salas",
-            "unread": "Não lido"
-        },
         "home_menu_label": "Opções de casa",
         "join_public_room_label": "Participa na sala pública",
         "joining_rooms_status": {
@@ -2051,24 +2015,13 @@
         },
         "list_title": "Lista de salas",
         "more_options": {
-            "copy_link": "Copiar link da sala",
-            "favourited": "Adicionado aos favoritos",
-            "leave_room": "Sair da sala",
-            "low_priority": "Baixa prioridade",
-            "mark_read": "Marcar como lido",
-            "mark_unread": "Marcar como não lido"
+            "leave_room": "Sair da sala"
         },
         "notification_options": "Opções de notificação",
-        "open_space_menu": "Abrir menu do espaço",
-        "primary_filters": "Filtros da lista de salas",
         "redacting_messages_status": {
             "one": "Atualmente removendo mensagens na %(count)s sala",
             "other": "Atualmente removendo mensagens em %(count)s salas"
         },
-        "room": {
-            "more_options": "Mais opções",
-            "open_room": "Abrir a sala %(roomName)s"
-        },
         "show_less": "Mostrar menos",
         "show_n_more": {
             "one": "Mostrar %(count)s mais",
@@ -2079,10 +2032,6 @@
         "sort_by_activity": "Atividade",
         "sort_by_alphabet": "A-Z",
         "sort_unread_first": "Mostra primeiro as salas com mensagens não lidas",
-        "space_menu": {
-            "home": "Casa do espaço",
-            "space_settings": "Configurações de espaço"
-        },
         "space_menu_label": "%(spaceName)s menu",
         "sublist_options": "Lista de opções",
         "suggested_rooms_heading": "Salas sugeridas"
@@ -2262,7 +2211,6 @@
             "error_join_rule_change_unknown": "Falha desconhecida",
             "guest_access_warning": "As pessoas com clientes apoiados poderão juntar-se à sala sem terem uma conta registada.",
             "history_visibility_invited": "Apenas membros (desde que tenham sido convidados)",
-            "history_visibility_joined": "Apenas membros (desde que aderiram)",
             "history_visibility_legend": "Quem pode ler o histórico da sala?",
             "history_visibility_shared": "Apenas membros (desde o momento em que seleccionas esta opção)",
             "history_visibility_warning": "As alterações a quem pode ler o histórico só se aplicam a mensagens futuras nesta sala. A visibilidade do histórico existente permanecerá inalterada.",
@@ -3182,24 +3130,10 @@
         "no_rooms_with_unread_threads": "Ainda não tens salas com tópicos não lidos."
     },
     "time": {
-        "about_day_ago": "há cerca de um dia",
-        "about_hour_ago": "há cerca de uma hora",
-        "about_minute_ago": "há cerca de um minuto",
         "date_at_time": "%(date)s às %(time)s",
-        "few_seconds_ago": "há alguns segundos atrás",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
-        "in_about_day": "daqui a um dia",
-        "in_about_hour": "daqui a uma hora",
-        "in_about_minute": "daqui a um minuto",
-        "in_few_seconds": "daqui a alguns segundos",
-        "in_n_days": "daqui a %(num)s dias",
-        "in_n_hours": "daqui a %(num)s horas",
-        "in_n_minutes": "daqui a %(num)s minutos",
         "left": "%(timeRemaining)s ainda",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
-        "n_days_ago": "%(num)s dias atrás",
-        "n_hours_ago": "%(num)s horas atrás",
-        "n_minutes_ago": "%(num)s minutos atrás",
         "seconds_left": "%(seconds)ss restantes",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -3223,12 +3157,7 @@
         "creation_summary_dm": "%(creator)s criou esta DM.",
         "creation_summary_room": "%(creator)s criou e configurou a sala.",
         "decryption_failure": {
-            "blocked": "O remetente impediu-te de receber esta mensagem porque o teu dispositivo não foi verificado",
-            "historical_event_no_key_backup": "As mensagens históricas não estão disponíveis neste dispositivo",
-            "historical_event_unverified_device": "Tens de verificar este dispositivo para acederes às mensagens históricas",
-            "historical_event_user_not_joined": "Não tens acesso a esta mensagem",
             "sender_identity_previously_verified": "A identidade verificada do remetente foi alterada",
-            "sender_unsigned_device": "Enviado de um dispositivo inseguro.",
             "unable_to_decrypt": "Não é possível desencriptar a mensagem"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3256,8 +3185,7 @@
         "m.audio": {
             "error_downloading_audio": "Erro ao descarregar áudio",
             "error_processing_audio": "Erro no processamento da mensagem de áudio",
-            "error_processing_voice_message": "Erro no processamento da mensagem de voz",
-            "unnamed_audio": "Áudio sem nome"
+            "error_processing_voice_message": "Erro no processamento da mensagem de voz"
         },
         "m.beacon_info": {
             "view_live_location": "Vê a localização ao vivo"
@@ -3829,7 +3757,6 @@
         "hide_sidebar_button": "Ocultar barra lateral",
         "input_devices": "Dispositivos de entrada",
         "jitsi_call": "Conferência Jitsi",
-        "join_button_tooltip_call_full": "Desculpa, neste momento, esta chamada está cheia",
         "legacy_call": "Chamada Legacy",
         "maximise": "Preenche o ecrã",
         "maximise_call": "Maximiza a chamada",
diff --git a/src/i18n/strings/pt_BR.json b/src/i18n/strings/pt_BR.json
index 9f2e9f5879..e10ea69e53 100644
--- a/src/i18n/strings/pt_BR.json
+++ b/src/i18n/strings/pt_BR.json
@@ -12,16 +12,6 @@
             "one": "1 menção não lida."
         },
         "recent_rooms": "Salas recentes",
-        "room_messsage_not_sent": "Abra a sala %(roomName)s com uma mensagem não enviada.",
-        "room_n_unread_invite": "Abra o convite da sala %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Sala aberta %(roomName)s com 1 mensagem não lida.",
-            "other": "Sala aberta %(roomName)s com mensagens %(count)s não lidas."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Sala aberta %(roomName)s com 1 menção não lida.",
-            "other": "Sala aberta %(roomName)s com mensagens %(count)s não lidas, incluindo menções."
-        },
         "room_name": "Sala %(name)s",
         "room_status_bar": "Barra de status da sala",
         "seek_bar_label": "Barra de busca de áudio",
@@ -93,17 +83,13 @@
         "maximise": "Maximizar",
         "mention": "Mencionar",
         "minimise": "Minimizar",
-        "new_conversation": "Nova conversa",
         "new_room": "Nova sala",
         "new_video_room": "Nova sala de vídeo",
         "next": "Próximo",
         "no": "Não",
         "ok": "Ok",
         "open": "Abrir",
-        "open_menu": "Abrir menu",
-        "pause": "Pausar",
         "pin": "Alfinete",
-        "play": "Reproduzir",
         "proceed": "Prosseguir",
         "quote": "Citar",
         "react": "Adicionar reação",
@@ -1505,7 +1491,6 @@
         "ask_to_join": "Habilitar pedir para participar",
         "automatic_debug_logs": "Enviar automaticamente logs de depuração em qualquer erro",
         "automatic_debug_logs_decryption": "Enviar automaticamente logs sobre erros de descriptografia",
-        "automatic_debug_logs_key_backup": "Envie automaticamente logs quando o backup da chave não estiver funcionando",
         "beta_description": "O que vem por aí no %(brand)s? Os laboratórios são a melhor maneira de obter informações antecipadas, testar novos recursos e ajudar a moldá-los antes do lançamento.",
         "beta_feature": "Este é um recurso beta",
         "beta_feedback_leave_button": "Para sair do beta, vá nas suas configurações.",
@@ -1713,7 +1698,6 @@
         "class_global": "Global",
         "class_other": "Outros",
         "default": "Padrão",
-        "default_settings": "Corresponder às configurações padrão",
         "email_pusher_app_display_name": "Notificações por e-mail",
         "enable_prompt_toast_description": "Ativar notificações na área de trabalho",
         "enable_prompt_toast_title": "Notificações",
@@ -1732,8 +1716,7 @@
         "mentions_and_keywords_description": "Receba notificações apenas com menções e palavras-chave conforme definido em suas <a>configurações</a>",
         "mentions_keywords": "Menções e palavras-chave!",
         "message_didnt_send": "A mensagem não foi enviada. Clique para mais informações.",
-        "mute_description": "Você não receberá nenhuma notificação",
-        "mute_room": "Silenciar sala"
+        "mute_description": "Você não receberá nenhuma notificação"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s está solicitando confirmação"
@@ -1977,7 +1960,6 @@
         "dm_invite_title": "Deseja conversar com %(user)s?",
         "drop_file_prompt": "Arraste um arquivo aqui para enviar",
         "edit_topic": "Editar tópico",
-        "error_3pid_invite_email_lookup": "Não foi possível encontrar o usuário por e-mail",
         "error_cancel_knock_title": "Falha ao cancelar",
         "error_join_403": "Você precisa de um convite para acessar esta sala.",
         "error_join_404_1": "Você tentou entrar usando um ID de sala sem fornecer uma lista de servidores pelos quais ingressar. Os IDs das salas são identificadores internos e não podem ser usados para entrar em uma sala sem informações adicionais.",
@@ -2108,18 +2090,6 @@
             },
             "this_room_button": "Pesquise nesta sala"
         },
-        "status_bar": {
-            "delete_all": "Excluir​•​tudo",
-            "exceeded_resource_limit": "Sua mensagem não foi enviada porque este servidor local excedeu o limite de recursos. Por favor, <a>entre em contato com o seu administrador de serviços</a> para continuar usando o serviço.",
-            "homeserver_blocked": "Sua​•​mensagem​•​não​•​foi​•​enviada​•​porque​•​esse​•​servidor​•​doméstico​•​foi​•​bloqueado​•​pelo​•​administrador.​•​<a>Entre​•​em​•​contato​•​com​•​o​•​administrador​•​do​•​serviço​•​</a>​•​para​•​continuar​•​usando​•​o​•​serviço.",
-            "monthly_user_limit_reached": "Sua mensagem não foi enviada porque este homeserver atingiu seu Limite de usuário ativo mensal. Por favor, <a>entre em contato com o seu administrador de serviços</a> para continuar usando o serviço.",
-            "requires_consent_agreement": "Você não pode enviar nenhuma mensagem até revisar e concordar com <consentLink>nossos termos e condições</consentLink>.",
-            "retry_all": "Repetir​•​tudo",
-            "select_messages_to_retry": "Você​•​pode​•​selecionar​•​todas​•​as​•​mensagens​•​ou​•​mensagens​•​individuais​•​para​•​tentar​•​novamente​•​ou​•​excluir",
-            "server_connectivity_lost_description": "Imagens enviadas ficarão armazenadas até que sua conexão seja reestabelecida.",
-            "server_connectivity_lost_title": "A conexão com o servidor foi perdida. Verifique sua conexão de internet.",
-            "some_messages_not_sent": "Algumas​•​de​•​suas​•​mensagens​•​não​•​foram​•​enviadas"
-        },
         "unknown_status_code_for_timeline_jump": "código​•​de​•​status​•​desconhecido",
         "unread_notifications_predecessor": {
             "other": "Você tem %(count)s notificações não lidas em uma versão anterior desta sala.",
@@ -2147,37 +2117,9 @@
         "add_space_label": "Adicionar espaço",
         "breadcrumbs_empty": "Nenhuma sala foi visitada recentemente",
         "breadcrumbs_label": "Salas visitadas recentemente",
-        "collapse_filters": "Recolher lista de filtros",
-        "empty": {
-            "no_chats": "Ainda não há conversas.",
-            "no_chats_description": "Comece enviando uma mensagem para alguém ou criando uma sala",
-            "no_chats_description_no_room_rights": "Comece enviando uma mensagem para alguém",
-            "no_favourites": "Você ainda não tem o bate-papo favorito",
-            "no_favourites_description": "Você pode adicionar um bate-papo aos seus favoritos nas configurações de bate-papo",
-            "no_invites": "Você não tem nenhum convite não lido",
-            "no_lowpriority": "Você não tem nenhuma sala de baixa prioridade",
-            "no_mentions": "Você não tem nenhuma menção não lida",
-            "no_people": "Você ainda não tem conversas diretas com ninguém",
-            "no_people_description": "Você pode desmarcar os filtros para ver suas outras conversas",
-            "no_rooms": "Você não está em nenhuma sala ainda",
-            "no_rooms_description": "Você pode desmarcar os filtros para ver suas outras conversas.",
-            "no_unread": "Parabéns! Você não tem nenhuma mensagem não lida",
-            "show_activity": "Ver todas as atividades",
-            "show_chats": "Mostrar todas as conversas"
-        },
-        "expand_filters": "Expandir lista de filtros",
         "failed_add_tag": "Falha ao adicionar a tag %(tagName)s para a sala",
         "failed_remove_tag": "Falha ao remover a tag %(tagName)s da sala",
         "failed_set_dm_tag": "Falha ao definir a marca de mensagem direta",
-        "filters": {
-            "favourite": "Favoritos",
-            "invites": "Convites",
-            "low_priority": "Baixa prioridade",
-            "mentions": "Menções",
-            "people": "Pessoas",
-            "rooms": "Salas",
-            "unread": "Não lido"
-        },
         "home_menu_label": "Opções do Início",
         "join_public_room_label": "Entrar na sala pública",
         "joining_rooms_status": {
@@ -2186,44 +2128,23 @@
         },
         "list_title": "Lista de salas",
         "more_options": {
-            "copy_link": "Copiar link da sala",
-            "favourited": "Favoritado",
-            "leave_room": "Sair da sala",
-            "low_priority": "Baixa prioridade",
-            "mark_read": "Marcar como lido",
-            "mark_unread": "Marcar como não lido"
+            "leave_room": "Sair da sala"
         },
         "notification_options": "Alterar notificações",
-        "open_space_menu": "Abrir menu do espaço",
-        "primary_filters": "Filtros da lista de salas",
         "redacting_messages_status": {
             "one": "Atualmente removendo mensagens em %(count)s sala",
             "other": "Atualmente removendo mensagens em %(count)s salas"
         },
-        "room": {
-            "more_options": "Mais opções",
-            "open_room": "Abrir sala %(roomName)s"
-        },
-        "room_options": "Opções da Sala",
         "show_less": "Mostrar menos",
         "show_n_more": {
             "other": "Mostrar %(count)s a mais",
             "one": "Mostrar %(count)s a mais"
         },
         "show_previews": "Mostrar pré-visualizações de mensagens",
-        "sort": "Ordenar",
         "sort_by": "Classificar por",
         "sort_by_activity": "Atividade recente",
         "sort_by_alphabet": "De A a Z",
-        "sort_type": {
-            "activity": "Atividade",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Mostrar salas não lidas em primeiro",
-        "space_menu": {
-            "home": "Espaço",
-            "space_settings": "Configurações de espaço"
-        },
         "space_menu_label": "Menu de %(spaceName)s",
         "sublist_options": "Opções da Lista",
         "suggested_rooms_heading": "Salas sugeridas"
@@ -2407,7 +2328,6 @@
             "error_join_rule_change_unknown": "Falha desconhecida",
             "guest_access_warning": "Pessoas com clientes suportados poderão entrar na sala sem ter uma conta registrada.",
             "history_visibility_invited": "Somente membros (desde que tenham sido convidados)",
-            "history_visibility_joined": "Apenas participantes (desde que entraram na sala)",
             "history_visibility_legend": "Quem pode ler o histórico da sala?",
             "history_visibility_shared": "Apenas participantes (a partir do momento em que esta opção for selecionada)",
             "history_visibility_warning": "A visibilidade do histórico existente não será alterada.",
@@ -3366,24 +3286,10 @@
         "no_rooms_with_unread_threads": "Você ainda não tem salas com tópicos não lidos."
     },
     "time": {
-        "about_day_ago": "há aproximadamente um dia",
-        "about_hour_ago": "há aproximadamente uma hora",
-        "about_minute_ago": "há aproximadamente um minuto",
         "date_at_time": "%(date)s às %(time)s",
-        "few_seconds_ago": "há alguns segundos",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss restantes",
-        "in_about_day": "dentro de aproximadamente um dia",
-        "in_about_hour": "dentro de aproximadamente uma hora",
-        "in_about_minute": "dentro de aproximadamente um minuto",
-        "in_few_seconds": "dentro de alguns segundos",
-        "in_n_days": "dentro de %(num)s dias",
-        "in_n_hours": "dentro de %(num)s horas",
-        "in_n_minutes": "dentro de %(num)s minutos",
         "left": "%(timeRemaining)s restante(s)",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss restantes",
-        "n_days_ago": "há %(num)s dias",
-        "n_hours_ago": "há %(num)s horas",
-        "n_minutes_ago": "há %(num)s minutos",
         "seconds_left": "%(seconds)s restantes",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)s h %(minutes)s m %(seconds)s s",
@@ -3407,12 +3313,7 @@
         "creation_summary_dm": "%(creator)s criou esta conversa.",
         "creation_summary_room": "%(creator)s criou e configurou esta sala.",
         "decryption_failure": {
-            "blocked": "O remetente bloqueou você de receber esta mensagem porque seu dispositivo não foi verificado",
-            "historical_event_no_key_backup": "Mensagens históricas não estão disponíveis neste dispositivo",
-            "historical_event_unverified_device": "Você precisa verificar este dispositivo para acessar as mensagens históricas",
-            "historical_event_user_not_joined": "Você não tem acesso a esta mensagem",
             "sender_identity_previously_verified": "A identidade verificada do remetente foi alterada",
-            "sender_unsigned_device": "Enviado de um dispositivo inseguro.",
             "unable_to_decrypt": "Não foi possível descriptografar a mensagem"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3438,11 +3339,9 @@
             "unable_to_find": "Não foi possível carregar um trecho específico da conversa desta sala."
         },
         "m.audio": {
-            "audio_player": "Reprodutor de Áudio",
             "error_downloading_audio": "Erro ao baixar o áudio",
             "error_processing_audio": "Erro ao processar a mensagem de áudio",
-            "error_processing_voice_message": "Erro ao processar a mensagem de voz",
-            "unnamed_audio": "Áudio sem nome"
+            "error_processing_voice_message": "Erro ao processar a mensagem de voz"
         },
         "m.beacon_info": {
             "view_live_location": "Ver localização ao vivo"
@@ -4016,7 +3915,6 @@
         "hide_sidebar_button": "Esconder a barra lateral",
         "input_devices": "Dispositivos de entrada",
         "jitsi_call": "Jitsi",
-        "join_button_tooltip_call_full": "Desculpe, esta chamada está lotada no momento",
         "legacy_call": "Legacy",
         "maximise": "Preencher tela",
         "maximise_call": "Maximizar chamada",
diff --git a/src/i18n/strings/ru.json b/src/i18n/strings/ru.json
index a4d54eddeb..e042f8f940 100644
--- a/src/i18n/strings/ru.json
+++ b/src/i18n/strings/ru.json
@@ -12,18 +12,6 @@
             "one": "1 непрочитанное упоминание."
         },
         "recent_rooms": "Недавние комнаты",
-        "room_messsage_not_sent": "Открыть комнату %(roomName)s с неотправленным сообщением.",
-        "room_n_unread_invite": "Открыть приглашение в комнату %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Открыть комнату %(roomName)s с 1 непрочитанным сообщением.",
-            "few": "Открыть комнату %(roomName)s с %(count)s непрочитанными сообщениями.",
-            "many": "Открыть комнату %(roomName)s с %(count)s непрочитанными сообщениями."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Открыть комнату %(roomName)s с 1 непрочитанным упоминанием.",
-            "few": "Открыть комнату %(roomName)s с %(count)s непрочитанными упоминаниями.",
-            "many": "Открыть комнату %(roomName)s с %(count)s непрочитанными упоминаниями."
-        },
         "room_name": "Комната %(name)s",
         "room_status_bar": "Строка состояния комнаты",
         "seek_bar_label": "Панель поиска аудио",
@@ -95,17 +83,13 @@
         "maximise": "Развернуть",
         "mention": "Упомянуть",
         "minimise": "Свернуть",
-        "new_conversation": "Новый диалог",
         "new_room": "Новая комната",
         "new_video_room": "Новая видеокомната",
         "next": "Далее",
         "no": "Нет",
         "ok": "ОК",
         "open": "Открыть",
-        "open_menu": "Открыть меню",
-        "pause": "Пауза",
         "pin": "Закрепить",
-        "play": "Воспроизведение",
         "proceed": "Продолжить",
         "quote": "Цитировать",
         "react": "Отреагировать",
@@ -847,6 +831,7 @@
         "number_of_users": "Количество пользователей",
         "only_joined_members": "Только зарегистрированные пользователи",
         "original_event_source": "Оригинальный исходный код",
+        "restore_from_backup": "Восстановить из резервной копии",
         "room_encrypted": "Комната <strong> зашифрована ✅</strong>",
         "room_id": "ID комнаты: %(roomId)s",
         "room_not_encrypted": "Комната <strong> не имеет шифрования 🚨</strong>",
@@ -958,6 +943,7 @@
         "bootstrap_title": "Настройка ключей",
         "confirm_encryption_setup_body": "Нажмите кнопку ниже, чтобы подтвердить настройку шифрования.",
         "confirm_encryption_setup_title": "Подтвердите настройку шифрования",
+        "continue_with_reset": "Продолжить сброс",
         "cross_signing_room_normal": "Эта комната зашифрована сквозным шифрованием",
         "cross_signing_room_verified": "Все в этой комнате подтверждены",
         "cross_signing_room_warning": "Кто-то использует неизвестный сеанс",
@@ -973,6 +959,7 @@
         "event_shield_reason_unverified_identity": "Зашифровано неподтвержденным пользователем.",
         "export_unsupported": "Ваш браузер не поддерживает необходимые криптографические расширения",
         "forgot_recovery_key": "Забыли ключ восстановления?",
+        "identity_needs_reset_description": "Для обеспечения доступа к истории сообщений необходимо сбросить криптографическую идентификацию.",
         "import_invalid_keyfile": "Недействительный файл ключей %(brand)s",
         "import_invalid_passphrase": "Ошибка аутентификации: возможно, неправильный пароль?",
         "key_storage_out_of_sync": "Хранилище ключей не синхронизировано.",
@@ -1509,7 +1496,6 @@
         "ask_to_join": "Включить запрос на присоединение",
         "automatic_debug_logs": "Автоматическая отправка журналов отладки при любой ошибке",
         "automatic_debug_logs_decryption": "Автоматическая отправка журналов отладки при ошибках расшифровки",
-        "automatic_debug_logs_key_backup": "Автоматически отправлять журналы отладки, когда резервное копирование ключей не работает",
         "beta_description": "Что нового в %(brand)s? Labs — это лучший способ получить и испытать новые функции, помогая сформировать их перед выходом в свет.",
         "beta_feature": "Это бета-функция",
         "beta_feedback_leave_button": "Чтобы выйти из бета-версии, зайдите в настройки.",
@@ -1718,7 +1704,6 @@
         "class_global": "Глобально",
         "class_other": "Другие",
         "default": "По умолчанию",
-        "default_settings": "Соответствует настройкам по умолчанию",
         "email_pusher_app_display_name": "Уведомления по электронной почте",
         "enable_prompt_toast_description": "Включить уведомления на рабочем столе",
         "enable_prompt_toast_title": "Уведомления",
@@ -1737,8 +1722,7 @@
         "mentions_and_keywords_description": "Получать уведомления только по упоминаниям и ключевым словам, установленным в ваших <a>настройках</a>",
         "mentions_keywords": "Упоминания и ключевые слова",
         "message_didnt_send": "Сообщение не отправлено. Нажмите для получения информации.",
-        "mute_description": "Вы не будете получать никаких уведомлений",
-        "mute_room": "Заглушить комнату"
+        "mute_description": "Вы не будете получать никаких уведомлений"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s запрашивает проверку"
@@ -1767,6 +1751,7 @@
         "end_message": "Опрос завершен. Победил ответ: %(topAnswer)s",
         "end_message_no_votes": "Опрос завершен. Ни одного голоса не было.",
         "end_title": "Завершить опрос",
+        "ended_poll_label": "Опрос завершен",
         "error_ending_description": "Извините, опрос не завершился. Пожалуйста, попробуйте еще раз.",
         "error_ending_title": "Не удалось завершить опрос",
         "error_voting_description": "Извините, ваш голос не был засчитан. Пожалуйста, попробуйте еще раз.",
@@ -1774,10 +1759,12 @@
         "failed_send_poll_description": "Не удалось отправить опрос, который вы пытались создать.",
         "failed_send_poll_title": "Не удалось отправить опрос",
         "notes": "Результаты отображаются только после завершения опроса",
+        "option_label": "Вариант %(number)s, %(answer)s",
         "options_add_button": "Добавить вариант",
         "options_heading": "Создать варианты",
         "options_label": "Вариант %(number)s",
         "options_placeholder": "Напишите вариант",
+        "poll_label": "Опрос",
         "topic_heading": "Каков вопрос или тема вашего опроса?",
         "topic_label": "Вопрос или тема",
         "topic_placeholder": "Напишите что-нибудь…",
@@ -1985,7 +1972,6 @@
         "dm_invite_title": "Хотите пообщаться с %(user)s?",
         "drop_file_prompt": "Перетащите файл сюда для отправки",
         "edit_topic": "Редактировать тему",
-        "error_3pid_invite_email_lookup": "Не удалось найти пользователя по электронной почте",
         "error_cancel_knock_title": "Не удалось отменить",
         "error_join_403": "Чтобы войти в эту комнату, вам нужно приглашение.",
         "error_join_404_1": "Вы попытались присоединиться, используя идентификатор комнаты, не предоставив список серверов, через которые вы хотите присоединиться. Идентификаторы комнат являются внутренними идентификаторами и не могут использоваться для присоединения к комнате без дополнительной информации.",
@@ -2018,6 +2004,8 @@
         "forget_room": "Забыть эту комнату",
         "forget_space": "Забыть это пространство",
         "header": {
+            "join_video_call": "Присоединиться к видеозвонку",
+            "join_voice_call": "Присоединиться к голосовому звонку",
             "n_people_asking_to_join": {
                 "one": "Просит присоединиться",
                 "few": "%(count)s пользователя запрашивают присоединения",
@@ -2100,6 +2088,7 @@
             "button_close_list": "Закрыть список",
             "button_view_all": "Посмотреть все",
             "description": "Закрепленные сообщения",
+            "go_to_newest_message": "Посмотрите закрепленное сообщение на временной шкале и самое новое закрепленное сообщение здесь.",
             "title": "<bold>%(index)s из %(length)s</bold> Закрепленные сообщения"
         },
         "read_topic": "Нажмите, чтобы увидеть тему",
@@ -2117,18 +2106,6 @@
             },
             "this_room_button": "Поиск в этой комнате"
         },
-        "status_bar": {
-            "delete_all": "Удалить все",
-            "exceeded_resource_limit": "Ваше сообщение не было отправлено, потому что этот домашний сервер превысил лимит ресурсов. <a>обратитесь к администратору службы</a>, чтобы продолжить использование службы.",
-            "homeserver_blocked": "Ваше сообщение не отправлено, поскольку домашний сервер заблокирован его администратором. <a>Обратитесь к администратору службы</a>, чтобы продолжить её использование.",
-            "monthly_user_limit_reached": "Ваше сообщение не было отправлено, потому что этот домашний сервер превысил месячный лимит активных пользователей. <a>обратитесь к администратору службы</a>, чтобы продолжить использование службы.",
-            "requires_consent_agreement": "Вы не можете отправлять сообщения до тех пор, пока вы не примете <consentLink>наши правила и положения</consentLink>.",
-            "retry_all": "Повторить все",
-            "select_messages_to_retry": "Вы можете выбрать все или отдельные сообщения для повторной попытки или удаления",
-            "server_connectivity_lost_description": "Отправленные сообщения будут сохранены, пока соединение не восстановится.",
-            "server_connectivity_lost_title": "Связь с сервером потеряна.",
-            "some_messages_not_sent": "Некоторые из ваших сообщений не были отправлены"
-        },
         "unknown_status_code_for_timeline_jump": "неизвестный код состояния",
         "unread_notifications_predecessor": {
             "other": "У вас есть %(count)s непрочитанных уведомлений в предыдущей версии этой комнаты.",
@@ -2156,37 +2133,9 @@
         "add_space_label": "Добавить пространство",
         "breadcrumbs_empty": "Нет недавно посещенных комнат",
         "breadcrumbs_label": "Недавно посещённые комнаты",
-        "collapse_filters": "Свернуть список фильтров",
-        "empty": {
-            "no_chats": "Пока нет доступных чатов",
-            "no_chats_description": "Начните с отправки сообщений или создания комнаты",
-            "no_chats_description_no_room_rights": "Начните переписку с отправки сообщения",
-            "no_favourites": "У вас пока нет чатов в Избранное",
-            "no_favourites_description": "Вы можете добавить в Избранное в настройках чата",
-            "no_invites": "У вас нет непрочитанных приглашений",
-            "no_lowpriority": "У вас нет комнат с низким приоритетом",
-            "no_mentions": "У вас нет непрочитанных упоминаний",
-            "no_people": "У вас пока нет личных чатов",
-            "no_people_description": "Вы можете убрать фильтры, чтобы увидеть другие ваши чаты",
-            "no_rooms": "Вы еще не находитесь ни в одной комнате",
-            "no_rooms_description": "Вы можете убрать фильтры, чтобы увидеть другие ваши чаты",
-            "no_unread": "Поздравляю! У вас нет непрочитанных сообщений",
-            "show_activity": "Посмотреть всю активность",
-            "show_chats": "Показать все чаты"
-        },
-        "expand_filters": "Развернуть список фильтров",
         "failed_add_tag": "Не удалось добавить тег %(tagName)s в комнату",
         "failed_remove_tag": "Не удалось удалить тег %(tagName)s из комнаты",
         "failed_set_dm_tag": "Не удалось установить метку личного сообщения",
-        "filters": {
-            "favourite": "Избранное",
-            "invites": "Приглашения",
-            "low_priority": "Низкий приоритет",
-            "mentions": "Упоминания",
-            "people": "Люди",
-            "rooms": "Комнаты",
-            "unread": "Непрочитанные"
-        },
         "home_menu_label": "Параметры раздела \"Главная\"",
         "join_public_room_label": "Присоединиться к публичной комнате",
         "joining_rooms_status": {
@@ -2195,44 +2144,23 @@
         },
         "list_title": "Список комнат",
         "more_options": {
-            "copy_link": "Скопировать ссылку на комнату",
-            "favourited": "Избранное",
-            "leave_room": "Покинуть комнату",
-            "low_priority": "Низкий приоритет",
-            "mark_read": "Отметить как прочитанное",
-            "mark_unread": "Отметить как непрочитанное"
+            "leave_room": "Покинуть комнату"
         },
         "notification_options": "Настройки уведомлений",
-        "open_space_menu": "Открыть меню пространств",
-        "primary_filters": "Фильтры комнат",
         "redacting_messages_status": {
             "one": "Удаляются сообщения в %(count)s комнате",
             "other": "Удаляются сообщения в %(count)s комнатах"
         },
-        "room": {
-            "more_options": "Дополнительные параметры",
-            "open_room": "Открыть комнату %(roomName)s"
-        },
-        "room_options": "Настройки комнаты",
         "show_less": "Показать меньше",
         "show_n_more": {
             "other": "Показать ещё %(count)s",
             "one": "Показать ещё %(count)s"
         },
         "show_previews": "Показывать последнее сообщение",
-        "sort": "Сортировать",
         "sort_by": "Сортировать",
         "sort_by_activity": "По активности",
         "sort_by_alphabet": "А-Я",
-        "sort_type": {
-            "activity": "Активность",
-            "atoz": "А-Я"
-        },
         "sort_unread_first": "Комнаты с непрочитанными сообщениями в начале",
-        "space_menu": {
-            "home": "Пространство — Главная",
-            "space_settings": "Настройки Пространства"
-        },
         "space_menu_label": "Меню %(spaceName)s",
         "sublist_options": "Настройки списка",
         "suggested_rooms_heading": "Предлагаемые комнаты"
@@ -2321,6 +2249,8 @@
             "no_aliases_space": "У этого пространства нет локальных адресов",
             "other_section": "Другие",
             "publish_toggle": "Опубликовать эту комнату в каталоге комнат %(domain)s?",
+            "publish_warn_invite_only": "Нельзя публиковать комнату, доступную только по приглашению.",
+            "publish_warn_no_canonical_permission": "Вам нужно разрешение, чтобы установить главный адрес для публикации этой комнаты.",
             "published_aliases_description": "Чтобы опубликовать адрес, его сначала нужно установить как локальный адрес.",
             "published_aliases_explainer_room": "Опубликованные адреса могут быть использованы любым человеком на любом сервере, чтобы присоединиться к вашей комнате.",
             "published_aliases_explainer_space": "Опубликованные адреса могут быть использованы любым человеком на любом сервере для присоединения к вашему пространству.",
@@ -2415,12 +2345,11 @@
             "error_join_rule_change_title": "Не удалось обновить правила присоединения",
             "error_join_rule_change_unknown": "Неизвестная ошибка",
             "guest_access_warning": "Люди с поддерживаемыми клиентами смогут присоединиться к комнате, не имея зарегистрированной учётной записи.",
-            "history_visibility_invited": "Только участники (с момента их приглашения)",
-            "history_visibility_joined": "Только участники (с момента их входа)",
+            "history_visibility_invited": "Участники с момента приглашения",
             "history_visibility_legend": "Кто может читать историю?",
-            "history_visibility_shared": "Только участники (с момента выбора этого параметра)",
-            "history_visibility_warning": "Видимость существующей истории сообщений в этой комнате не изменится.",
-            "history_visibility_world_readable": "Все",
+            "history_visibility_shared": "Участники (полная история)",
+            "history_visibility_warning": "Изменения не затронут старые сообщения, только новые. <a>Подробнее</a>",
+            "history_visibility_world_readable": "Любой (история общедоступна)",
             "join_rule_description": "Укажите, кто может присоединиться к %(roomName)s.",
             "join_rule_invite": "Приватное (только по приглашению)",
             "join_rule_invite_description": "Присоединиться могут только приглашенные люди.",
@@ -2480,10 +2409,12 @@
             "error_failed_save": "Не удалось обновить видимость этого пространства",
             "error_update_guest_access": "Не удалось обновить гостевой доступ к этому пространству",
             "error_update_history_visibility": "Не удалось обновить видимость истории этого пространства",
-            "guest_access_explainer": "Гости могут присоединиться к пространству, не имея учётной записи.",
+            "guest_access_disabled": "У тебя нет прав на изменение гостевого доступа.",
+            "guest_access_explainer": "Гости могут присоединиться к пространству, не имея учетной записи. Это может быть полезно для публичных пространств.",
             "guest_access_label": "Включить гостевой доступ",
             "history_visibility_anyone_space": "Предварительный просмотр пространства",
             "history_visibility_anyone_space_description": "Дайте людям возможность предварительно ознакомиться с вашим пространством, прежде чем они присоединятся к нему.",
+            "history_visibility_anyone_space_disabled": "У тебя нет прав на изменение видимости истории.",
             "history_visibility_anyone_space_recommendation": "Рекомендуется для публичных пространств.",
             "title": "Видимость"
         },
@@ -2937,6 +2868,7 @@
             "message_search_indexing": "В настоящее время идёт индексация: %(currentRoom)s",
             "message_search_indexing_idle": "В настоящее время не индексируются сообщения ни для одной комнаты.",
             "message_search_intro": "%(brand)s надежно кэширует зашифрованные сообщения локально, чтобы они появлялись в результатах поиска:",
+            "message_search_pending_rooms": "Комнаты, ожидающие индексации: %(pendingRooms)s",
             "message_search_room_progress": "%(doneRooms)s из %(totalRooms)s",
             "message_search_section": "Поиск по сообщениям",
             "message_search_sleep_time": "Как быстро сообщения должны быть загружены.",
@@ -3388,24 +3320,10 @@
         "no_rooms_with_unread_threads": "У вас пока нет комнат с непрочитанными обсуждениями."
     },
     "time": {
-        "about_day_ago": "около суток назад",
-        "about_hour_ago": "около часа назад",
-        "about_minute_ago": "около минуты назад",
         "date_at_time": "%(date)s в %(time)s",
-        "few_seconds_ago": "несколько секунд назад",
         "hours_minutes_seconds_left": "Осталось %(hours)sч %(minutes)sм %(seconds)sс",
-        "in_about_day": "примерно через день",
-        "in_about_hour": "примерно через час",
-        "in_about_minute": "примерно через минуту",
-        "in_few_seconds": "несколько секунд назад",
-        "in_n_days": "%(num)s дней спустя",
-        "in_n_hours": "%(num)s часов спустя",
-        "in_n_minutes": "%(num)s минут спустя",
         "left": "Осталось %(timeRemaining)s",
         "minutes_seconds_left": "Осталось %(minutes)sм %(seconds)sс",
-        "n_days_ago": "%(num)s дней назад",
-        "n_hours_ago": "%(num)s часов назад",
-        "n_minutes_ago": "%(num)s минут назад",
         "seconds_left": "%(seconds)s осталось",
         "short_days": "%(value)sд",
         "short_days_hours_minutes_seconds": "%(days)s д %(hours)s ч %(minutes)s мин %(seconds)s с",
@@ -3429,12 +3347,7 @@
         "creation_summary_dm": "%(creator)s начал(а) этот чат.",
         "creation_summary_room": "%(creator)s создал(а) и настроил(а) комнату.",
         "decryption_failure": {
-            "blocked": "Отправитель заблокировал получение этого сообщения, поскольку ваше устройство не проверено.",
-            "historical_event_no_key_backup": "История сообщений недоступна на этом устройстве",
-            "historical_event_unverified_device": "Вам необходимо подтвердить это устройство для доступа к истории сообщений.",
-            "historical_event_user_not_joined": "У вас нет доступа к этому сообщению",
             "sender_identity_previously_verified": "Подтвержденная личность изменилась",
-            "sender_unsigned_device": "Отправлено с незащищенного устройства",
             "unable_to_decrypt": "Не удалось расшифровать сообщение"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3460,11 +3373,9 @@
             "unable_to_find": "Попытка загрузить выбранный интервал истории чата этой комнаты не удалась, так как запрошенный элемент не найден."
         },
         "m.audio": {
-            "audio_player": "Аудиоплеер",
             "error_downloading_audio": "Ошибка загрузки аудио",
             "error_processing_audio": "Ошибка обработки звукового сообщения",
-            "error_processing_voice_message": "Ошибка при обработке голосового сообщения",
-            "unnamed_audio": "Безымянное аудио"
+            "error_processing_voice_message": "Ошибка при обработке голосового сообщения"
         },
         "m.beacon_info": {
             "view_live_location": "Посмотреть трансляцию местоположения"
@@ -4042,7 +3953,6 @@
         "hide_sidebar_button": "Скрыть боковую панель",
         "input_devices": "Устройства ввода",
         "jitsi_call": "Конференция Jitsi",
-        "join_button_tooltip_call_full": "Извините — этот вызов в настоящее время заполнен",
         "legacy_call": "Звонок (устаревший)",
         "maximise": "Заполнить экран",
         "maximise_call": "Развернуть звонок",
@@ -4102,6 +4012,7 @@
         "video_call_using": "Видеозвонок с использованием:",
         "voice_call": "Голосовой вызов",
         "voice_call_incoming": "Входящий голосовой вызов",
+        "voice_call_using": "Голосовой звонок с помощью:",
         "you_are_presenting": "Вы представляете"
     },
     "web_default_device_name": "%(appName)s: %(browserName)s на %(osName)s",
diff --git a/src/i18n/strings/sk.json b/src/i18n/strings/sk.json
index 64a49eed52..ccf06da08e 100644
--- a/src/i18n/strings/sk.json
+++ b/src/i18n/strings/sk.json
@@ -14,18 +14,6 @@
             "other": "%(count)s neprečítaných správ vrátane zmienok."
         },
         "recent_rooms": "Nedávne miestnosti",
-        "room_messsage_not_sent": "Otvoriť miestnosť %(roomName)s s neodoslanou správou.",
-        "room_n_unread_invite": "Otvoriť pozvánku miestnosti %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Otvoriť miestnosť %(roomName)s s 1 neprečítanou správou.",
-            "few": "Otvoriť miestnosť %(roomName)s s %(count)s neprečítanými správami.",
-            "other": "Otvoriť miestnosť %(roomName)s s %(count)s neprečítanými správami."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Otvoriť miestnosť %(roomName)s s 1 neprečítanou zmienkou.",
-            "few": "Otvoriť miestnosť %(roomName)s s %(count)s neprečítanými správami vrátane zmienok.",
-            "other": "Otvoriť miestnosť %(roomName)s s %(count)s neprečítanými správami vrátane zmienok."
-        },
         "room_name": "Miestnosť %(name)s",
         "room_status_bar": "Stavový riadok miestnosti",
         "seek_bar_label": "Panel vyhľadávania zvuku",
@@ -97,17 +85,13 @@
         "maximise": "Maximalizovať",
         "mention": "Zmieniť sa",
         "minimise": "Minimalizovať",
-        "new_conversation": "Nová konverzácia",
         "new_room": "Nová miestnosť",
         "new_video_room": "Nová video miestnosť",
         "next": "Ďalej",
         "no": "Nie",
         "ok": "OK",
         "open": "Otvoriť",
-        "open_menu": "Otvoriť ponuku",
-        "pause": "Pozastaviť",
         "pin": "Špendlík",
-        "play": "Prehrať",
         "proceed": "Pokračovať",
         "quote": "Citovať",
         "react": "Reagovať",
@@ -586,6 +570,7 @@
         "someone": "Niekto",
         "space": "Priestor",
         "spaces": "Priestory",
+        "state_encryption_enabled": "Experimentálne šifrovanie stavu zapnuté",
         "sticker": "Nálepka",
         "stickerpack": "Balíček nálepiek",
         "success": "Úspech",
@@ -693,6 +678,8 @@
         "join_rule_restricted_label": "Každý v <SpaceName/> bude môcť nájsť túto miestnosť a pripojiť sa k nej.",
         "name_validation_required": "Zadajte prosím názov miestnosti",
         "room_visibility_label": "Viditeľnosť miestnosti",
+        "state_encrypted_warning": "Umožňuje experimentálnu podporu šifrovania stavových udalostí, ktoré skryjú metadáta, ako sú názvy miestností a témy, pred serverom. Tieto metadáta budú tiež skryté pred ľuďmi, ktorí sa k miestnostiam pripoja neskôr, a ľuďmi, ktorých klienti nepodporujú MSC4362.",
+        "state_encryption_label": "Šifrovať stavové udalosti",
         "title_private_room": "Vytvoriť súkromnú miestnosť",
         "title_public_room": "Vytvoriť verejnú miestnosť",
         "title_video_room": "Vytvoriť video miestnosť",
@@ -853,6 +840,7 @@
         "number_of_users": "Počet používateľov",
         "only_joined_members": "Iba pripojení používatelia",
         "original_event_source": "Pôvodný zdroj udalosti",
+        "restore_from_backup": "Obnoviť zo zálohy",
         "room_encrypted": "Miestnosť je <strong>šifrovaná ✅</strong>",
         "room_id": "ID miestnosti: %(roomId)s",
         "room_not_encrypted": "Miestnosť <strong>nie je šifrovaná 🚨</strong>",
@@ -964,6 +952,7 @@
         "bootstrap_title": "Príprava kľúčov",
         "confirm_encryption_setup_body": "Kliknutím na tlačidlo nižšie potvrdíte nastavenie šifrovania.",
         "confirm_encryption_setup_title": "Potvrdiť nastavenie šifrovania",
+        "continue_with_reset": "Pokračovať s obnovením",
         "cross_signing_room_normal": "Táto miestnosť je end-to-end šifrovaná",
         "cross_signing_room_verified": "Všetci v tejto miestnosti sú overení",
         "cross_signing_room_warning": "Niekto používa neznámu reláciu",
@@ -979,10 +968,12 @@
         "event_shield_reason_unverified_identity": "Šifrované neovereným používateľom.",
         "export_unsupported": "Váš prehliadač nepodporuje požadované kryptografické rozšírenia",
         "forgot_recovery_key": "Zabudli ste kľúč na obnovenie?",
+        "identity_needs_reset_description": "Musíte obnoviť svoju kryptografickú identitu, aby ste si zabezpečili prístup k histórii správ.",
         "import_invalid_keyfile": "Toto nie je správny súbor s kľúčmi %(brand)s",
         "import_invalid_passphrase": "Kontrola overenia zlyhala: Nesprávne heslo?",
         "key_storage_out_of_sync": "Vaše úložisko kľúčov nie je synchronizované.",
         "key_storage_out_of_sync_description": "Potvrďte svoj kľúč na obnovenie, aby ste zachovali prístup k úložisku kľúčov a histórii správ.",
+        "message_shared_by": "%(displayName)s (%(userId)s ) zdieľal túto správu čase, keď ste ešte neboli v miestnosti, keď bola odoslaná.",
         "messages_not_secure": {
             "cause_1": "Váš domovský server",
             "cause_2": "Domovský server, ku ktorému je pripojený používateľ, ktorého overujete",
@@ -1521,7 +1512,6 @@
         "ask_to_join": "Umožniť požiadať o pripojenie",
         "automatic_debug_logs": "Automatické odosielanie záznamov ladenia pri akejkoľvek chybe",
         "automatic_debug_logs_decryption": "Automatické odosielanie záznamov ladenia pri chybe dešifrovania",
-        "automatic_debug_logs_key_backup": "Automaticky odosielať záznamy o ladení, ak zálohovanie kľúčov nefunguje",
         "beta_description": "Čo vás čaká v aplikácii %(brand)s? Laboratóriá sú najlepším spôsobom, ako získať funkcie v predstihu, otestovať nové funkcie a pomôcť ich vytvoriť ešte pred ich skutočným spustením.",
         "beta_feature": "Toto je funkcia vo verzii beta",
         "beta_feedback_leave_button": "Ak chcete opustiť beta verziu, navštívte svoje nastavenia.",
@@ -1538,6 +1528,8 @@
         "dynamic_room_predecessors": "Predchodcovia dynamickej miestnosti",
         "dynamic_room_predecessors_description": "Zapnúť MSC3946 (na podporu neskorých archívov miestností)",
         "element_call_video_rooms": "Element Call video miestnosti",
+        "encrypted_state_events": "Zašifrované stavy udalostí (MSC4362)",
+        "encrypted_state_events_description": "Umožňuje experimentálnu podporu šifrovania stavových udalostí, ktoré skryjú metadáta, ako sú názvy miestností a témy, pred serverom. Tieto metadáta budú tiež skryté pred ľuďmi, ktorí sa k miestnostiam pripoja neskôr, a ľuďmi, ktorých klienti nepodporujú MSC4362.",
         "exclude_insecure_devices": "Vylúčiť nezabezpečené zariadenia pri odosielaní/prijímaní správ",
         "exclude_insecure_devices_description": "Ak je tento režim povolený, šifrované správy nebudú zdieľané s neoverenými zariadeniami a správy z neoverených zariadení sa zobrazia ako chyba. Upozorňujeme, že ak povolíte tento režim, možno nebudete môcť komunikovať s používateľmi, ktorí svoje zariadenia neoverili.",
         "experimental_description": "Chcete experimentovať? Vyskúšajte naše najnovšie nápady vo vývojovom štádiu. Tieto funkcie nie sú dokončené; môžu byť nestabilné, môžu sa zmeniť alebo môžu byť úplne zrušené. <a>Zistiť viac</a>.",
@@ -1730,7 +1722,6 @@
         "class_global": "Celosystémové",
         "class_other": "Ďalšie",
         "default": "Predvolené",
-        "default_settings": "Zhoda s predvolenými nastaveniami",
         "email_pusher_app_display_name": "Emailové oznámenia",
         "enable_prompt_toast_description": "Povoliť oznámenia na ploche",
         "enable_prompt_toast_title": "Oznámenia",
@@ -1749,8 +1740,7 @@
         "mentions_and_keywords_description": "Dostávajte upozornenia len na zmienky a kľúčové slová nastavené vo vašich <a>nastaveniach</a>",
         "mentions_keywords": "Zmienky a kľúčové slová",
         "message_didnt_send": "Správa sa neodoslala. Kliknite pre informácie.",
-        "mute_description": "Nebudete dostávať žiadne oznámenia",
-        "mute_room": "Stlmiť miestnosť"
+        "mute_description": "Nebudete dostávať žiadne oznámenia"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s žiada o overenie"
@@ -2015,7 +2005,6 @@
         "dm_invite_title": "Chcete konverzovať s %(user)s?",
         "drop_file_prompt": "Pretiahnutím sem nahráte súbor",
         "edit_topic": "Upraviť tému",
-        "error_3pid_invite_email_lookup": "Nie je možné nájsť používateľa podľa e-mailu",
         "error_cancel_knock_title": "Nepodarilo sa zrušiť",
         "error_join_403": "Na prístup do tejto miestnosti potrebujete pozvánku.",
         "error_join_404_1": "Pokúsili ste sa pripojiť pomocou ID miestnosti bez uvedenia zoznamu serverov, cez ktoré sa môžete pripojiť. ID miestností sú interné identifikátory a bez ďalších informácií ich nemožno použiť na pripojenie k miestnosti.",
@@ -2049,6 +2038,8 @@
         "forget_room": "Zabudnúť túto miestnosť",
         "forget_space": "Zabudnúť tento priestor",
         "header": {
+            "join_video_call": "Pripojiť sa k videohovoru",
+            "join_voice_call": "Pripojiť sa k hlasovému hovoru",
             "n_people_asking_to_join": {
                 "one": "Žiada o pripojenie",
                 "few": "%(count)s ľudia žiadajú o pripojenie",
@@ -2150,19 +2141,6 @@
             },
             "this_room_button": "Vyhľadávať v tejto miestnosti"
         },
-        "status_bar": {
-            "delete_all": "Vymazať všetko",
-            "exceeded_resource_limit": "Vaša správa nebola odoslaná, pretože bol prekročený limit prostriedkov tohoto domovského servera. Prosím, <a>kontaktujte správcu služieb</a> aby ste službu mohli naďalej používať.",
-            "history_visible": "Správy, ktoré odošlete, budú zdieľané s novými členmi pozvanými do tejto miestnosti. <a>Zistiť viac</a>",
-            "homeserver_blocked": "Vaša správa nebola odoslaná, pretože tento domovský server bol zablokovaný jeho správcom. Prosím, <a>kontaktujte správcu služieb</a>, aby ste službu mohli naďalej používať.",
-            "monthly_user_limit_reached": "Vaša správa nebola odoslaná, pretože bol dosiahnutý mesačný limit počtu aktívnych používateľov tohoto domovského servera. Prosím, <a>kontaktujte správcu služieb</a> aby ste službu mohli naďalej používať.",
-            "requires_consent_agreement": "Nemôžete posielať žiadne správy, kým si neprečítate a neodsúhlasíte <consentLink>naše zmluvné podmienky</consentLink>.",
-            "retry_all": "Odoslať všetky znova",
-            "select_messages_to_retry": "Môžete vybrať všetky alebo jednotlivé správy, ktoré chcete opakovane odoslať alebo vymazať",
-            "server_connectivity_lost_description": "Odoslané správy ostanú uložené, kým sa spojenie nenadviaže znovu.",
-            "server_connectivity_lost_title": "Spojenie so serverom bolo prerušené.",
-            "some_messages_not_sent": "Niektoré vaše správy ešte neboli odoslané"
-        },
         "unknown_status_code_for_timeline_jump": "neznámy kód stavu",
         "unread_notifications_predecessor": {
             "one": "V predchádzajúcej verzii tejto miestnosti máte %(count)s neprečítané oznámenie.",
@@ -2192,37 +2170,9 @@
         "add_space_label": "Pridať priestor",
         "breadcrumbs_empty": "Žiadne nedávno navštívené miestnosti",
         "breadcrumbs_label": "Nedávno navštívené miestnosti",
-        "collapse_filters": "Zbaliť zoznam filtrov",
-        "empty": {
-            "no_chats": "Zatiaľ žiadne konverzácie",
-            "no_chats_description": "Začnite tým, že niekomu napíšete správu alebo vytvoríte miestnosť",
-            "no_chats_description_no_room_rights": "Začnite tým, že niekomu napíšete správu",
-            "no_favourites": "Zatiaľ nemáte obľúbenú konverzáciu",
-            "no_favourites_description": "V nastaveniach konverzácií môžete pridať konverzáciu medzi obľúbené",
-            "no_invites": "Nemáte žiadne neprečítané pozvánky",
-            "no_lowpriority": "Nemáte žiadne miestnosti s nízkou prioritou",
-            "no_mentions": "Nemáte žiadne neprečítané zmienky",
-            "no_people": "Zatiaľ s nikým nemáte priame konverzácie",
-            "no_people_description": "Môžete zrušiť výber filtrov, aby ste videli svoje ostatné konverzácie",
-            "no_rooms": "Zatiaľ ešte nie ste v žiadnej miestnosti",
-            "no_rooms_description": "Môžete zrušiť výber filtrov, aby ste videli svoje ostatné konverzácie",
-            "no_unread": "Gratulujeme! Nemáte žiadne neprečítané správy",
-            "show_activity": "Zobraziť všetku aktivitu",
-            "show_chats": "Zobraziť všetky konverzácie"
-        },
-        "expand_filters": "Rozbaliť zoznam filtrov",
         "failed_add_tag": "Miestnosti sa nepodarilo pridať značku %(tagName)s",
         "failed_remove_tag": "Z miestnosti sa nepodarilo odstrániť značku %(tagName)s",
         "failed_set_dm_tag": "Nepodarilo sa nastaviť značku priamej správy",
-        "filters": {
-            "favourite": "Obľúbené",
-            "invites": "Pozvánky",
-            "low_priority": "Nízka priorita",
-            "mentions": "Zmienky",
-            "people": "Ľudia",
-            "rooms": "Miestnosti",
-            "unread": "Neprečítané"
-        },
         "home_menu_label": "Možnosti domovskej obrazovky",
         "join_public_room_label": "Pripojiť sa k verejnej miestnosti",
         "joining_rooms_status": {
@@ -2232,26 +2182,14 @@
         },
         "list_title": "Zoznam miestností",
         "more_options": {
-            "copy_link": "Kopírovať odkaz na miestnosť",
-            "favourited": "Obľúbené",
-            "leave_room": "Opustiť miestnosť",
-            "low_priority": "Nízka priorita",
-            "mark_read": "Označiť ako prečítané",
-            "mark_unread": "Označiť ako neprečítané"
+            "leave_room": "Opustiť miestnosť"
         },
         "notification_options": "Možnosti oznámenia",
-        "open_space_menu": "Otvoriť ponuku priestoru",
-        "primary_filters": "Filtre zoznamu miestností",
         "redacting_messages_status": {
             "one": "V súčasnosti sa odstraňujú správy v %(count)s miestnosti",
             "few": "V súčasnosti sa odstraňujú správy v %(count)s miestnostiach",
             "other": "V súčasnosti sa odstraňujú správy v %(count)s miestnostiach"
         },
-        "room": {
-            "more_options": "Viac možností",
-            "open_room": "Otvoriť miestnosť %(roomName)s"
-        },
-        "room_options": "Možnosti miestnosti",
         "show_less": "Zobraziť menej",
         "show_n_more": {
             "one": "Zobraziť %(count)s ďalšiu",
@@ -2259,19 +2197,10 @@
             "other": "Zobraziť %(count)s ďalších"
         },
         "show_previews": "Zobraziť náhľady správ",
-        "sort": "Zoradiť",
         "sort_by": "Zoradiť podľa",
         "sort_by_activity": "Aktivity",
         "sort_by_alphabet": "A-Z",
-        "sort_type": {
-            "activity": "Aktivita",
-            "atoz": "A-Z"
-        },
         "sort_unread_first": "Najprv ukázať miestnosti s neprečítanými správami",
-        "space_menu": {
-            "home": "Domov priestoru",
-            "space_settings": "Nastavenia priestoru"
-        },
         "space_menu_label": "%(spaceName)s ponuka",
         "sublist_options": "Možnosti zoznamu",
         "suggested_rooms_heading": "Navrhované miestnosti"
@@ -2456,12 +2385,11 @@
             "error_join_rule_change_title": "Nepodarilo sa aktualizovať pravidlá pripojenia",
             "error_join_rule_change_unknown": "Neznáme zlyhanie",
             "guest_access_warning": "Ľudia s podporovanými klientmi sa budú môcť pripojiť do miestnosti bez toho, aby mali zaregistrovaný účet.",
-            "history_visibility_invited": "Len členovia (odkedy boli pozvaní)",
-            "history_visibility_joined": "Len členovia (odkedy vstúpili)",
+            "history_visibility_invited": "Členovia od pozvania",
             "history_visibility_legend": "Kto môže čítať históriu?",
-            "history_visibility_shared": "Len členovia (odkedy je aktívna táto voľba)",
-            "history_visibility_warning": "Viditeľnosť existujúcej histórie sa nezmení.",
-            "history_visibility_world_readable": "Ktokoľvek",
+            "history_visibility_shared": "Členovia (úplná história)",
+            "history_visibility_warning": "Zmeny neovplyvnia predchádzajúce správy, iba nové. <a> Zistiť viac</a>",
+            "history_visibility_world_readable": "Ktokoľvek (história je verejná)",
             "join_rule_description": "Určite, kto sa môže pripojiť k %(roomName)s.",
             "join_rule_invite": "Súkromné (len pre pozvaných)",
             "join_rule_invite_description": "Pripojiť sa môžu len pozvaní ľudia.",
@@ -3428,24 +3356,10 @@
         "no_rooms_with_unread_threads": "Zatiaľ nemáte miestnosti s neprečítanými vláknami."
     },
     "time": {
-        "about_day_ago": "asi pred jedným dňom",
-        "about_hour_ago": "približne pred hodinou",
-        "about_minute_ago": "približne pred minútou",
         "date_at_time": "%(date)s o %(time)s",
-        "few_seconds_ago": "pred pár sekundami",
         "hours_minutes_seconds_left": "ostáva %(hours)sh %(minutes)sm %(seconds)ss",
-        "in_about_day": "približne o deň",
-        "in_about_hour": "približne o hodinu",
-        "in_about_minute": "približne o minútu",
-        "in_few_seconds": "o pár sekúnd",
-        "in_n_days": "o %(num)s dní",
-        "in_n_hours": "o %(num)s hodín",
-        "in_n_minutes": "o %(num)s minút",
         "left": "zostáva %(timeRemaining)s",
         "minutes_seconds_left": "ostáva %(minutes)sm %(seconds)ss",
-        "n_days_ago": "pred %(num)s dňami",
-        "n_hours_ago": "pred %(num)s hodinami",
-        "n_minutes_ago": "pred %(num)s minútami",
         "seconds_left": "%(seconds)ss ostáva",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -3469,12 +3383,7 @@
         "creation_summary_dm": "%(creator)s vytvoril/a túto priamu správu.",
         "creation_summary_room": "%(creator)s vytvoril a nastavil miestnosť.",
         "decryption_failure": {
-            "blocked": "Odosielateľ vám zablokoval prijímanie tejto správy, pretože vaše zariadenie nie je overené",
-            "historical_event_no_key_backup": "Staré správy nie sú na tomto zariadení k dispozícii",
-            "historical_event_unverified_device": "Musíte overiť toto zariadenie pre prístup k starším správam",
-            "historical_event_user_not_joined": "K tejto správe nemáte prístup",
             "sender_identity_previously_verified": "Overená totožnosť odosielateľa sa zmenila",
-            "sender_unsigned_device": "Odoslané z nezabezpečeného zariadenia.",
             "unable_to_decrypt": "Správu sa nepodarilo dešifrovať"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3500,11 +3409,9 @@
             "unable_to_find": "Pokus o načítanie konkrétneho bodu na časovej osi tejto miestnosti, ale nepodarilo sa ho nájsť."
         },
         "m.audio": {
-            "audio_player": "Prehrávač zvuku",
             "error_downloading_audio": "Chyba pri sťahovaní zvuku",
             "error_processing_audio": "Chyba pri spracovaní hlasovej správy",
-            "error_processing_voice_message": "Chyba pri spracovaní hlasovej správy",
-            "unnamed_audio": "Nepomenovaný zvukový záznam"
+            "error_processing_voice_message": "Chyba pri spracovaní hlasovej správy"
         },
         "m.beacon_info": {
             "view_live_location": "Zobraziť polohu v reálnom čase"
@@ -3600,6 +3507,7 @@
             "enabled_dm": "Správy sú tu end-to-end šifrované. Overte %(displayName)s v ich profile - ťuknite na ich profilový obrázok.",
             "enabled_local": "Správy v tejto konverzácii sú šifrované od vás až k príjemcovi.",
             "parameters_changed": "Niektoré parametre šifrovania boli zmenené.",
+            "state_enabled": "Správy a udalosti v tejto miestnosti sú šifrované end-to-end. Keď sa ľudia pripoja, môžete ich overiť v ich profile, stačí ťuknúť na ich profilový obrázok.",
             "unsupported": "Šifrovanie používané v tejto miestnosti nie je podporované."
         },
         "m.room.guest_access": {
@@ -4114,7 +4022,6 @@
         "hide_sidebar_button": "Skryť bočný panel",
         "input_devices": "Vstupné zariadenia",
         "jitsi_call": "Konferencia Jitsi",
-        "join_button_tooltip_call_full": "Prepáčte — tento hovor je momentálne obsadený",
         "legacy_call": "Zastaraný hovor",
         "maximise": "Vyplniť obrazovku",
         "maximise_call": "Maximalizovať hovor",
diff --git a/src/i18n/strings/sq.json b/src/i18n/strings/sq.json
index 30200eeae9..de511624ee 100644
--- a/src/i18n/strings/sq.json
+++ b/src/i18n/strings/sq.json
@@ -78,9 +78,7 @@
         "next": "Pasuesja",
         "no": "Jo",
         "open": "Hape",
-        "pause": "Ndalesë",
         "pin": "Fiksoje",
-        "play": "Luaje",
         "quote": "Citim",
         "react": "Reagoni",
         "refresh": "Rifreskoje",
@@ -1196,7 +1194,6 @@
     "labs": {
         "automatic_debug_logs": "Me çdo gabim, dërgo automatikisht regjistra diagnostikimi",
         "automatic_debug_logs_decryption": "Dërgo automatikisht regjistra diagnostikimi, gjatë gabimesh shfshehtëzimi",
-        "automatic_debug_logs_key_backup": "Dërgo automatikisht regjistra diagnostikimi, kur kopjeruajtja e kyçeve nuk funksionon",
         "beta_description": "Ç’vjen më pas për %(brand)s? Labs janë mënyra më e mirë për t’i pasur gjërat që herët, për të testuar veçori të reja dhe për të ndihmuar t’u jepet formë para se të hidhen faktikisht në qarkullim.",
         "beta_feature": "Kjo është një veçori beta",
         "beta_feedback_leave_button": "Që të braktisni beta-n, vizitoni rregullimet tuaja.",
@@ -1688,18 +1685,6 @@
             "all_rooms_button": "Kërko në krejt dhomat",
             "this_room_button": "Kërko në këtë dhomë"
         },
-        "status_bar": {
-            "delete_all": "Fshiji krejt",
-            "exceeded_resource_limit": "Mesazhi juaj s’u dërgua, ngaqë ky shërbyes Home ka tejkaluar kufirin e një burimi. Ju lutemi, që të vazhdoni ta përdorni këtë shërbim, <a>lidhuni me përgjegjësin e shërbimit tuaj</a>.",
-            "homeserver_blocked": "Mesazhi juaj s’u dërgua, ngaqë ky shërbyes Home është bllokuar nga përgjegjësi i tij. Ju lutemi, që të vazhdoni ta përdorni këtë shërbim, <a>lidhuni me përgjegjësin e shërbimit tuaj</a>.",
-            "monthly_user_limit_reached": "Mesazhi juaj s’u dërgua, ngaqë ky shërbyes Home ka mbërritur në Kufirin Mujor të Përdoruesve Aktivë. Ju lutemi, që të vazhdoni ta përdorni këtë shërbim, <a>lidhuni me përgjegjësin e shërbimit tuaj</a>.",
-            "requires_consent_agreement": "S’mund të dërgoni ndonjë mesazh, përpara se të shqyrtoni dhe pajtoheni me <consentLink>termat dhe kushtet tona</consentLink>.",
-            "retry_all": "Riprovoji krejt",
-            "select_messages_to_retry": "Për riprovim ose fshirje mund të përzgjidhni krejt mesazhet, ose të tillë individualë",
-            "server_connectivity_lost_description": "Mesazhet e dërguar do të depozitohen deri sa lidhja juaj të jetë rikthyer.",
-            "server_connectivity_lost_title": "Humbi lidhja me shërbyesin.",
-            "some_messages_not_sent": "Disa nga mesazhet tuaj s’janë dërguar"
-        },
         "unknown_status_code_for_timeline_jump": "kod i panjohur gjendjeje",
         "unread_notifications_predecessor": {
             "other": "Keni %(count)s njoftime të palexuar në një version të mëparshëm të kësaj dhome.",
@@ -1918,7 +1903,6 @@
             "error_join_rule_change_unknown": "Dështim i panjohur",
             "guest_access_warning": "Persona me klientë të mbuluar do të jenë në gjendje të hyjnë te dhoma pa pasur ndonjë llogari të regjistruar.",
             "history_visibility_invited": "Vetëm anëtarë (që kur qenë ftuar)",
-            "history_visibility_joined": "Vetëm anëtarë (që kur janë bërë pjesë)",
             "history_visibility_legend": "Kush mund të lexojë historikun?",
             "history_visibility_shared": "Vetëm anëtarët (që nga çasti i përzgjedhjes së kësaj mundësie)",
             "history_visibility_warning": "Ndryshime se cilët mund të lexojnë historikun do të vlejnë vetëm për mesazhe të ardhshëm në këtë dhomë. Dukshmëria e historikut ekzistues nuk do të ndryshohet.",
@@ -2651,24 +2635,10 @@
         "show_thread_filter": "Shfaq:"
     },
     "time": {
-        "about_day_ago": "rreth një ditë më parë",
-        "about_hour_ago": "rreth një orë më parë",
-        "about_minute_ago": "rreth një minutë më parë",
         "date_at_time": "%(date)s më %(time)s",
-        "few_seconds_ago": "pak sekonda më parë",
         "hours_minutes_seconds_left": "Edhe %(hours)sh %(minutes)sm %(seconds)ss",
-        "in_about_day": "rreth një ditë nga tani",
-        "in_about_hour": "rreth një orë nga tani",
-        "in_about_minute": "rreth një minutë nga tani",
-        "in_few_seconds": "pak sekonda nga tani",
-        "in_n_days": "%(num)s ditë nga tani",
-        "in_n_hours": "%(num)s orë nga tani",
-        "in_n_minutes": "%(num)s minuta nga tani",
         "left": "Edhe %(timeRemaining)s",
         "minutes_seconds_left": "Edhe %(minutes)sm %(seconds)ss",
-        "n_days_ago": "%(num)s ditë më parë",
-        "n_hours_ago": "%(num)s orë më parë",
-        "n_minutes_ago": "%(num)s minuta më parë",
         "seconds_left": "Edhe %(seconds)ss"
     },
     "timeline": {
@@ -2704,8 +2674,7 @@
         "m.audio": {
             "error_downloading_audio": "Gabim në shkarkim audioje",
             "error_processing_audio": "Gabim në përpunim mesazhi audio",
-            "error_processing_voice_message": "Gabim në përpunimin e mesazhit zanor",
-            "unnamed_audio": "Audio pa emër"
+            "error_processing_voice_message": "Gabim në përpunimin e mesazhit zanor"
         },
         "m.beacon_info": {
             "view_live_location": "Shihni vendndodhje aty për aty"
@@ -3235,7 +3204,6 @@
         "hangup": "Mbylle Thirrjen",
         "hide_sidebar_button": "Fshihe anështyllën",
         "input_devices": "Pajisje input-i",
-        "join_button_tooltip_call_full": "Na ndjeni — aktualisht kjo thirrje është plot",
         "maximise": "Mbushe ekranin",
         "misconfigured_server": "Thirrja dështoi për shkak shërbyesi të keqformësuar",
         "misconfigured_server_description": "Që thirrjet të funksionojnë pa probleme, ju lutemi, kërkojini përgjegjësit të shërbyesit tuaj Home (<code>%(homeserverDomain)s</code>) të formësojë një shërbyes TURN.",
diff --git a/src/i18n/strings/sv.json b/src/i18n/strings/sv.json
index 3103398033..fbbd7563a0 100644
--- a/src/i18n/strings/sv.json
+++ b/src/i18n/strings/sv.json
@@ -12,16 +12,6 @@
             "one": "1 oläst omnämnande."
         },
         "recent_rooms": "Nyliga rum",
-        "room_messsage_not_sent": "Öppna rummet %(roomName)s med ett osänt meddelande.",
-        "room_n_unread_invite": "Öppna inbjudan till rummet %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Öppna rummet %(roomName)s med 1 oläst meddelande.",
-            "other": "Öppna rummet %(roomName)s med %(count)s olästa meddelanden."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Öppna rummet %(roomName)s med 1 oläst omnämnande.",
-            "other": "Öppna rummet %(roomName)s med %(count)s olästa meddelanden inklusive omnämnanden."
-        },
         "room_name": "Rum %(name)s",
         "room_status_bar": "Rumsstatusfält",
         "seek_bar_label": "Förloppsfält för ljud",
@@ -99,10 +89,7 @@
         "no": "Nej",
         "ok": "OK",
         "open": "Öppna",
-        "open_menu": "Öppna menyn",
-        "pause": "Pausa",
         "pin": "Häftstift",
-        "play": "Spela",
         "proceed": "Fortsätt",
         "quote": "Citera",
         "react": "Reagera",
@@ -1454,7 +1441,6 @@
         "ask_to_join": "Aktivera fråga om att gå med",
         "automatic_debug_logs": "Skicka automatiskt felsökningsloggar vid fel",
         "automatic_debug_logs_decryption": "Skicka automatiskt avbuggningsloggar vid avkrypteringsfel",
-        "automatic_debug_logs_key_backup": "Skicka automatiskt felsökningsloggar när nyckelsäkerhetskopiering inte funkar",
         "beta_description": "Vad händer härnäst med %(brand)s? Experiment är det bästa sättet att få saker tidigt, pröva nya funktioner, och hjälpa till att forma dem innan de egentligen släpps.",
         "beta_feature": "Det här är en betafunktion",
         "beta_feedback_leave_button": "För att lämna betan, besök dina inställningar.",
@@ -1662,7 +1648,6 @@
         "class_global": "Globalt",
         "class_other": "Annat",
         "default": "Standard",
-        "default_settings": "Matcha standardinställningar",
         "email_pusher_app_display_name": "E-postaviseringar",
         "enable_prompt_toast_description": "Aktivera skrivbordsaviseringar",
         "enable_prompt_toast_title": "Aviseringar",
@@ -1681,8 +1666,7 @@
         "mentions_and_keywords_description": "Bli endast aviserad om omnämnanden och nyckelord i enlighet med dina <a>inställningar</a>",
         "mentions_keywords": "Omnämnanden & nyckelord",
         "message_didnt_send": "Meddelande skickades inte. Klicka för info.",
-        "mute_description": "Du får inga aviseringar",
-        "mute_room": "Tysta rum"
+        "mute_description": "Du får inga aviseringar"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s begär verifiering"
@@ -1926,7 +1910,6 @@
         "dm_invite_title": "Vill du chatta med %(user)s?",
         "drop_file_prompt": "Släpp en fil här för att ladda upp",
         "edit_topic": "Redigera ämne",
-        "error_3pid_invite_email_lookup": "Kan inte hitta användaren via e-post",
         "error_cancel_knock_title": "Misslyckades att avbryta",
         "error_join_403": "Du behöver en inbjudan för att komma åt det här rummet.",
         "error_join_404_1": "Du försökte gå med med ett rums-ID utan att tillhandahålla en lista över servrar att gå med via. Rums-ID:n är interna identifierare och kan inte användas för att gå med i ett rum utan ytterligare information.",
@@ -2053,18 +2036,6 @@
             },
             "this_room_button": "Sök i det här rummet"
         },
-        "status_bar": {
-            "delete_all": "Radera alla",
-            "exceeded_resource_limit": "Ditt meddelande skickades inte eftersom hemservern har överskridit en av sina resursgränser. Vänligen <a>kontakta din serviceadministratör</a> för att fortsätta använda tjänsten.",
-            "homeserver_blocked": "Ditt meddelande skickades inte eftersom att den här hemservern har blockerats av sin administratör. Vänligen <a>kontakta din tjänsteadministratör</a> för att fortsätta använda tjänsten.",
-            "monthly_user_limit_reached": "Ditt meddelande skickades inte eftersom hemservern har nått sin månatliga gräns för användaraktivitet. Vänligen <a>kontakta din serviceadministratör</a> för att fortsätta använda tjänsten.",
-            "requires_consent_agreement": "Du kan inte skicka några meddelanden innan du granskar och godkänner <consentLink>våra villkor</consentLink>.",
-            "retry_all": "Försök alla igen",
-            "select_messages_to_retry": "Du kan välja alla eller individuella meddelanden att försöka igen eller radera",
-            "server_connectivity_lost_description": "Skickade meddelanden kommer att lagras tills anslutningen är tillbaka.",
-            "server_connectivity_lost_title": "Anslutning till servern har brutits.",
-            "some_messages_not_sent": "Vissa av dina meddelanden har inte skickats"
-        },
         "unknown_status_code_for_timeline_jump": "okänd statuskod",
         "unread_notifications_predecessor": {
             "other": "Du har %(count)s olästa aviseringar i en tidigare version av det här rummet.",
@@ -2092,37 +2063,9 @@
         "add_space_label": "Lägg till utrymme",
         "breadcrumbs_empty": "Inga nyligen besökta rum",
         "breadcrumbs_label": "Nyligen besökta rum",
-        "collapse_filters": "Kollapsa filterlista",
-        "empty": {
-            "no_chats": "Inga chattar än",
-            "no_chats_description": "Kom igång genom att skicka meddelanden till någon eller genom att skapa ett rum",
-            "no_chats_description_no_room_rights": "Kom igång genom att skicka meddelanden till någon",
-            "no_favourites": "Du har ingen favoritchatt än",
-            "no_favourites_description": "Du kan lägga till en chatt till dina favoriter i chattinställningarna",
-            "no_invites": "Du har inga olästa inbjudningar",
-            "no_lowpriority": "Du har inga lågprioriterade rum.",
-            "no_mentions": "Du har inga olästa omnämnanden",
-            "no_people": "Du har inte direktchattar med någon ännu",
-            "no_people_description": "Du kan avmarkera filter för att se dina andra chattar",
-            "no_rooms": "Du är inte i något rum än",
-            "no_rooms_description": "Du kan avmarkera filter för att se dina andra chattar",
-            "no_unread": "Grattis! Du har inga olästa meddelanden",
-            "show_activity": "Visa all aktivitet",
-            "show_chats": "Visa alla chattar"
-        },
-        "expand_filters": "Expandera filterlista",
         "failed_add_tag": "Misslyckades att lägga till etiketten %(tagName)s till rummet",
         "failed_remove_tag": "Misslyckades att radera etiketten %(tagName)s från rummet",
         "failed_set_dm_tag": "Misslyckades att sätta direktmeddelandetagg",
-        "filters": {
-            "favourite": "Favoriter",
-            "invites": "Inbjudningar",
-            "low_priority": "Låg prioritet",
-            "mentions": "Omnämnanden",
-            "people": "Personer",
-            "rooms": "Rum",
-            "unread": "Olästa"
-        },
         "home_menu_label": "Hemalternativ",
         "join_public_room_label": "Gå med i offentligt rum",
         "joining_rooms_status": {
@@ -2131,44 +2074,23 @@
         },
         "list_title": "Rumslista",
         "more_options": {
-            "copy_link": "Kopiera rumslänk",
-            "favourited": "Favoritmarkerad",
-            "leave_room": "Lämna rum",
-            "low_priority": "Låg prioritet",
-            "mark_read": "Markera som läst",
-            "mark_unread": "Markera som oläst"
+            "leave_room": "Lämna rum"
         },
         "notification_options": "Aviseringsinställningar",
-        "open_space_menu": "Öppna utrymmesmenyn",
-        "primary_filters": "Filter för rumslista",
         "redacting_messages_status": {
             "one": "Tar just nu bort meddelanden i %(count)s rum",
             "other": "Tar just nu bort meddelanden i %(count)s rum"
         },
-        "room": {
-            "more_options": "Fler alternativ",
-            "open_room": "Öppet rummet %(roomName)s"
-        },
-        "room_options": "Rumsalternativ",
         "show_less": "Visa mindre",
         "show_n_more": {
             "other": "Visa %(count)s till",
             "one": "Visa %(count)s till"
         },
         "show_previews": "Visa förhandsgranskningar av meddelanden",
-        "sort": "Sortera",
         "sort_by": "Sortera efter",
         "sort_by_activity": "Aktivitet",
         "sort_by_alphabet": "A-Ö",
-        "sort_type": {
-            "activity": "Aktivitet",
-            "atoz": "A-Ö"
-        },
         "sort_unread_first": "Visa rum med olästa meddelanden först",
-        "space_menu": {
-            "home": "Utrymmeshem",
-            "space_settings": "Utrymmesinställningar"
-        },
         "space_menu_label": "%(spaceName)s-alternativ",
         "sublist_options": "Listalternativ",
         "suggested_rooms_heading": "Föreslagna rum"
@@ -2348,7 +2270,6 @@
             "error_join_rule_change_unknown": "Okänt fel",
             "guest_access_warning": "Personer med stödda klienter kommer kunna gå med i rummet utan ett registrerat konto.",
             "history_visibility_invited": "Endast medlemmar (från när de blev inbjudna)",
-            "history_visibility_joined": "Endast medlemmar (från när de gick med)",
             "history_visibility_legend": "Vilka kan läsa historik?",
             "history_visibility_shared": "Endast medlemmar (från tidpunkten för när denna inställning valdes)",
             "history_visibility_warning": "Ändringar av vem som kan läsa historiken gäller endast för framtida meddelanden i detta rum. Synligheten för befintlig historik kommer att vara oförändrad.",
@@ -3297,24 +3218,10 @@
         "no_rooms_with_unread_threads": "Du har inga rum med olästa trådar än."
     },
     "time": {
-        "about_day_ago": "cirka en dag sedan",
-        "about_hour_ago": "cirka en timme sedan",
-        "about_minute_ago": "cirka en minut sedan",
         "date_at_time": "%(date)s vid %(time)s",
-        "few_seconds_ago": "några sekunder sedan",
         "hours_minutes_seconds_left": "%(hours)st %(minutes)sm %(seconds)ss kvar",
-        "in_about_day": "om cirka en dag",
-        "in_about_hour": "om cirka en timme",
-        "in_about_minute": "om cirka en minut",
-        "in_few_seconds": "om några sekunder",
-        "in_n_days": "om %(num)s dagar",
-        "in_n_hours": "om %(num)s timmar",
-        "in_n_minutes": "om %(num)s minuter",
         "left": "%(timeRemaining)s kvar",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss kvar",
-        "n_days_ago": "%(num)s dagar sedan",
-        "n_hours_ago": "%(num)s timmar sedan",
-        "n_minutes_ago": "%(num)s minuter sedan",
         "seconds_left": "%(seconds)ss kvar",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)st %(minutes)sm %(seconds)ss",
@@ -3338,12 +3245,7 @@
         "creation_summary_dm": "%(creator)s skapade den här DM:en.",
         "creation_summary_room": "%(creator)s skapade och konfigurerade rummet.",
         "decryption_failure": {
-            "blocked": "Avsändaren har blockerat dig från att ta emot det här meddelandet eftersom din enhet inte är verifierad",
-            "historical_event_no_key_backup": "Historiska meddelanden är inte tillgängliga på den här enheten",
-            "historical_event_unverified_device": "Du måste verifiera den här enheten för att få åtkomst till historiska meddelanden",
-            "historical_event_user_not_joined": "Du har inte tillgång till det här meddelandet",
             "sender_identity_previously_verified": "Avsändarens verifierade identitet har ändrats",
-            "sender_unsigned_device": "Skickat från en osäker enhet.",
             "unable_to_decrypt": "Det gick inte att dekryptera meddelandet"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3369,11 +3271,9 @@
             "unable_to_find": "Försökte ladda en specifik punkt i det här rummets tidslinje, men kunde inte hitta den."
         },
         "m.audio": {
-            "audio_player": "Ljudspelare",
             "error_downloading_audio": "Fel vid nedladdning av ljud",
             "error_processing_audio": "Fel vid hantering av ljudmeddelande",
-            "error_processing_voice_message": "Fel vid hantering av röstmeddelande",
-            "unnamed_audio": "Namnlöst ljud"
+            "error_processing_voice_message": "Fel vid hantering av röstmeddelande"
         },
         "m.beacon_info": {
             "view_live_location": "Se realtidsposition"
@@ -3946,7 +3846,6 @@
         "hide_sidebar_button": "Göm sidopanel",
         "input_devices": "Ingångsenheter",
         "jitsi_call": "Jitsi-gruppsamtal",
-        "join_button_tooltip_call_full": "Tyvärr - det här samtalet är för närvarande fullt",
         "legacy_call": "Standardsamtal",
         "maximise": "Fyll skärmen",
         "maximise_call": "Maximera samtal",
diff --git a/src/i18n/strings/tr.json b/src/i18n/strings/tr.json
index ecd80897a2..e5a9548339 100644
--- a/src/i18n/strings/tr.json
+++ b/src/i18n/strings/tr.json
@@ -86,10 +86,7 @@
         "no": "Hayır",
         "ok": "Tamam",
         "open": "Aç",
-        "open_menu": "Menüyü aç",
-        "pause": "Durdur",
         "pin": "PIN Kodu",
-        "play": "Oynat",
         "proceed": "İlerle",
         "quote": "Alıntı",
         "react": "Tepki ver",
@@ -1395,7 +1392,6 @@
         "ask_to_join": "Katılma isteğini etkinleştir",
         "automatic_debug_logs": "Herhangi bir hatada otomatik olarak hata ayıklama günlükleri gönder",
         "automatic_debug_logs_decryption": "Şifre çözme hatalarında otomatik olarak hata ayıklama günlükleri gönder",
-        "automatic_debug_logs_key_backup": "Anahtar yedekleme çalışmadığında hata ayıklama günlüklerini otomatik olarak gönder",
         "beta_description": "%(brand)s için sırada ne var? Labsr, bir şeyleri erkenden elde etmenin, yeni özellikleri test etmenin ve piyasaya sürülmeden önce şekillendirmeye yardımcı olmanın en iyi yoludur.",
         "beta_feature": "Bu bir beta özelliğidir",
         "beta_feedback_leave_button": "Beta sürümünden çıkmak için ayarlarınızı ziyaret edin.",
@@ -1857,7 +1853,6 @@
         "dm_invite_title": "%(user)s ile sohbet etmek ister misin?",
         "drop_file_prompt": "Yüklemek için dosyaları buraya bırakın",
         "edit_topic": "Başlığı Düzenle",
-        "error_3pid_invite_email_lookup": "Kullanıcı e-posta ile bulunamıyor",
         "error_cancel_knock_title": "İptal edilemedi",
         "error_join_403": "Bu odaya erişmek için bir davetiyeye ihtiyacınız var.",
         "error_join_404_1": "Sunucu listesi sağlamadan bir oda kimliği kullanarak katılmaya çalıştınız. Oda kimlikleri dahili tanımlayıcılardır ve ek bilgi olmadan bir odaya katılmak için kullanılamazlar.",
@@ -1981,18 +1976,6 @@
             },
             "this_room_button": "Bu odayı ara"
         },
-        "status_bar": {
-            "delete_all": "Tümünü sil",
-            "exceeded_resource_limit": "Bu ana sunucu bir kaynak sınırını aştığı için mesajınız gönderilemedi. Hizmeti kullanmaya devam etmek için lütfen <a>hizmet yöneticinizle</a> iletişime geçin.",
-            "homeserver_blocked": "Bu ana sunucu yöneticisi tarafından engellendiği için mesajınız gönderilemedi. Hizmeti kullanmaya devam etmek için lütfen <a>hizmet yöneticinizle</a> iletişime geçin.",
-            "monthly_user_limit_reached": "Bu ana sunucu Aylık Aktif Kullanıcı Limitine ulaştığı için mesajınız gönderilmedi. Hizmeti kullanmaya devam etmek için lütfen <a>hizmet yöneticinizle</a> iletişime geçin.",
-            "requires_consent_agreement": "<consentLink>Şartlar ve koşullarımızı </consentLink> inceleyip kabul edene kadar herhangi bir mesaj gönderemezsiniz.",
-            "retry_all": "Tümünü yeniden dene",
-            "select_messages_to_retry": "Yeniden denemek veya silmek için mesajların hepsini seçebilir veya tek tek seçebilirsiniz",
-            "server_connectivity_lost_description": "Gönderilen iletiler bağlantınız geri gelene kadar saklanacak.",
-            "server_connectivity_lost_title": "Sunucuyla olan bağlantı kesildi.",
-            "some_messages_not_sent": "Bazı mesajlarınız gönderilmedi"
-        },
         "unknown_status_code_for_timeline_jump": "bilinmeyen durum kodu",
         "unread_notifications_predecessor": {
             "one": "Bu odanın önceki bir sürümünde %(count)s okunmamış bildiriminiz var.",
@@ -2022,12 +2005,6 @@
         "failed_add_tag": "%(tagName)s etiketi odaya eklenemedi",
         "failed_remove_tag": "Odadan %(tagName)s etiketi kaldırılamadı",
         "failed_set_dm_tag": "Doğrudan mesaj etiketi ayarlanamadı",
-        "filters": {
-            "favourite": "Favoriler",
-            "people": "Kişiler",
-            "rooms": "Odalar",
-            "unread": "Okunmamış"
-        },
         "home_menu_label": "Ana sayfa seçenekleri",
         "join_public_room_label": "Herkese açık odaya katıl",
         "joining_rooms_status": {
@@ -2036,15 +2013,10 @@
         },
         "list_title": "Oda listesi",
         "notification_options": "Bildirim ayarları",
-        "open_space_menu": "Açık alan menüsü",
-        "primary_filters": "Oda listesi filtreleri",
         "redacting_messages_status": {
             "one": "Şu anda %(count)s odadaki mesajlar kaldırılıyor",
             "other": "Şu anda %(count)s odadaki mesajlar kaldırılıyor"
         },
-        "room": {
-            "open_room": "Açık oda %(roomName)s"
-        },
         "show_less": "Daha az göster",
         "show_n_more": {
             "one": "%(count)s adet daha fazla göster",
@@ -2055,10 +2027,6 @@
         "sort_by_activity": "Aktivite",
         "sort_by_alphabet": "A-Z",
         "sort_unread_first": "Önce okunmamış mesajları olan odaları göster",
-        "space_menu": {
-            "home": "Alan ana sayfa",
-            "space_settings": "Alan Ayarları"
-        },
         "space_menu_label": "%(spaceName)s menü",
         "sublist_options": "Liste seçenekleri",
         "suggested_rooms_heading": "Önerilen Odalar"
@@ -2238,7 +2206,6 @@
             "error_join_rule_change_unknown": "Bilinmeyen hata",
             "guest_access_warning": "Desteklenen istemciye sahip kişiler, kayıtlı bir hesaba sahip olmadan odaya katılabilecekler.",
             "history_visibility_invited": "Sadece üyeler (davet edildiklerinden beri)",
-            "history_visibility_joined": "Sadece üyeler (katıldıklarından beri)",
             "history_visibility_legend": "Geçmişi kimler okuyabilir ?",
             "history_visibility_shared": "Sadece üyeler ( bu seçeneği seçtiğinizden itibaren)",
             "history_visibility_warning": "Geçmişi kimin okuyabileceğini değiştirmek yalnızca odadaki yeni iletileri etkiler. Var olan geçmiş değişmeden kalacaktır.",
@@ -3153,24 +3120,10 @@
         "no_rooms_with_unread_threads": "Henüz okunmamış mesaj dizilerinin bulunduğu odalarınız yok."
     },
     "time": {
-        "about_day_ago": "yaklaşık bir gün önce",
-        "about_hour_ago": "yaklaşık bir saat önce",
-        "about_minute_ago": "yaklaşık bir dakika önce",
         "date_at_time": "%(date)s e %(time)s",
-        "few_seconds_ago": "bir kaç saniye önce",
         "hours_minutes_seconds_left": "%(hours)sh %(minutes)sm %(seconds)ss kaldı",
-        "in_about_day": "şu andan itibaren yaklaşık bir gün",
-        "in_about_hour": "şu andan itibaren yaklaşık bir saat",
-        "in_about_minute": "şu andan itibaren yaklaşık bir dakika",
-        "in_few_seconds": "şu andan itibaren bir kaç saniye",
-        "in_n_days": "şu andan itibaren %(num)s gün",
-        "in_n_hours": "şu andan itibaren %(num)s saat",
-        "in_n_minutes": "şu andan itibaren %(num)s dakika",
         "left": "%(timeRemaining)s kaldı",
         "minutes_seconds_left": "%(minutes)sm %(seconds)ss kaldı",
-        "n_days_ago": "%(num)s gün önce",
-        "n_hours_ago": "%(num)s saat önce",
-        "n_minutes_ago": "%(num)s dakika önce",
         "seconds_left": "%(seconds)s saniye kaldı",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)sd %(hours)sh %(minutes)sm %(seconds)ss",
@@ -3194,12 +3147,7 @@
         "creation_summary_dm": "%(creator)s bu DM'yi oluşturdu.",
         "creation_summary_room": "%(creator)s odayı oluşturdu ve yapılandırdı.",
         "decryption_failure": {
-            "blocked": "Cihazınız doğrulanmamış olduğu için gönderen kişi bu mesajı almanızı engelledi",
-            "historical_event_no_key_backup": "Geçmiş mesajlar bu cihazda kullanılamıyor",
-            "historical_event_unverified_device": "Geçmiş mesajlara erişim için bu cihazı doğrulamanız gerekir",
-            "historical_event_user_not_joined": "Bu mesaja erişiminiz yok",
             "sender_identity_previously_verified": "Gönderenin doğrulanmış kimliği değişti",
-            "sender_unsigned_device": "Güvenli olmayan bir cihazdan gönderildi",
             "unable_to_decrypt": "Mesaj şifresi çözülemedi"
         },
         "disambiguated_profile": "%(displayName)s (%(matrixId)s)",
@@ -3227,8 +3175,7 @@
         "m.audio": {
             "error_downloading_audio": "Ses dosyası indirilirken hata oluştu",
             "error_processing_audio": "Sesli mesaj işlenirken hata oluştu",
-            "error_processing_voice_message": "Sesli mesaj işlenirken hata oluştu",
-            "unnamed_audio": "İsimsiz ses"
+            "error_processing_voice_message": "Sesli mesaj işlenirken hata oluştu"
         },
         "m.beacon_info": {
             "view_live_location": "Canlı konumu görüntüle"
@@ -3795,7 +3742,6 @@
         "hide_sidebar_button": "Kenar çubuğunu gizle",
         "input_devices": "Giriş aygıtları",
         "jitsi_call": "Jitsi Konferansı",
-        "join_button_tooltip_call_full": "Üzgünüz - bu çağrı şu anda dolu",
         "legacy_call": "Eski Tip Çağrı",
         "maximise": "Ekranı kapla",
         "maximise_call": "Arama ekranı kapla",
diff --git a/src/i18n/strings/uk.json b/src/i18n/strings/uk.json
index 864d8b89b4..08b4d8b2d1 100644
--- a/src/i18n/strings/uk.json
+++ b/src/i18n/strings/uk.json
@@ -12,18 +12,6 @@
             "one": "1 непрочитана згадка."
         },
         "recent_rooms": "Недавні кімнати",
-        "room_messsage_not_sent": "Відкрити кімнату %(roomName)s з не надісланим повідомленням.",
-        "room_n_unread_invite": "Відкрити запрошення кімнати %(roomName)s.",
-        "room_n_unread_messages": {
-            "one": "Відкрити кімнату %(roomName)s з 1 непрочитаним повідомленням.",
-            "few": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними повідомленнями.",
-            "many": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними повідомленнями."
-        },
-        "room_n_unread_messages_mentions": {
-            "one": "Відкрити кімнату %(roomName)s з 1 непрочитаною згадкою.",
-            "few": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними згадками.",
-            "many": "Відкрити кімнату %(roomName)s з %(count)s непрочитаними згадками."
-        },
         "room_name": "Кімната %(name)s",
         "room_status_bar": "Панель стану кімнати",
         "seek_bar_label": "Панель гортання аудіо",
@@ -95,17 +83,13 @@
         "maximise": "Розгорнути",
         "mention": "Згадати",
         "minimise": "Згорнути",
-        "new_conversation": "Нова розмова",
         "new_room": "Нова кімната",
         "new_video_room": "Нова відеокімната",
         "next": "Далі",
         "no": "НІ",
         "ok": "Гаразд",
         "open": "Відкрити",
-        "open_menu": "Відкрити меню",
-        "pause": "Призупинити",
         "pin": "Кнопка",
-        "play": "Відтворити",
         "proceed": "Продовжити",
         "quote": "Цитувати",
         "react": "Відреагувати",
@@ -582,6 +566,7 @@
         "someone": "Хтось",
         "space": "Простір",
         "spaces": "Простори",
+        "state_encryption_enabled": "Увімкнено експериментальне шифрування стану",
         "sticker": "Наліпка",
         "stickerpack": "Пакунок наліпок",
         "success": "Успіх",
@@ -689,6 +674,7 @@
         "join_rule_restricted_label": "Усі в <SpaceName/> зможуть знайти та приєднатися до цієї кімнати.",
         "name_validation_required": "Введіть назву кімнати",
         "room_visibility_label": "Видимість кімнати",
+        "state_encryption_label": "Шифрування подій стану",
         "title_private_room": "Створити приватну кімнату",
         "title_public_room": "Створити загальнодоступну кімнату",
         "title_video_room": "Створити відеокімнату",
@@ -847,6 +833,7 @@
         "number_of_users": "Кількість користувачів",
         "only_joined_members": "Лише користувачі, які приєдналися",
         "original_event_source": "Оригінальний початковий код",
+        "restore_from_backup": "Відновити з резервної копії",
         "room_encrypted": "Кімната <strong>зашифрована ✅</strong>",
         "room_id": "ID кімнати: %(roomId)s",
         "room_not_encrypted": "Кімната <strong>не зашифрована 🚨</strong>",
@@ -1508,7 +1495,6 @@
         "ask_to_join": "Увімкнути запити на приєднання",
         "automatic_debug_logs": "Автоматично надсилати журнал зневадження про всі помилки",
         "automatic_debug_logs_decryption": "Автоматично надсилати журнали зневадження при збоях розшифрування",
-        "automatic_debug_logs_key_backup": "Автоматично надсилати журнали зневадження при збоях резервного копіювання ключів",
         "beta_description": "Що далі для %(brand)s? Експериментальні — це найкращий спосіб спробувати функції на ранній стадії розробки, протестувати їх і допомогти сформувати їх до фактичного запуску.",
         "beta_feature": "Це бета-можливість",
         "beta_feedback_leave_button": "Щоб вийти з бета-тестування, перейдіть до налаштувань.",
@@ -1717,7 +1703,6 @@
         "class_global": "Глобально",
         "class_other": "Інше",
         "default": "Типовий",
-        "default_settings": "Згідно з усталеними налаштуваннями",
         "email_pusher_app_display_name": "Сповіщення е-поштою",
         "enable_prompt_toast_description": "Увімкнути сповіщення стільниці",
         "enable_prompt_toast_title": "Сповіщення",
@@ -1736,8 +1721,7 @@
         "mentions_and_keywords_description": "Отримувати лише вказані у ваших <a>налаштуваннях</a> згадки й ключові слова",
         "mentions_keywords": "Згадки та ключові слова",
         "message_didnt_send": "Повідомлення не надіслане. Натисніть, щоб дізнатись більше.",
-        "mute_description": "Ви не отримуватимете жодних сповіщень",
-        "mute_room": "Вимкнути сповіщення кімнати"
+        "mute_description": "Ви не отримуватимете жодних сповіщень"
     },
     "notifier": {
         "m.key.verification.request": "%(name)s робить запит на звірення"
@@ -1990,7 +1974,6 @@
         "dm_invite_title": "Бажаєте поговорити з %(user)s?",
         "drop_file_prompt": "Перетягніть сюди файл, щоб вивантажити",
         "edit_topic": "Редагувати тему",
-        "error_3pid_invite_email_lookup": "Не вдалося знайти користувача за адресою електронної пошти",
         "error_cancel_knock_title": "Не вдалося скасувати",
         "error_join_403": "Для доступу до цієї кімнати потрібне запрошення.",
         "error_join_404_1": "Ви спробували приєднатися, за допомогою ID кімнати, не вказавши список серверів, через які ви хочете приєднатися. ID кімнати — це внутрішній ідентифікатор і він не може бути використаний для приєднання до кімнати без додаткової інформації.",
@@ -2022,12 +2005,16 @@
         "forget_room": "Забути цю кімнату",
         "forget_space": "Забути цей простір",
         "header": {
+            "join_video_call": "Приєднатися до відеовиклику",
+            "join_voice_call": "Приєднатися до голосового виклику",
             "n_people_asking_to_join": {
                 "one": "Просить доєднатись",
                 "few": "%(count)s користувачі просять доєднатись",
                 "many": "%(count)s користувачів просять доєднатись"
             },
-            "room_is_public": "Ця кімната загальнодоступна"
+            "room_is_public": "Ця кімната загальнодоступна",
+            "shared_history_tooltip": "Нові учасники бачать історію",
+            "world_readable_history_tooltip": "Будь-хто може бачити історію"
         },
         "header_avatar_open_settings_label": "Відкрити налаштування кімнати",
         "header_face_pile_tooltip": "Люди",
@@ -2123,19 +2110,6 @@
             },
             "this_room_button": "Шукати цю кімнату"
         },
-        "status_bar": {
-            "delete_all": "Видалити всі",
-            "exceeded_resource_limit": "Не вдалося надіслати повідомлення, бо домашній сервер перевищив ліміт ресурсів. <a>Зв'яжіться з адміністратором сервісу,</a> щоб продовжити використання.",
-            "history_visible": "Цю кімнату налаштовано, щоб нові учасники могли переглядати історію. <a>Докладніше</a>",
-            "homeserver_blocked": "Ваше повідомлення не надіслано, оскільки цей домашній сервер заблокований його адміністратором. <a>Зверніться до адміністратора служби</a>, щоб продовжувати користуватися нею.",
-            "monthly_user_limit_reached": "Не вдалося надіслати повідомлення, бо домашній сервер перевищив свій ліміт активних користувачів за місяць. <a>Зв'яжіться з адміністратором сервісу,</a> щоб продовжити використання.",
-            "requires_consent_agreement": "Ви не можете надсилати жодних повідомлень, поки не переглянете та не погодитесь з <consentLink>нашими умовами та положеннями</consentLink>.",
-            "retry_all": "Повторити надсилання всіх",
-            "select_messages_to_retry": "Ви можете вибрати всі або окремі повідомлення, щоб повторити спробу або видалити",
-            "server_connectivity_lost_description": "Надіслані повідомлення будуть збережені поки не з'явиться зв'язок.",
-            "server_connectivity_lost_title": "З'єднання з сервером було втрачено.",
-            "some_messages_not_sent": "Деякі з ваших повідомлень не надіслано"
-        },
         "unknown_status_code_for_timeline_jump": "невідомий код стану",
         "unread_notifications_predecessor": {
             "other": "Ви маєте %(count)s непрочитаних сповіщень у попередній версії цієї кімнати.",
@@ -2163,37 +2137,9 @@
         "add_space_label": "Додати простір",
         "breadcrumbs_empty": "Немає недавно відвіданих кімнат",
         "breadcrumbs_label": "Недавно відвідані кімнати",
-        "collapse_filters": "Згорнути список фільтрів",
-        "empty": {
-            "no_chats": "Ще немає бесід",
-            "no_chats_description": "Почніть користування, надіславши комусь повідомлення або створивши кімнату",
-            "no_chats_description_no_room_rights": "Розпочніть користування, написавши комусь повідомлення",
-            "no_favourites": "У вас ще немає обраних бесід",
-            "no_favourites_description": "Ви можете додати бесіду до обраних у її налаштуваннях",
-            "no_invites": "У вас немає непрочитаних запрошень",
-            "no_lowpriority": "У вас немає неважливих кімнат",
-            "no_mentions": "У вас немає непрочитаних згадок",
-            "no_people": "У вас ще немає особистих бесід",
-            "no_people_description": "Ви можете очистити фільтри, щоб побачити інші ваші бесіди",
-            "no_rooms": "Ви ще не входили до кімнат",
-            "no_rooms_description": "Ви можете очистити фільтри, щоб побачити інші ваші бесіди",
-            "no_unread": "Вітаємо! У вас немає непрочитаних повідомлень",
-            "show_activity": "Переглянути всю діяльність",
-            "show_chats": "Показати всі бесіди"
-        },
-        "expand_filters": "Розгорнути список фільтрів",
         "failed_add_tag": "Не вдалось додати до кімнати мітку %(tagName)s",
         "failed_remove_tag": "Не вдалося прибрати з кімнати мітку %(tagName)s",
         "failed_set_dm_tag": "Не вдалося встановити мітку особистого повідомлення",
-        "filters": {
-            "favourite": "Обрані",
-            "invites": "Запрошення",
-            "low_priority": "Неважливі",
-            "mentions": "Згадування",
-            "people": "Люди",
-            "rooms": "Кімнати",
-            "unread": "Непрочитані"
-        },
         "home_menu_label": "Параметри домівки",
         "join_public_room_label": "Приєднатись до загальнодоступної кімнати",
         "joining_rooms_status": {
@@ -2202,44 +2148,23 @@
         },
         "list_title": "Список кімнат",
         "more_options": {
-            "copy_link": "Копіювати посилання на кімнату",
-            "favourited": "Обране",
-            "leave_room": "Вийти з кімнати",
-            "low_priority": "Неважливі",
-            "mark_read": "Позначити прочитаним",
-            "mark_unread": "Позначити непрочитаним"
+            "leave_room": "Вийти з кімнати"
         },
         "notification_options": "Параметри сповіщень",
-        "open_space_menu": "Відкрити меню простору",
-        "primary_filters": "Фільтри списку кімнат",
         "redacting_messages_status": {
             "one": "Триває видалення повідомлень в %(count)s кімнаті",
             "other": "Триває видалення повідомлень у %(count)s кімнатах"
         },
-        "room": {
-            "more_options": "Інші опції",
-            "open_room": "Відкрити кімнату %(roomName)s"
-        },
-        "room_options": "Параметри кімнати",
         "show_less": "Згорнути",
         "show_n_more": {
             "other": "Показати ще %(count)s",
             "one": "Показати ще %(count)s"
         },
         "show_previews": "Показувати попередній перегляд повідомлень",
-        "sort": "Сортувати",
         "sort_by": "Упорядкувати за",
         "sort_by_activity": "Активністю",
         "sort_by_alphabet": "А-Я",
-        "sort_type": {
-            "activity": "Діяльність",
-            "atoz": "А-Я"
-        },
         "sort_unread_first": "Спочатку показувати кімнати з непрочитаними повідомленнями",
-        "space_menu": {
-            "home": "Домівка простору",
-            "space_settings": "Налаштування простору"
-        },
         "space_menu_label": "%(spaceName)s — меню",
         "sublist_options": "Параметри переліку",
         "suggested_rooms_heading": "Пропоновані кімнати"
@@ -2424,12 +2349,11 @@
             "error_join_rule_change_title": "Не вдалося оновити правила приєднання",
             "error_join_rule_change_unknown": "Невідомий збій",
             "guest_access_warning": "Люди з підтримуваними клієнтами зможуть приєднуватись до кімнати без реєстрації.",
-            "history_visibility_invited": "Лише учасники (від часу їхнього запрошення)",
-            "history_visibility_joined": "Лише учасники (від часу приєднання)",
+            "history_visibility_invited": "Учасники з моменту запрошення",
             "history_visibility_legend": "Хто може читати історію?",
-            "history_visibility_shared": "Лише учасники (від часу вибору цієї опції)",
+            "history_visibility_shared": "Учасники (повна історія)",
             "history_visibility_warning": "Видимість наявної історії не зміниться.",
-            "history_visibility_world_readable": "Кожний",
+            "history_visibility_world_readable": "Будь-хто (історія загальнодоступна)",
             "join_rule_description": "Вкажіть, хто може приєднуватися до %(roomName)s.",
             "join_rule_invite": "Приватно (лише за запрошенням)",
             "join_rule_invite_description": "Приєднатися можуть лише запрошені люди.",
@@ -3387,24 +3311,10 @@
         "no_rooms_with_unread_threads": "У вас ще немає кімнат з непрочитаними гілками."
     },
     "time": {
-        "about_day_ago": "близько доби тому",
-        "about_hour_ago": "близько години тому",
-        "about_minute_ago": "близько хвилини тому",
         "date_at_time": "%(date)s о %(time)s",
-        "few_seconds_ago": "Декілька секунд тому",
         "hours_minutes_seconds_left": "Залишилося %(hours)sгод %(minutes)sхв %(seconds)sс",
-        "in_about_day": "приблизно через день",
-        "in_about_hour": "приблизно через годину",
-        "in_about_minute": "приблизно через хвилинку",
-        "in_few_seconds": "декілька секунд тому",
-        "in_n_days": "%(num)s днів по тому",
-        "in_n_hours": "%(num)s годин по тому",
-        "in_n_minutes": "%(num)s хвилин по тому",
         "left": "Іще %(timeRemaining)s",
         "minutes_seconds_left": "Залишилося %(minutes)sхв %(seconds)sс",
-        "n_days_ago": "%(num)s днів тому",
-        "n_hours_ago": "%(num)s годин тому",
-        "n_minutes_ago": "%(num)s хвилин тому",
         "seconds_left": "Ще %(seconds)s с",
         "short_days": "%(value)sд",
         "short_days_hours_minutes_seconds": "%(days)sд %(hours)sгод %(minutes)sхв %(seconds)sс",
@@ -3428,12 +3338,7 @@
         "creation_summary_dm": "%(creator)s створює цю приватну розмову.",
         "creation_summary_room": "%(creator)s створює й налаштовує кімнату.",
         "decryption_failure": {
-            "blocked": "Відправник заблокував вам отримання цього повідомлення, оскільки ваш пристрій не верифіковано",
-            "historical_event_no_key_backup": "Історичні повідомлення недоступні на цьому пристрої",
-            "historical_event_unverified_device": "Щоб отримати доступ до історичних повідомлень, потрібно верифікувати цей пристрій",
-            "historical_event_user_not_joined": "Ви не маєте доступу до цього повідомлення",
             "sender_identity_previously_verified": "Верифіковану ідентичність відправника скинуто",
-            "sender_unsigned_device": "Зашифровано пристроєм, який не верифіковано його власником.",
             "unable_to_decrypt": "Не вдалося розшифрувати повідомлення"
         },
         "disambiguated_profile": "%(displayName)s(%(matrixId)s)",
@@ -3459,11 +3364,9 @@
             "unable_to_find": "Не вдалося знайти вказаної позиції в стрічці цієї кімнати."
         },
         "m.audio": {
-            "audio_player": "Звуковий програвач",
             "error_downloading_audio": "Помилка завантаження аудіо",
             "error_processing_audio": "Помилка обробки аудіоповідомлення",
-            "error_processing_voice_message": "Помилка обробки голосового повідомлення",
-            "unnamed_audio": "Аудіо без назви"
+            "error_processing_voice_message": "Помилка обробки голосового повідомлення"
         },
         "m.beacon_info": {
             "view_live_location": "Показувати місцеперебування наживо"
@@ -4048,7 +3951,6 @@
         "hide_sidebar_button": "Сховати бічну панель",
         "input_devices": "Пристрої вводу",
         "jitsi_call": "Конференція Jitsi",
-        "join_button_tooltip_call_full": "Перепрошуємо, цей виклик заповнено",
         "legacy_call": "Застарілий спосіб виклику",
         "maximise": "Заповнити екран",
         "maximise_call": "Розгорнути виклик",
diff --git a/src/i18n/strings/vi.json b/src/i18n/strings/vi.json
index 2fedb71c84..843bfef811 100644
--- a/src/i18n/strings/vi.json
+++ b/src/i18n/strings/vi.json
@@ -83,9 +83,7 @@
         "no": "Không",
         "ok": "Ok",
         "open": "Mở",
-        "pause": "Tạm dừng",
         "pin": "Ghim",
-        "play": "Chạy",
         "proceed": "Tiếp tục",
         "quote": "Trích",
         "react": "Phản ứng",
@@ -1191,7 +1189,6 @@
         "ask_to_join": "Bật yêu cầu để tham gia",
         "automatic_debug_logs": "Tự động gửi debug log khi có bất kỳ lỗi nào",
         "automatic_debug_logs_decryption": "Tự động gửi nhật ký gỡ lỗi mỗi lúc gặp lỗi khi giải mã",
-        "automatic_debug_logs_key_backup": "Tự động gửi nhật ký gỡ lỗi mỗi lúc sao lưu khóa không hoạt động",
         "beta_description": "Những gì sắp đến với %(brand)s? Phòng thí điểm là nơi tốt nhất để có mọi thứ sớm, thử nghiệm tính năng mới và giúp hoàn thiện trước khi chúng thực sự ra mắt.",
         "beta_feature": "Đây là một tính năng thử nghiệm beta",
         "beta_feedback_leave_button": "Để rời khỏi bản beta, hãy truy cập mục cài đặt của bạn.",
@@ -1631,17 +1628,6 @@
             "all_rooms_button": "Tìm tất cả phòng",
             "this_room_button": "Tìm trong phòng này"
         },
-        "status_bar": {
-            "delete_all": "Xóa hết",
-            "exceeded_resource_limit": "Thư của bạn không gửi được vì máy chủ(homeserver) đã vượt quá giới hạn tài nguyên. Vui lòng <a>liên hệ với quản trị viên</a> để tiếp tục sử dụng dịch vụ.",
-            "monthly_user_limit_reached": "Tin nhắn của bạn không được gửi vì máy chủ này đã đạt đến Giới hạn Người dùng Hoạt động Hàng tháng. Vui lòng <a>liên hệ với quản trị viên dịch vụ của bạn</a> để tiếp tục sử dụng dịch vụ.",
-            "requires_consent_agreement": "Bạn không thể gửi bất kỳ tin nhắn nào cho đến khi bạn xem xét và đồng ý với các <consentLink>điều khoản và điều kiện của chúng tôi</consentLink>.",
-            "retry_all": "Thử lại tất cả",
-            "select_messages_to_retry": "Bạn có thể chọn tất cả hoặc từng tin nhắn để thử lại hoặc xóa",
-            "server_connectivity_lost_description": "Các tin nhắn đã gửi sẽ được lưu trữ cho đến khi kết nối của bạn trở lại.",
-            "server_connectivity_lost_title": "Kết nối đến máy chủ đã bị mất.",
-            "some_messages_not_sent": "Một số tin nhắn của bạn chưa được gửi đi"
-        },
         "unread_notifications_predecessor": {
             "one": "Bạn có %(count)s thông báo chưa đọc trong phiên bản trước của phòng này.",
             "other": "Bạn có %(count)s thông báo chưa đọc trong phiên bản trước của phòng này."
@@ -1857,7 +1843,6 @@
             "error_join_rule_change_unknown": "Thất bại không xác định",
             "guest_access_warning": "Những người có khách hàng được hỗ trợ sẽ có thể tham gia phòng mà không cần đăng ký tài khoản.",
             "history_visibility_invited": "Chỉ dành cho thành viên (từ thời điểm được mời)",
-            "history_visibility_joined": "Chỉ dành cho thành viên (từ thời điểm tham gia)",
             "history_visibility_legend": "Ai có thể đọc lịch sử phòng chat?",
             "history_visibility_shared": "Chỉ dành cho thành viên (từ thời điểm chọn thiết lập này)",
             "history_visibility_warning": "Thay đổi ai có thể đọc lịch sử phòng chat chỉ được áp dụng đối với các tin nhắn từ thời điểm này.",
@@ -2597,23 +2582,9 @@
         "show_thread_filter": "Hiển thị:"
     },
     "time": {
-        "about_day_ago": "khoảng một ngày trước",
-        "about_hour_ago": "khoảng một giờ trước",
-        "about_minute_ago": "khoảng một phút trước",
         "date_at_time": "%(date)s lúc %(time)s",
-        "few_seconds_ago": "vài giây trước",
         "hours_minutes_seconds_left": "Còn lại %(hours)s giờ %(minutes)s phút %(seconds)s giây",
-        "in_about_day": "khoảng một ngày kể từ bây giờ",
-        "in_about_hour": "khoảng một giờ kể từ bây giờ",
-        "in_about_minute": "khoảng một phút kể từ bây giờ",
-        "in_few_seconds": "một vài giây kể từ bây giờ",
-        "in_n_days": "%(num)s ngày kể từ bây giờ",
-        "in_n_hours": "%(num)s giờ kể từ bây giờ",
-        "in_n_minutes": "%(num)s phút kể từ bây giờ",
         "minutes_seconds_left": "Còn lại %(minutes)s phút %(seconds)s giây",
-        "n_days_ago": "%(num)s ngày trước",
-        "n_hours_ago": "%(num)s giờ trước",
-        "n_minutes_ago": "%(num)s phút trước",
         "seconds_left": "Còn %(seconds)s giây",
         "short_days": "%(value)sngày",
         "short_days_hours_minutes_seconds": "%(days)s ngày %(hours)s giờ %(minutes)s phút %(seconds)s giây",
@@ -2656,8 +2627,7 @@
         "m.audio": {
             "error_downloading_audio": "Lỗi khi tải xuống âm thanh",
             "error_processing_audio": "Lỗi khi xử lý tin nhắn âm thanh",
-            "error_processing_voice_message": "Lỗi khi xử lý tin nhắn thoại",
-            "unnamed_audio": "Âm thanh không tên"
+            "error_processing_voice_message": "Lỗi khi xử lý tin nhắn thoại"
         },
         "m.call": {
             "video_call_ended": "Cuộc gọi truyền hình đã kết thúc",
@@ -3169,7 +3139,6 @@
         "hangup": "Dập máy",
         "hide_sidebar_button": "Ẩn thanh bên",
         "input_devices": "Thiết bị đầu vào",
-        "join_button_tooltip_call_full": "Xin lỗi — cuộc gọi này đang đầy",
         "maximise": "Vừa màn hình",
         "misconfigured_server": "Thực hiện cuộc gọi thất bại do thiết lập máy chủ sai",
         "misconfigured_server_description": "Vui lòng yêu cầu quản trị viên máy chủ của bạn (<code>%(homeserverDomain)s</code>) thiết lập máy chủ TURN để cuộc gọi hoạt động ổn định.",
diff --git a/src/i18n/strings/zh_Hans.json b/src/i18n/strings/zh_Hans.json
index 489e56ca53..76ab8de6a0 100644
--- a/src/i18n/strings/zh_Hans.json
+++ b/src/i18n/strings/zh_Hans.json
@@ -81,9 +81,7 @@
         "no": "不",
         "ok": "确定",
         "open": "打开",
-        "pause": "暂停",
         "pin": "别针",
-        "play": "播放",
         "proceed": "继续",
         "quote": "引述",
         "react": "回应",
@@ -1163,7 +1161,6 @@
         "ask_to_join": "启用 “需要验证加入请求”",
         "automatic_debug_logs": "遇到任何错误自动发送调试日志",
         "automatic_debug_logs_decryption": "自动发送有关解密错误的debug日志",
-        "automatic_debug_logs_key_backup": "当密钥备份无法运作时自动发送debug日志",
         "beta_description": "%(brand)s的下一步是什么？实验室是早期获得东西、测试新功能和在它们发布前帮助塑造的最好方式。",
         "beta_feature": "这是beta功能",
         "beta_feedback_leave_button": "要离开beta，请访问你的设置。",
@@ -1611,18 +1608,6 @@
         "peek_join_prompt": "你正在预览 %(roomName)s。想加入吗？",
         "read_topic": "点击阅读话题",
         "rejoin_button": "重新加入",
-        "status_bar": {
-            "delete_all": "删除全部",
-            "exceeded_resource_limit": "你的消息未被发送，因为本家服务器已达到其使用量限制之一。请 <a>联系你的服务管理员</a> 以继续使用本服务。",
-            "homeserver_blocked": "你的消息未被发送，因为此家服务器已被其管理员屏蔽。请<a>联系你的服务管理员</a>以继续使用服务。",
-            "monthly_user_limit_reached": "你的消息未被发送，因为本家服务器已达到其每月活跃用户限制。请 <a>联系你的服务管理员</a> 以继续使用本服务。",
-            "requires_consent_agreement": "在你查看并同意 <consentLink>我们的条款与要求</consentLink> 之前，你不能发送任何消息。",
-            "retry_all": "全部重试",
-            "select_messages_to_retry": "你可以选择全部或单独的消息来重试或删除",
-            "server_connectivity_lost_description": "已发送的消息会被保存直到你的连接回来。",
-            "server_connectivity_lost_title": "到服务器的连接已经丢失。",
-            "some_messages_not_sent": "你的部分消息未被发送"
-        },
         "unread_notifications_predecessor": {
             "other": "你在此房间的先前版本中有 %(count)s 条未读通知。",
             "one": "你在此房间的先前版本中有 %(count)s 条未读通知。"
@@ -1837,7 +1822,6 @@
             "error_join_rule_change_unknown": "未知失败",
             "guest_access_warning": "拥有受支持客户端的人无需注册账户即可加入房间。",
             "history_visibility_invited": "只有成员（从他们被邀请开始）",
-            "history_visibility_joined": "只有成员（从他们加入开始）",
             "history_visibility_legend": "谁可以阅读历史消息？",
             "history_visibility_shared": "仅成员（从选中此选项时开始）",
             "history_visibility_warning": "历史记录阅读权限的更改只会应用到此房间中将来的消息。既有历史记录的可见性将不会更改。",
@@ -2522,24 +2506,10 @@
         "show_thread_filter": "显示："
     },
     "time": {
-        "about_day_ago": "约一天前",
-        "about_hour_ago": "约一小时前",
-        "about_minute_ago": "约一分钟前",
         "date_at_time": "%(date)s 的 %(time)s",
-        "few_seconds_ago": "数秒前",
         "hours_minutes_seconds_left": "剩余%(hours)s小时%(minutes)s分钟%(seconds)s秒",
-        "in_about_day": "从现在开始约一天",
-        "in_about_hour": "从现在开始约一小时",
-        "in_about_minute": "从现在开始约一分钟",
-        "in_few_seconds": "从现在开始数秒",
-        "in_n_days": "从现在开始%(num)s天",
-        "in_n_hours": "从现在开始%(num)s小时",
-        "in_n_minutes": "从现在开始%(num)s分钟",
         "left": "剩余%(timeRemaining)s",
         "minutes_seconds_left": "剩余%(minutes)s分钟%(seconds)s秒",
-        "n_days_ago": "%(num)s天前",
-        "n_hours_ago": "%(num)s小时前",
-        "n_minutes_ago": "%(num)s分钟前",
         "seconds_left": "剩余 %(seconds)s 秒",
         "short_days": "%(value)s 天",
         "short_days_hours_minutes_seconds": "%(days)s天%(hours)s小时%(minutes)s分钟%(seconds)s秒",
@@ -2581,8 +2551,7 @@
         "m.audio": {
             "error_downloading_audio": "下载音频时出错",
             "error_processing_audio": "处理音频消息时出错",
-            "error_processing_voice_message": "处理语音消息时发生错误",
-            "unnamed_audio": "未命名的音频"
+            "error_processing_voice_message": "处理语音消息时发生错误"
         },
         "m.beacon_info": {
             "view_live_location": "查看实时位置"
@@ -3095,7 +3064,6 @@
         "hangup": "挂断",
         "hide_sidebar_button": "隐藏侧边栏",
         "input_devices": "输入设备",
-        "join_button_tooltip_call_full": "抱歉——目前线路拥挤",
         "maximise": "填满屏幕",
         "misconfigured_server": "服务器配置错误导致通话失败",
         "misconfigured_server_description": "请联系你的家服务器（<code>%(homeserverDomain)s</code>）的管理员配置 TURN 服务器，以确保通话过程稳定。",
diff --git a/src/i18n/strings/zh_Hant.json b/src/i18n/strings/zh_Hant.json
index 5094d81d18..0dbafb5833 100644
--- a/src/i18n/strings/zh_Hant.json
+++ b/src/i18n/strings/zh_Hant.json
@@ -85,9 +85,7 @@
         "no": "否",
         "ok": "確定",
         "open": "開啟",
-        "pause": "暫停",
         "pin": "圖釘",
-        "play": "播放",
         "proceed": "繼續",
         "quote": "引用",
         "react": "反應",
@@ -1261,7 +1259,6 @@
         "ask_to_join": "啟用要求加入",
         "automatic_debug_logs": "自動在發生錯誤時傳送除錯日誌",
         "automatic_debug_logs_decryption": "自動傳送關於解密錯誤的除錯紀錄檔",
-        "automatic_debug_logs_key_backup": "金鑰備份無法運作時，自動傳送除錯紀錄檔",
         "beta_description": "%(brand)s 的下一步是什麼？實驗室是提早取得資訊、測試新功能，並在實際釋出前協助塑造它們的最佳方式。",
         "beta_feature": "這是 Beta 測試功能",
         "beta_feedback_leave_button": "請到設定頁面離開 Beta 測試版。",
@@ -1674,7 +1671,6 @@
         "dm_invite_title": "您想要與 %(user)s 聊天嗎？",
         "drop_file_prompt": "把文件放在這裡上傳",
         "edit_topic": "編輯主題",
-        "error_3pid_invite_email_lookup": "無法透過電子郵件找到使用者",
         "error_cancel_knock_title": "取消失敗",
         "error_join_403": "您需要邀請才能存取此聊天室。",
         "error_join_404_1": "您嘗試使用聊天室 ID 加入，但未提供要加入的伺服器清單。聊天室 ID 是內部識別字串，不能用於在沒有附加資訊的情況下加入聊天室。",
@@ -1777,18 +1773,6 @@
             "all_rooms_button": "搜尋所有聊天室",
             "this_room_button": "搜尋此聊天室"
         },
-        "status_bar": {
-            "delete_all": "刪除全部",
-            "exceeded_resource_limit": "您的訊息未傳送，因為其家伺服器已超過一項資源限制。請<a>聯絡您的服務管理員</a>以繼序使用服務。",
-            "homeserver_blocked": "您的訊息並未傳送，因為此家伺服器已被其管理員封鎖。請<a>聯絡您的服務管理員</a>以繼續使用服務。",
-            "monthly_user_limit_reached": "您的訊息未被傳送，因為其家伺服器已經達到了其每月活躍使用者限制。請<a>聯絡您的服務管理員</a>以繼續使用服務。",
-            "requires_consent_agreement": "您在審閱並同意<consentLink>我們的條款與細則</consentLink>前無法傳送訊息。",
-            "retry_all": "重試全部",
-            "select_messages_to_retry": "您可以選取全部或單獨的訊息來重試或刪除",
-            "server_connectivity_lost_description": "傳送的訊息會在您的連線恢復前先儲存起來。",
-            "server_connectivity_lost_title": "對伺服器的連線已中斷。",
-            "some_messages_not_sent": "您的部份訊息未傳送"
-        },
         "unknown_status_code_for_timeline_jump": "未知狀態代碼",
         "unread_notifications_predecessor": {
             "other": "您在此聊天室的先前版本有 %(count)s 個未讀的通知。",
@@ -2009,7 +1993,6 @@
             "error_join_rule_change_unknown": "未知錯誤",
             "guest_access_warning": "有受支援的客戶端的夥伴不需要註冊帳號就可以加入聊天室。",
             "history_visibility_invited": "僅限成員（自他們被邀請開始）",
-            "history_visibility_joined": "僅限成員（自他們加入開始）",
             "history_visibility_legend": "誰可以閱讀紀錄？",
             "history_visibility_shared": "僅限成員（自選取此選項開始）",
             "history_visibility_warning": "對可閱讀訊息紀錄的使用者的變更，僅適用於此聊天室的新訊息。現有訊息的顯示狀態將保持不變。",
@@ -2835,24 +2818,10 @@
         "show_thread_filter": "顯示："
     },
     "time": {
-        "about_day_ago": "大約一天前",
-        "about_hour_ago": "大約一小時前",
-        "about_minute_ago": "大約一分鐘前",
         "date_at_time": "%(date)s 於 %(time)s",
-        "few_seconds_ago": "數秒前",
         "hours_minutes_seconds_left": "剩餘 %(hours)s 小時 %(minutes)s 分鐘 %(seconds)s 秒",
-        "in_about_day": "從現在開始大約一天",
-        "in_about_hour": "從現在開始大約一小時",
-        "in_about_minute": "從現在開始大約一分鐘",
-        "in_few_seconds": "從現在開始數秒鐘",
-        "in_n_days": "從現在開始 %(num)s 天",
-        "in_n_hours": "從現在開始 %(num)s 小時",
-        "in_n_minutes": "從現在開始 %(num)s 分鐘",
         "left": "剩下 %(timeRemaining)s",
         "minutes_seconds_left": "剩餘 %(minutes)s 分鐘 %(seconds)s 秒",
-        "n_days_ago": "%(num)s 天前",
-        "n_hours_ago": "%(num)s 小時前",
-        "n_minutes_ago": "%(num)s 分鐘前",
         "seconds_left": "剩 %(seconds)s 秒",
         "short_days": "%(value)sd",
         "short_days_hours_minutes_seconds": "%(days)s 天 %(hours)s 小時 %(minutes)s 分鐘 %(seconds)s 秒",
@@ -2895,8 +2864,7 @@
         "m.audio": {
             "error_downloading_audio": "下載音訊時發生錯誤",
             "error_processing_audio": "處理音訊訊息時出現問題",
-            "error_processing_voice_message": "處理語音訊息時發生錯誤",
-            "unnamed_audio": "未命名的音訊"
+            "error_processing_voice_message": "處理語音訊息時發生錯誤"
         },
         "m.beacon_info": {
             "view_live_location": "檢視即時位置"
@@ -3440,7 +3408,6 @@
         "hangup": "掛斷",
         "hide_sidebar_button": "隱藏側邊欄",
         "input_devices": "輸入裝置",
-        "join_button_tooltip_call_full": "抱歉 — 此通話目前已滿",
         "maximise": "填滿螢幕",
         "misconfigured_server": "由於伺服器設定錯誤，無法通話",
         "misconfigured_server_description": "請聯繫您家伺服器（<code>%(homeserverDomain)s</code>）的管理員建立一套 TURN 伺服器，使通話能更穩定運作。",
diff --git a/src/languageHandler.tsx b/src/languageHandler.tsx
index abd26dda01..2effdb3856 100644
--- a/src/languageHandler.tsx
+++ b/src/languageHandler.tsx
@@ -12,7 +12,6 @@ import _ from "lodash";
 import {
     _t,
     normalizeLanguageKey,
-    type TranslationKey,
     type IVariables,
     KEY_SEPARATOR,
     getLangsJson,
@@ -33,7 +32,6 @@ export {
     _t,
     type IVariables,
     type Tags,
-    type TranslationKey,
     type TranslatedString,
     _td,
     _tDom,
diff --git a/src/models/Call.ts b/src/models/Call.ts
index 39e4aa4b9a..cb9041bfec 100644
--- a/src/models/Call.ts
+++ b/src/models/Call.ts
@@ -44,6 +44,7 @@ import { type JitsiCallMemberContent, JitsiCallMemberEventType } from "../call-t
 import SdkConfig from "../SdkConfig.ts";
 import DMRoomMap from "../utils/DMRoomMap.ts";
 import { type WidgetMessaging, WidgetMessagingEvent } from "../stores/widgets/WidgetMessaging.ts";
+import { BugReportEndpointURLLocal } from "../IConfigOptions.ts";
 
 const TIMEOUT_MS = 16000;
 const logger = rootLogger.getChild("models/Call");
@@ -769,7 +770,7 @@ export class ElementCall extends Call {
         }
 
         const rageshakeSubmitUrl = SdkConfig.get("bug_report_endpoint_url");
-        if (rageshakeSubmitUrl) {
+        if (rageshakeSubmitUrl && rageshakeSubmitUrl !== BugReportEndpointURLLocal) {
             params.append("rageshakeSubmitUrl", rageshakeSubmitUrl);
         }
 
diff --git a/src/modules/ProxiedModuleApi.ts b/src/modules/ProxiedModuleApi.ts
index f36b81dec2..9bccf9f71f 100644
--- a/src/modules/ProxiedModuleApi.ts
+++ b/src/modules/ProxiedModuleApi.ts
@@ -19,7 +19,7 @@ import { type ModuleUiDialogOptions } from "@matrix-org/react-sdk-module-api/lib
 
 import type React from "react";
 import Modal from "../Modal";
-import { _t, type TranslationKey } from "../languageHandler";
+import { _t } from "../languageHandler";
 import { ModuleUiDialog } from "../components/views/dialogs/ModuleUiDialog";
 import SdkConfig from "../SdkConfig";
 import PlatformPeg from "../PlatformPeg";
diff --git a/src/notifications/VectorPushRulesDefinitions.ts b/src/notifications/VectorPushRulesDefinitions.ts
index 403efbc49b..d496119f1e 100644
--- a/src/notifications/VectorPushRulesDefinitions.ts
+++ b/src/notifications/VectorPushRulesDefinitions.ts
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import { type IAnnotatedPushRule, type PushRuleAction, RuleId } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 
-import { _td, type TranslationKey } from "../languageHandler";
+import { _td } from "../languageHandler";
 import { StandardActions } from "./StandardActions";
 import { PushRuleVectorState, VectorState } from "./PushRuleVectorState";
 import { NotificationUtils } from "./NotificationUtils";
diff --git a/src/rageshake/submit-rageshake.ts b/src/rageshake/submit-rageshake.ts
index 0717ccd56a..0101686548 100644
--- a/src/rageshake/submit-rageshake.ts
+++ b/src/rageshake/submit-rageshake.ts
@@ -20,6 +20,8 @@ import * as rageshake from "./rageshake";
 import SettingsStore from "../settings/SettingsStore";
 import SdkConfig from "../SdkConfig";
 import { getServerVersionFromFederationApi } from "../components/views/dialogs/devtools/ServerInfo";
+import type * as Tar from "tar-js";
+import { BugReportEndpointURLLocal } from "../IConfigOptions";
 
 interface IOpts {
     labels?: string[];
@@ -232,10 +234,6 @@ async function collectRecoveryInfo(client: MatrixClient, cryptoApi: CryptoApi, b
  * Collects labels to add to the report.
  */
 export function collectLabels(client: MatrixClient | null, opts: IOpts, body: FormData): void {
-    if (client?.getCrypto()?.getVersion()?.startsWith(`Rust SDK`)) {
-        body.append("label", "A-Element-R");
-    }
-
     if (opts.labels) {
         for (const label of opts.labels) {
             body.append("label", label);
@@ -346,7 +344,7 @@ async function collectLogs(
  *         the server does not respond with an expected body format.
  */
 export default async function sendBugReport(bugReportEndpoint?: string, opts: IOpts = {}): Promise<string> {
-    if (!bugReportEndpoint) {
+    if (!bugReportEndpoint || bugReportEndpoint === BugReportEndpointURLLocal) {
         throw new Error("No bug report endpoint has been set.");
     }
 
@@ -358,20 +356,12 @@ export default async function sendBugReport(bugReportEndpoint?: string, opts: IO
 }
 
 /**
- * Downloads the files from a bug report. This is the same as sendBugReport,
- * but instead causes the browser to download the files locally.
+ * Loads a bug report into a tarball.
  *
- * @param {object} opts optional dictionary of options
- *
- * @param {string} opts.userText Any additional user input.
- *
- * @param {boolean} opts.sendLogs True to send logs
- *
- * @param {function(string)} opts.progressCallback Callback to call with progress updates
- *
- * @return {Promise} Resolved when the bug report is downloaded (or started).
+ * @param opts optional dictionary of options
+ * @return Resolves with a Tarball object.
  */
-export async function downloadBugReport(opts: IOpts = {}): Promise<void> {
+export async function loadBugReport(opts: IOpts = {}): Promise<Tar> {
     const Tar = (await import("tar-js")).default;
     const progressCallback = opts.progressCallback || ((): void => {});
     const body = await collectBugReport(opts, false);
@@ -395,7 +385,18 @@ export async function downloadBugReport(opts: IOpts = {}): Promise<void> {
         }
     }
     tape.append("issue.txt", metadata);
+    return tape;
+}
 
+/**
+ * Downloads the files from a bug report. This is the same as sendBugReport,
+ * but instead causes the browser to download the files locally.
+ *
+ * @param opts optional dictionary of options
+ * @return Resolved when the bug report is downloaded (or started).
+ */
+export async function downloadBugReport(opts: IOpts = {}): Promise<void> {
+    const tape = await loadBugReport(opts);
     // We have to create a new anchor to download if we want a filename. Otherwise we could
     // just use window.open.
     const dl = document.createElement("a");
@@ -421,6 +422,10 @@ export async function submitFeedback(
     canContact = false,
     extraData: Record<string, any> = {},
 ): Promise<void> {
+    const bugReportEndpointUrl = SdkConfig.get().bug_report_endpoint_url;
+    if (!bugReportEndpointUrl || bugReportEndpointUrl === BugReportEndpointURLLocal) {
+        throw new Error("Bug report URL is not set or local");
+    }
     let version: string | undefined;
     try {
         version = await PlatformPeg.get()?.getAppVersion();
@@ -440,11 +445,7 @@ export async function submitFeedback(
         body.append(k, JSON.stringify(extraData[k]));
     }
 
-    const bugReportEndpointUrl = SdkConfig.get().bug_report_endpoint_url;
-
-    if (bugReportEndpointUrl) {
-        await submitReport(bugReportEndpointUrl, body, () => {});
-    }
+    await submitReport(bugReportEndpointUrl, body, () => {});
 }
 
 /**
diff --git a/src/settings/Settings.tsx b/src/settings/Settings.tsx
index 1128606038..7f73c9d559 100644
--- a/src/settings/Settings.tsx
+++ b/src/settings/Settings.tsx
@@ -10,7 +10,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ReactNode } from "react";
 import { STABLE_MSC4133_EXTENDED_PROFILES, UNSTABLE_MSC4133_EXTENDED_PROFILES } from "matrix-js-sdk/src/matrix";
 // Import these directly from shared-components to avoid circular deps
-import { _t, _td, type TranslationKey } from "@element-hq/web-shared-components";
+import { _t, _td } from "@element-hq/web-shared-components";
 
 import { type MediaPreviewConfig } from "../@types/media_preview.ts";
 import DeviceIsolationModeController from "./controllers/DeviceIsolationModeController.ts";
@@ -353,7 +353,6 @@ export interface Settings {
     "developerMode": IBaseSetting<boolean>;
     "automaticErrorReporting": IBaseSetting<boolean>;
     "automaticDecryptionErrorReporting": IBaseSetting<boolean>;
-    "automaticKeyBackNotEnabledReporting": IBaseSetting<boolean>;
     "debug_scroll_panel": IBaseSetting<boolean>;
     "debug_timeline_panel": IBaseSetting<boolean>;
     "debug_registration": IBaseSetting<boolean>;
@@ -373,7 +372,6 @@ export interface Settings {
     "inviteRules": IBaseSetting<ComputedInviteConfig>;
     "blockInvites": IBaseSetting<boolean>;
     "Developer.elementCallUrl": IBaseSetting<string>;
-    "acknowledgedHistoryVisibility": IBaseSetting<boolean>;
 }
 
 export type SettingKey = keyof Settings;
@@ -406,15 +404,14 @@ export const SETTINGS: Settings = {
                     </p>
                 </>
             ),
-            faq: () =>
-                SdkConfig.get().bug_report_endpoint_url && (
-                    <>
-                        <h4>{_t("labs|video_rooms_faq1_question")}</h4>
-                        <p>{_t("labs|video_rooms_faq1_answer")}</p>
-                        <h4>{_t("labs|video_rooms_faq2_question")}</h4>
-                        <p>{_t("labs|video_rooms_faq2_answer")}</p>
-                    </>
-                ),
+            faq: () => (
+                <>
+                    <h4>{_t("labs|video_rooms_faq1_question")}</h4>
+                    <p>{_t("labs|video_rooms_faq1_answer")}</p>
+                    <h4>{_t("labs|video_rooms_faq2_question")}</h4>
+                    <p>{_t("labs|video_rooms_faq2_answer")}</p>
+                </>
+            ),
             feedbackLabel: "video-room-feedback",
             feedbackSubheading: _td("labs|video_rooms_feedbackSubheading"),
             // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -1151,7 +1148,7 @@ export const SETTINGS: Settings = {
     "urlPreviewsEnabled_e2ee": {
         supportedLevels: [SettingLevel.ROOM_DEVICE],
         displayName: {
-            "room-account": _td("settings|inline_url_previews_room_account"),
+            "room-device": _td("settings|inline_url_previews_room_account"),
         },
         default: false,
         controller: new UIFeatureController(UIFeature.URLPreviews),
@@ -1331,11 +1328,6 @@ export const SETTINGS: Settings = {
         default: false,
         controller: new ReloadOnChangeController(),
     },
-    "automaticKeyBackNotEnabledReporting": {
-        displayName: _td("labs|automatic_debug_logs_key_backup"),
-        supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS_WITH_CONFIG,
-        default: false,
-    },
     "debug_scroll_panel": {
         supportedLevels: LEVELS_DEVICE_ONLY_SETTINGS,
         default: false,
@@ -1454,10 +1446,6 @@ export const SETTINGS: Settings = {
         supportedLevels: LEVELS_UI_FEATURE,
         default: true,
     },
-    [UIFeature.BulkUnverifiedSessionsReminder]: {
-        supportedLevels: LEVELS_UI_FEATURE,
-        default: true,
-    },
     [UIFeature.AllowCreatingPublicSpaces]: {
         supportedLevels: LEVELS_UI_FEATURE,
         default: true,
@@ -1509,8 +1497,4 @@ export const SETTINGS: Settings = {
         displayName: _td("devtools|settings|elementCallUrl"),
         default: "",
     },
-    "acknowledgedHistoryVisibility": {
-        supportedLevels: [SettingLevel.ROOM_ACCOUNT],
-        default: false,
-    },
 };
diff --git a/src/settings/SettingsStore.ts b/src/settings/SettingsStore.ts
index c6a739f1c8..0852583fc1 100644
--- a/src/settings/SettingsStore.ts
+++ b/src/settings/SettingsStore.ts
@@ -893,7 +893,12 @@ export default class SettingsStore {
         for (const settingKey of (Object.keys(SETTINGS) as SettingKey[]).filter(
             (s) => SETTINGS[s].shouldExportToRageshake !== false,
         )) {
-            settingMap[settingKey] = SettingsStore.getValue(settingKey);
+            try {
+                settingMap[settingKey] = SettingsStore.getValue(settingKey);
+            } catch (e) {
+                logger.warn("Failed to read setting", settingKey, e);
+                settingMap[settingKey] = "Failed to read setting!";
+            }
         }
         return JSON.stringify(settingMap);
     }
diff --git a/src/settings/UIFeature.ts b/src/settings/UIFeature.ts
index 12b0c7c089..0215b79175 100644
--- a/src/settings/UIFeature.ts
+++ b/src/settings/UIFeature.ts
@@ -24,7 +24,6 @@ export const enum UIFeature {
     AdvancedSettings = "UIFeature.advancedSettings",
     RoomHistorySettings = "UIFeature.roomHistorySettings",
     TimelineEnableRelativeDates = "UIFeature.timelineEnableRelativeDates",
-    BulkUnverifiedSessionsReminder = "UIFeature.BulkUnverifiedSessionsReminder",
     AllowCreatingPublicRooms = "UIFeature.allowCreatingPublicRooms",
     AllowCreatingPublicSpaces = "UIFeature.allowCreatingPublicSpaces",
 }
diff --git a/src/settings/controllers/NotificationControllers.ts b/src/settings/controllers/NotificationControllers.ts
index 8ec17977b5..08c5cc3c2c 100644
--- a/src/settings/controllers/NotificationControllers.ts
+++ b/src/settings/controllers/NotificationControllers.ts
@@ -18,7 +18,7 @@ import { type SettingLevel } from "../SettingLevel";
 // default action on this rule is dont_notify, but it could be something else
 export function isPushNotifyDisabled(): boolean {
     // Return the value of the master push rule as a default
-    const masterRule = MatrixClientPeg.safeGet().pushProcessor.getPushRuleById(".m.rule.master");
+    const masterRule = MatrixClientPeg.get()?.pushProcessor.getPushRuleById(".m.rule.master");
 
     if (!masterRule) {
         logger.warn("No master push rule! Notifications are disabled for this user.");
diff --git a/src/settings/controllers/ServerSupportUnstableFeatureController.ts b/src/settings/controllers/ServerSupportUnstableFeatureController.ts
index 058fdaae08..1b212da638 100644
--- a/src/settings/controllers/ServerSupportUnstableFeatureController.ts
+++ b/src/settings/controllers/ServerSupportUnstableFeatureController.ts
@@ -11,7 +11,7 @@ import MatrixClientBackedController from "./MatrixClientBackedController";
 import { type WatchManager } from "../WatchManager";
 import SettingsStore from "../SettingsStore";
 import { type SettingKey } from "../Settings.tsx";
-import { _t, type TranslationKey } from "../../languageHandler.tsx";
+import { _t } from "../../languageHandler.tsx";
 
 /**
  * Disables a given setting if the server unstable feature it requires is not supported
diff --git a/src/slash-commands/command.ts b/src/slash-commands/command.ts
index 9619c514dd..f541f5ae98 100644
--- a/src/slash-commands/command.ts
+++ b/src/slash-commands/command.ts
@@ -14,7 +14,7 @@ import { type SlashCommand as SlashCommandEvent } from "@matrix-org/analytics-ev
 
 import { TimelineRenderingType } from "../contexts/RoomContext";
 import { reject } from "./utils";
-import { _t, type TranslationKey, UserFriendlyError } from "../languageHandler";
+import { _t, UserFriendlyError } from "../languageHandler";
 import { PosthogAnalytics } from "../PosthogAnalytics";
 import { CommandCategories, type RunResult } from "./interface";
 
diff --git a/src/slash-commands/upgraderoom/parseUpgradeRoomArgs.ts b/src/slash-commands/upgraderoom/parseUpgradeRoomArgs.ts
new file mode 100644
index 0000000000..129b8ca13e
--- /dev/null
+++ b/src/slash-commands/upgraderoom/parseUpgradeRoomArgs.ts
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export type UpgradeRoomParsedArgs = {
+    targetVersion: string;
+    additionalCreators?: string[];
+};
+
+/**
+ * Parse the supplied arguments for a room upgrade, or return null if the
+ * arguments are not valid. The arguments must be a room version followed by
+ * zero or more valid user IDs.
+ */
+export function parseUpgradeRoomArgs(args: string): UpgradeRoomParsedArgs | null {
+    const parts = args.split(/\s+/);
+    if (parts.length === 0 || parts[0] === "") {
+        return null;
+    } else {
+        const targetVersion = parts[0];
+        let additionalCreators: string[] | undefined;
+        for (let i = 1; i < parts.length; ++i) {
+            if (additionalCreators === undefined) {
+                additionalCreators = [];
+            }
+            additionalCreators.push(parts[i]);
+        }
+        return { targetVersion, additionalCreators };
+    }
+}
diff --git a/src/slash-commands/upgraderoom/runUpgradeRoomCommand.ts b/src/slash-commands/upgraderoom/runUpgradeRoomCommand.ts
new file mode 100644
index 0000000000..e7e24ded75
--- /dev/null
+++ b/src/slash-commands/upgraderoom/runUpgradeRoomCommand.ts
@@ -0,0 +1,64 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { EventTimeline, type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import Modal from "../../Modal";
+import RoomUpgradeWarningDialog from "../../components/views/dialogs/RoomUpgradeWarningDialog";
+import { type Command } from "../command";
+import { UserFriendlyError } from "../../languageHandler";
+import { parseUpgradeRoomArgs } from "./parseUpgradeRoomArgs";
+import { reject, success } from "../utils";
+import { type RunResult } from "../interface";
+import { upgradeRoom } from "../../utils/RoomUpgrade";
+
+export function runUpgradeRoomCommand(
+    command: Command,
+    cli: MatrixClient,
+    roomId: string,
+    _threadId: string | null,
+    args?: string,
+): RunResult {
+    if (!args) {
+        return reject(command.getUsage());
+    }
+    const parsedArgs = parseUpgradeRoomArgs(args);
+    if (parsedArgs) {
+        const room = cli.getRoom(roomId);
+        if (
+            !room?.getLiveTimeline().getState(EventTimeline.FORWARDS)?.mayClientSendStateEvent("m.room.tombstone", cli)
+        ) {
+            return reject(new UserFriendlyError("slash_command|upgraderoom_permission_error"));
+        }
+
+        const { finished } = Modal.createDialog(
+            RoomUpgradeWarningDialog,
+            { roomId: roomId, targetVersion: parsedArgs.targetVersion },
+            /*className=*/ undefined,
+            /*isPriority=*/ false,
+            /*isStatic=*/ true,
+        );
+
+        return success(
+            finished.then(async ([resp]): Promise<void> => {
+                if (!resp?.continue) return;
+                await upgradeRoom(
+                    room,
+                    parsedArgs.targetVersion,
+                    resp.invite,
+                    true,
+                    true,
+                    false,
+                    undefined,
+                    false,
+                    parsedArgs.additionalCreators,
+                );
+            }),
+        );
+    }
+    return reject(command.getUsage());
+}
diff --git a/src/slash-commands/upgraderoom/upgraderoom.ts b/src/slash-commands/upgraderoom/upgraderoom.ts
new file mode 100644
index 0000000000..8d7b17ea4d
--- /dev/null
+++ b/src/slash-commands/upgraderoom/upgraderoom.ts
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type MatrixClient } from "matrix-js-sdk/src/matrix";
+
+import { _td } from "../../languageHandler";
+import { isCurrentLocalRoom } from "../utils";
+import { runUpgradeRoomCommand } from "./runUpgradeRoomCommand";
+import { Command } from "../command";
+import { CommandCategories, type RunResult } from "../interface";
+import { TimelineRenderingType } from "../../contexts/RoomContext";
+
+const upgraderoom = new Command({
+    command: "upgraderoom",
+    args: "<new_version> [<additional-creator-user-id> ...]",
+    description: _td("slash_command|upgraderoom"),
+    isEnabled: (cli: MatrixClient) => !isCurrentLocalRoom(cli),
+    runFn: function (cli: MatrixClient, roomId: string, threadId: string | null, args?: string): RunResult {
+        return runUpgradeRoomCommand(this, cli, roomId, threadId, args);
+    },
+    category: CommandCategories.admin,
+    renderingTypes: [TimelineRenderingType.Room],
+});
+
+export default upgraderoom;
diff --git a/src/stores/AutoRageshakeStore.ts b/src/stores/AutoRageshakeStore.ts
index b790001250..aeac62d507 100644
--- a/src/stores/AutoRageshakeStore.ts
+++ b/src/stores/AutoRageshakeStore.ts
@@ -24,7 +24,6 @@ import defaultDispatcher from "../dispatcher/dispatcher";
 import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
 import { type ActionPayload } from "../dispatcher/payloads";
 import SettingsStore from "../settings/SettingsStore";
-import { Action } from "../dispatcher/actions";
 
 // Minimum interval of 1 minute between reports
 const RAGESHAKE_INTERVAL = 60000;
@@ -66,12 +65,7 @@ export default class AutoRageshakeStore extends AsyncStoreWithClient<IState> {
         return AutoRageshakeStore.internalInstance;
     }
 
-    protected async onAction(payload: ActionPayload): Promise<void> {
-        switch (payload.action) {
-            case Action.ReportKeyBackupNotEnabled:
-                this.onReportKeyBackupNotEnabled();
-        }
-    }
+    protected async onAction(_payload: ActionPayload): Promise<void> {}
 
     protected async onReady(): Promise<void> {
         if (!SettingsStore.getValue("automaticDecryptionErrorReporting")) return;
@@ -187,16 +181,6 @@ export default class AutoRageshakeStore extends AsyncStoreWithClient<IState> {
             );
         }
     }
-
-    private async onReportKeyBackupNotEnabled(): Promise<void> {
-        if (!SettingsStore.getValue("automaticKeyBackNotEnabledReporting")) return;
-
-        await sendBugReport(SdkConfig.get().bug_report_endpoint_url, {
-            userText: `Auto-reporting key backup not enabled`,
-            sendLogs: true,
-            labels: ["web", Action.ReportKeyBackupNotEnabled],
-        });
-    }
 }
 
 window.mxAutoRageshakeStore = AutoRageshakeStore.instance;
diff --git a/src/stores/CallStore.ts b/src/stores/CallStore.ts
index 6dc41dfce1..d025b0a014 100644
--- a/src/stores/CallStore.ts
+++ b/src/stores/CallStore.ts
@@ -7,9 +7,9 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { logger } from "matrix-js-sdk/src/logger";
-import { type MatrixRTCSession, MatrixRTCSessionManagerEvents } from "matrix-js-sdk/src/matrixrtc";
+import { type MatrixRTCSession, MatrixRTCSessionManagerEvents, type Transport } from "matrix-js-sdk/src/matrixrtc";
+import { MatrixError, type EmptyObject, type Room } from "matrix-js-sdk/src/matrix";
 
-import type { EmptyObject, Room } from "matrix-js-sdk/src/matrix";
 import defaultDispatcher from "../dispatcher/dispatcher";
 import { UPDATE_EVENT } from "./AsyncStore";
 import { AsyncStoreWithClient } from "./AsyncStoreWithClient";
@@ -23,6 +23,8 @@ export enum CallStoreEvent {
     Call = "call",
     // Signals a change in the active calls
     ConnectedCalls = "connected_calls",
+    // Signals a change in the configured RTC transports.
+    TransportsUpdated = "transports_updated",
 }
 
 export class CallStore extends AsyncStoreWithClient<EmptyObject> {
@@ -35,6 +37,8 @@ export class CallStore extends AsyncStoreWithClient<EmptyObject> {
         return this._instance;
     }
 
+    private readonly configuredMatrixRTCTransports = new Set<Transport>();
+
     private constructor() {
         super(defaultDispatcher);
         this.setMaxListeners(100); // One for each RoomTile
@@ -44,8 +48,38 @@ export class CallStore extends AsyncStoreWithClient<EmptyObject> {
         // nothing to do
     }
 
+    /**
+     * Fetch transports used by MatrixRTC services, such as Element Call.
+     * This function is called once during Store startup which means we don't refetch
+     * transports every time we need to check for Element Call support.
+     */
+    protected async fetchTransports(): Promise<void> {
+        if (!this.matrixClient) return;
+        this.configuredMatrixRTCTransports.clear();
+        // Prefer checking the proper endpoint for transports.
+        try {
+            const transports = await this.matrixClient._unstable_getRTCTransports();
+            transports.forEach((t) => this.configuredMatrixRTCTransports.add(t));
+        } catch (ex) {
+            // Expected, MSC not implemented.
+            if (ex instanceof MatrixError === false || ex.errcode !== "M_NOT_FOUND") {
+                logger.warn("Unexpected error when trying to fetch RTC transports", ex);
+            }
+        }
+        // See https://github.com/matrix-org/matrix-spec-proposals/blob/d61969a9a3696b6c54d7987b1643b5bc03670927/proposals/4143-matrix-rtc.md#discovery-of-foci-using-well-knownmatrixclient
+        // This well-known option has since been removed from the spec but is still widely deployed.
+        await this.matrixClient.waitForClientWellKnown();
+        const foci = this.matrixClient.getClientWellKnown()?.["org.matrix.msc4143.rtc_foci"];
+        if (Array.isArray(foci)) {
+            foci.forEach((foci) => this.configuredMatrixRTCTransports.add(foci));
+        }
+        this.emit(CallStoreEvent.TransportsUpdated);
+    }
+
     protected async onReady(): Promise<any> {
         if (!this.matrixClient) return;
+        // Fetch transports, but don't await the result.
+        void this.fetchTransports();
         // We assume that the calls present in a room are a function of room
         // widgets and group calls, so we initialize the room map here and then
         // update it whenever those change
@@ -81,6 +115,7 @@ export class CallStore extends AsyncStoreWithClient<EmptyObject> {
         this.callListeners.clear();
         this.calls.clear();
         this._connectedCalls.clear();
+        this.configuredMatrixRTCTransports.clear();
 
         this.matrixClient?.matrixRTC.off(MatrixRTCSessionManagerEvents.SessionStarted, this.onRTCSessionStart);
         WidgetStore.instance.off(UPDATE_EVENT, this.onWidgets);
@@ -187,6 +222,10 @@ export class CallStore extends AsyncStoreWithClient<EmptyObject> {
         }
     };
 
+    public getConfiguredRTCTransports(): Transport[] {
+        return [...this.configuredMatrixRTCTransports];
+    }
+
     private onRTCSessionStart = (roomId: string, session: MatrixRTCSession): void => {
         this.updateRoom(session.room);
     };
diff --git a/src/stores/ToastStore.ts b/src/stores/ToastStore.ts
index 41a78ed460..971e49be58 100644
--- a/src/stores/ToastStore.ts
+++ b/src/stores/ToastStore.ts
@@ -22,6 +22,15 @@ export interface IToast<C extends ComponentClass> {
     component: C;
     className?: string;
     bodyClassName?: string;
+
+    /**
+     * What to do if the user clicks the close button. If this is undefined, the
+     * close button is not displayed.
+     *
+     * Note: the close button is only displayed if the toast has a title (i.e. if {@link title} is truthy).
+     */
+    onCloseButtonClicked?: () => void;
+
     props?: Omit<React.ComponentProps<C>, "toastKey">; // toastKey is injected by ToastContainer
 }
 
@@ -30,9 +39,6 @@ export interface IToast<C extends ComponentClass> {
  */
 export default class ToastStore extends EventEmitter {
     private toasts: IToast<any>[] = [];
-    // The count of toasts which have been seen & dealt with in this stack
-    // where the count resets when the stack of toasts clears.
-    private countSeen = 0;
 
     public static sharedInstance(): ToastStore {
         if (!window.mxToastStore) window.mxToastStore = new ToastStore();
@@ -41,7 +47,6 @@ export default class ToastStore extends EventEmitter {
 
     public reset(): void {
         this.toasts = [];
-        this.countSeen = 0;
     }
 
     /**
@@ -68,27 +73,23 @@ export default class ToastStore extends EventEmitter {
     }
 
     public dismissToast(key: string): void {
-        if (this.toasts[0] && this.toasts[0].key === key) {
-            this.countSeen++;
-        }
-
         const length = this.toasts.length;
         this.toasts = this.toasts.filter((t) => t.key !== key);
         if (length !== this.toasts.length) {
             logger.info(`Removed toast with key '${key}'`);
-            if (this.toasts.length === 0) {
-                this.countSeen = 0;
-            }
-
             this.emit("update");
         }
     }
 
+    /**
+     * Is a toast currently present on the store.
+     * @param key The toast key to look for.
+     */
+    public hasToast(key: string): boolean {
+        return this.toasts.some((toast) => toast.key === key);
+    }
+
     public getToasts(): IToast<any>[] {
         return this.toasts;
     }
-
-    public getCountSeen(): number {
-        return this.countSeen;
-    }
 }
diff --git a/src/stores/notifications/RoomNotificationState.ts b/src/stores/notifications/RoomNotificationState.ts
index af873f712e..44a62b1307 100644
--- a/src/stores/notifications/RoomNotificationState.ts
+++ b/src/stores/notifications/RoomNotificationState.ts
@@ -141,7 +141,6 @@ export class RoomNotificationState extends NotificationState implements IDestroy
 
     private updateNotificationState(): void {
         const snapshot = this.snapshot();
-
         const { level, symbol, count, invited } = RoomNotifs.determineUnreadState(
             this.room,
             undefined,
diff --git a/src/stores/notifications/SpaceNotificationState.ts b/src/stores/notifications/SpaceNotificationState.ts
index 0faf8bc3e6..66907b7816 100644
--- a/src/stores/notifications/SpaceNotificationState.ts
+++ b/src/stores/notifications/SpaceNotificationState.ts
@@ -6,6 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
+import { throttle } from "lodash";
 import { type Room } from "matrix-js-sdk/src/matrix";
 
 import { NotificationLevel } from "./NotificationLevel";
@@ -63,23 +64,27 @@ export class SpaceNotificationState extends NotificationState {
         this.calculateTotalState();
     };
 
-    private calculateTotalState(): void {
-        const snapshot = this.snapshot();
+    private calculateTotalState = throttle(
+        (): void => {
+            const snapshot = this.snapshot();
 
-        this._count = 0;
-        this._level = NotificationLevel.None;
-        for (const [roomId, state] of Object.entries(this.states)) {
-            const room = this.rooms.find((r) => r.roomId === roomId);
-            const roomTags = room ? RoomListStore.instance.getTagsForRoom(room) : [];
+            this._count = 0;
+            this._level = NotificationLevel.None;
+            for (const [roomId, state] of Object.entries(this.states)) {
+                const room = this.rooms.find((r) => r.roomId === roomId);
+                const roomTags = room ? RoomListStore.instance.getTagsForRoom(room) : [];
 
-            // We ignore unreads in LowPriority rooms, see https://github.com/vector-im/element-web/issues/16836
-            if (roomTags.includes(DefaultTagID.LowPriority) && state.level === NotificationLevel.Activity) continue;
+                // We ignore unreads in LowPriority rooms, see https://github.com/vector-im/element-web/issues/16836
+                if (roomTags.includes(DefaultTagID.LowPriority) && state.level === NotificationLevel.Activity) continue;
 
-            this._count += state.count;
-            this._level = Math.max(this.level, state.level);
-        }
+                this._count += state.count;
+                this._level = Math.max(this.level, state.level);
+            }
 
-        // finally, publish an update if needed
-        this.emitIfUpdated(snapshot);
-    }
+            // finally, publish an update if needed
+            this.emitIfUpdated(snapshot);
+        },
+        100,
+        { leading: false, trailing: true },
+    );
 }
diff --git a/src/stores/oidc/OidcClientStore.ts b/src/stores/oidc/OidcClientStore.ts
index 1edfb4b59c..4b53089d57 100644
--- a/src/stores/oidc/OidcClientStore.ts
+++ b/src/stores/oidc/OidcClientStore.ts
@@ -33,6 +33,7 @@ export class OidcClientStore {
     private initialisingOidcClientPromise: Promise<void> | undefined;
     private authenticatedIssuer?: string; // set only in OIDC-native mode
     private _accountManagementEndpoint?: string;
+    private _accountManagementActionsSupported?: string[];
     /**
      * Promise which resolves once this store is read to use, which may mean there is no OIDC client if we're in legacy mode,
      * or we just have the account management endpoint if running in OIDC-aware mode.
@@ -51,7 +52,11 @@ export class OidcClientStore {
             // We are not in OIDC Native mode, as we have no locally stored issuer. Check if the server delegates auth to OIDC.
             try {
                 const authMetadata = await this.matrixClient.getAuthMetadata();
-                this.setAccountManagementEndpoint(authMetadata.account_management_uri, authMetadata.issuer);
+                this.setAccountManagementEndpoint(
+                    authMetadata.account_management_uri,
+                    authMetadata.issuer,
+                    authMetadata.account_management_actions_supported,
+                );
             } catch (e) {
                 console.log("Auth issuer not found", e);
             }
@@ -65,7 +70,11 @@ export class OidcClientStore {
         return !!this.authenticatedIssuer;
     }
 
-    private setAccountManagementEndpoint(endpoint: string | undefined, issuer: string): void {
+    private setAccountManagementEndpoint(
+        endpoint: string | undefined,
+        issuer: string,
+        actionsSupported?: string[],
+    ): void {
         // if no account endpoint is configured default to the issuer
         const url = new URL(endpoint ?? issuer);
         const idToken = getStoredOidcIdToken();
@@ -73,12 +82,17 @@ export class OidcClientStore {
             url.searchParams.set("id_token_hint", idToken);
         }
         this._accountManagementEndpoint = url.toString();
+        this._accountManagementActionsSupported = actionsSupported;
     }
 
     public get accountManagementEndpoint(): string | undefined {
         return this._accountManagementEndpoint;
     }
 
+    public get accountManagementActionsSupported(): string[] | undefined {
+        return this._accountManagementActionsSupported;
+    }
+
     /**
      * Revokes provided access and refresh tokens with the configured OIDC provider
      * @param accessToken
@@ -151,7 +165,11 @@ export class OidcClientStore {
         try {
             const clientId = getStoredOidcClientId();
             const authMetadata = await discoverAndValidateOIDCIssuerWellKnown(this.authenticatedIssuer);
-            this.setAccountManagementEndpoint(authMetadata.account_management_uri, authMetadata.issuer);
+            this.setAccountManagementEndpoint(
+                authMetadata.account_management_uri,
+                authMetadata.issuer,
+                authMetadata.account_management_actions_supported,
+            );
             this.oidcClient = new OidcClient({
                 authority: authMetadata.issuer,
                 signingKeys: authMetadata.signingKeys ?? undefined,
diff --git a/src/stores/room-list-v3/RoomListStoreV3.ts b/src/stores/room-list-v3/RoomListStoreV3.ts
index 6133fcfd19..b643755a2a 100644
--- a/src/stores/room-list-v3/RoomListStoreV3.ts
+++ b/src/stores/room-list-v3/RoomListStoreV3.ts
@@ -35,6 +35,7 @@ import { SettingLevel } from "../../settings/SettingLevel";
 import { MARKED_UNREAD_TYPE_STABLE, MARKED_UNREAD_TYPE_UNSTABLE } from "../../utils/notifications";
 import { getChangedOverrideRoomMutePushRules } from "../room-list/utils/roomMute";
 import { Action } from "../../dispatcher/actions";
+import { UnreadSorter } from "./skip-list/sorters/UnreadSorter";
 
 /**
  * These are the filters passed to the room skip list.
@@ -136,10 +137,7 @@ export class RoomListStoreV3Class extends AsyncStoreWithClient<EmptyObject> {
         if (!this.roomSkipList) throw new Error("Cannot resort room list before skip list is created.");
         if (!this.matrixClient) throw new Error("Cannot resort room list without matrix client.");
         if (this.roomSkipList.activeSortAlgorithm === algorithm) return;
-        const sorter =
-            algorithm === SortingAlgorithm.Alphabetic
-                ? new AlphabeticSorter()
-                : new RecencySorter(this.matrixClient.getSafeUserId());
+        const sorter = this.getSorterFromSortingAlgorithm(algorithm, this.matrixClient.getSafeUserId());
         this.roomSkipList.useNewSorter(sorter, this.getRooms());
         this.emit(LISTS_UPDATE_EVENT);
         SettingsStore.setValue("RoomList.preferredSorting", null, SettingLevel.DEVICE, algorithm);
@@ -321,13 +319,28 @@ export class RoomListStoreV3Class extends AsyncStoreWithClient<EmptyObject> {
      */
     private getPreferredSorter(myUserId: string): Sorter {
         const preferred = SettingsStore.getValue("RoomList.preferredSorting");
-        switch (preferred) {
+        return this.getSorterFromSortingAlgorithm(preferred, myUserId);
+    }
+
+    /**
+     * Get a sorter instance from the sorting algorithm enum value.
+     * @param algorithm The sorting algorithm
+     * @param myUserId The user-id of the current user
+     * @returns the sorter instance
+     */
+    private getSorterFromSortingAlgorithm(algorithm: SortingAlgorithm, myUserId: string): Sorter {
+        switch (algorithm) {
             case SortingAlgorithm.Alphabetic:
                 return new AlphabeticSorter();
             case SortingAlgorithm.Recency:
                 return new RecencySorter(myUserId);
+            case SortingAlgorithm.Unread:
+                return new UnreadSorter(myUserId);
             default:
-                throw new Error(`Got unknown sort preference from RoomList.preferredSorting setting`);
+                logger.info(
+                    `RoomListStoreV3: There is no sorting implementation for algorithm ${algorithm}, defaulting to recency sorter`,
+                );
+                return new RecencySorter(myUserId);
         }
     }
 
diff --git a/src/stores/room-list-v3/skip-list/sorters/BaseRecencySorter.ts b/src/stores/room-list-v3/skip-list/sorters/BaseRecencySorter.ts
new file mode 100644
index 0000000000..8b85659dd8
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/sorters/BaseRecencySorter.ts
@@ -0,0 +1,52 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { Room } from "matrix-js-sdk/src/matrix";
+import type { Sorter, SortingAlgorithm } from ".";
+import { getLastTimestamp } from "./utils/getLastTimestamp";
+
+export abstract class BaseRecencySorter implements Sorter {
+    public constructor(protected myUserId: string) {}
+
+    public sort(rooms: Room[]): Room[] {
+        const tsCache: { [roomId: string]: number } = {};
+        return [...rooms].sort((a, b) => this.comparator(a, b, tsCache));
+    }
+
+    public comparator(roomA: Room, roomB: Room, cache?: any): number {
+        // First check if any of the rooms are special cases
+        const exceptionalOrdering = this.getScore(roomA) - this.getScore(roomB);
+        if (exceptionalOrdering !== 0) return exceptionalOrdering;
+
+        // Then check recency; recent rooms should be at the top
+        const roomALastTs = this.getTs(roomA, cache);
+        const roomBLastTs = this.getTs(roomB, cache);
+        return roomBLastTs - roomALastTs;
+    }
+
+    private getTs(room: Room, cache?: { [roomId: string]: number }): number {
+        const ts = cache?.[room.roomId] ?? getLastTimestamp(room, this.myUserId);
+        if (cache) {
+            cache[room.roomId] = ts;
+        }
+        return ts;
+    }
+
+    public abstract get type(): SortingAlgorithm;
+
+    /**
+     * Rooms are sorted based on:
+     * - the score of the room
+     * - the timestamp of the last message in that room
+     *
+     * The score takes precedence over the timestamp of the last message. This allows
+     * some rooms to be sorted before/after others regardless of when the last message
+     * was received in that room. Eg: muted rooms can be placed at the bottom of the list
+     * even if they received messages recently.
+     */
+    protected abstract getScore(room: Room): number;
+}
diff --git a/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts b/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
index 53e8ae4331..4f5889f132 100644
--- a/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
+++ b/src/stores/room-list-v3/skip-list/sorters/RecencySorter.ts
@@ -7,29 +7,11 @@ Please see LICENSE files in the repository root for full details.
 
 import type { Room } from "matrix-js-sdk/src/matrix";
 import { type Sorter, SortingAlgorithm } from ".";
-import { getLastTs } from "../../../room-list/algorithms/tag-sorting/RecentAlgorithm";
 import { RoomNotificationStateStore } from "../../../notifications/RoomNotificationStateStore";
 import { DefaultTagID } from "../../../room-list/models";
+import { BaseRecencySorter } from "./BaseRecencySorter";
 
-export class RecencySorter implements Sorter {
-    public constructor(private myUserId: string) {}
-
-    public sort(rooms: Room[]): Room[] {
-        const tsCache: { [roomId: string]: number } = {};
-        return [...rooms].sort((a, b) => this.comparator(a, b, tsCache));
-    }
-
-    public comparator(roomA: Room, roomB: Room, cache?: any): number {
-        // First check if the rooms are low priority or muted
-        const exceptionalOrdering = this.getScore(roomA) - this.getScore(roomB);
-        if (exceptionalOrdering !== 0) return exceptionalOrdering;
-
-        // Then check recency; recent rooms should be at the top
-        const roomALastTs = this.getTs(roomA, cache);
-        const roomBLastTs = this.getTs(roomB, cache);
-        return roomBLastTs - roomALastTs;
-    }
-
+export class RecencySorter extends BaseRecencySorter implements Sorter {
     public get type(): SortingAlgorithm.Recency {
         return SortingAlgorithm.Recency;
     }
@@ -45,7 +27,7 @@ export class RecencySorter implements Sorter {
      * - If getScore(A) - getScore(B) < 0, A should come before B
      * - If getScore(A) - getScore(B) = 0, no special ordering needed, just use recency
      */
-    private getScore(room: Room): number {
+    protected getScore(room: Room): number {
         const isLowPriority = !!room.tags[DefaultTagID.LowPriority];
         const isMuted = RoomNotificationStateStore.instance.getRoomState(room).muted;
         // These constants are chosen so that the following order is maintained:
@@ -55,12 +37,4 @@ export class RecencySorter implements Sorter {
         else if (isLowPriority) return 2;
         else return 0;
     }
-
-    private getTs(room: Room, cache?: { [roomId: string]: number }): number {
-        const ts = cache?.[room.roomId] ?? getLastTs(room, this.myUserId);
-        if (cache) {
-            cache[room.roomId] = ts;
-        }
-        return ts;
-    }
 }
diff --git a/src/stores/room-list-v3/skip-list/sorters/UnreadSorter.ts b/src/stores/room-list-v3/skip-list/sorters/UnreadSorter.ts
new file mode 100644
index 0000000000..3d919b8251
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/sorters/UnreadSorter.ts
@@ -0,0 +1,55 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { KnownMembership, RoomType, type Room } from "matrix-js-sdk/src/matrix";
+
+import { type Sorter, SortingAlgorithm } from ".";
+import { RoomNotificationStateStore } from "../../../notifications/RoomNotificationStateStore";
+import { DefaultTagID } from "../../../room-list/models";
+import { CallStore } from "../../../CallStore";
+import { getMarkedUnreadState } from "../../../../utils/notifications";
+import { BaseRecencySorter } from "./BaseRecencySorter";
+
+/**
+ * Similar to RecencySorter but with the following special order:
+ * Invites -> Calls (new and ongoing) -> Mentions (@) -> Count ([1])/ Marked as unread -> Activity (dot) -> None -> Low Priority -> Mute
+ */
+export class UnreadSorter extends BaseRecencySorter implements Sorter {
+    public get type(): SortingAlgorithm.Unread {
+        return SortingAlgorithm.Unread;
+    }
+
+    protected getScore(room: Room): number {
+        // Invites first
+        if (room.getMyMembership() === KnownMembership.Invite) return 100;
+
+        // Then rooms that have calls (but not video rooms)
+        const roomType = room.getType();
+        const isVideoRoom = roomType === RoomType.UnstableCall || roomType === RoomType.ElementVideo;
+        if (!isVideoRoom && !!CallStore.instance.getCall(room.roomId)) return 101;
+
+        const roomNotificationState = RoomNotificationStateStore.instance.getRoomState(room);
+        // Then mentions
+        if (roomNotificationState.isMention) return 102;
+
+        // Then rooms that have a count or was marked as unread
+        if (roomNotificationState.hasUnreadCount || !!getMarkedUnreadState(room)) return 103;
+
+        // Then rooms that have a dot
+        if (roomNotificationState.isActivityNotification) return 104;
+
+        // Then all other non special rooms, see last return
+
+        // Then low priority rooms
+        if (!!room.tags[DefaultTagID.LowPriority]) return 106;
+
+        // Muted rooms at the bottom
+        if (roomNotificationState.muted) return 107;
+
+        return 105;
+    }
+}
diff --git a/src/stores/room-list-v3/skip-list/sorters/index.ts b/src/stores/room-list-v3/skip-list/sorters/index.ts
index 40381448c8..82fbaebc02 100644
--- a/src/stores/room-list-v3/skip-list/sorters/index.ts
+++ b/src/stores/room-list-v3/skip-list/sorters/index.ts
@@ -31,6 +31,7 @@ export interface Sorter {
  * All the available sorting algorithms.
  */
 export const enum SortingAlgorithm {
+    Unread = "Unread",
     Recency = "Recency",
     Alphabetic = "Alphabetic",
 }
diff --git a/src/stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp.ts b/src/stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp.ts
new file mode 100644
index 0000000000..253029843b
--- /dev/null
+++ b/src/stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp.ts
@@ -0,0 +1,84 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { EventTimeline, EventType, type MatrixEvent, type Room } from "matrix-js-sdk/src/matrix";
+
+import { EffectiveMembership, getEffectiveMembership } from "../../../../../utils/membership";
+import * as Unread from "../../../../../Unread";
+
+function shouldCauseReorder(event: MatrixEvent): boolean {
+    const type = event.getType();
+    const content = event.getContent();
+    const prevContent = event.getPrevContent();
+
+    // Never ignore membership changes
+    if (type === EventType.RoomMember && prevContent.membership !== content.membership) return true;
+
+    // Ignore display name changes
+    if (type === EventType.RoomMember && prevContent.displayname !== content.displayname) return false;
+    // Ignore avatar changes
+    if (type === EventType.RoomMember && prevContent.avatar_url !== content.avatar_url) return false;
+
+    return true;
+}
+
+/**
+ * For a given room, this function returns a timestamp that can be used for recency sorting.
+ * @param r room for which the timestamp is calculated
+ * @param userId mxId of the current user
+ * @returns timestamp
+ */
+export const getLastTimestamp = (r: Room, userId: string): number => {
+    const mainTimelineLastTs = ((): number => {
+        const timeline = r.getLiveTimeline().getEvents();
+
+        // MSC4186: Simplified Sliding Sync sets this.
+        // If it's present, sort by it.
+        const bumpStamp = r.getBumpStamp();
+        if (bumpStamp) {
+            return bumpStamp;
+        }
+
+        // If the room hasn't been joined yet, it probably won't have a timeline to
+        // parse. We'll still fall back to the timeline if this fails, but chances
+        // are we'll at least have our own membership event to go off of.
+        const effectiveMembership = getEffectiveMembership(r.getMyMembership());
+        if (effectiveMembership !== EffectiveMembership.Join) {
+            const membershipEvent = r
+                .getLiveTimeline()
+                .getState(EventTimeline.FORWARDS)
+                ?.getStateEvents(EventType.RoomMember, userId);
+            if (membershipEvent && !Array.isArray(membershipEvent)) {
+                return membershipEvent.getTs();
+            }
+        }
+
+        for (let i = timeline.length - 1; i >= 0; --i) {
+            const ev = timeline[i];
+            if (!ev.getTs()) continue; // skip events that don't have timestamps (tests only?)
+
+            if (
+                (ev.getSender() === userId && shouldCauseReorder(ev)) ||
+                Unread.eventTriggersUnreadCount(r.client, ev)
+            ) {
+                return ev.getTs();
+            }
+        }
+
+        // we might only have events that don't trigger the unread indicator,
+        // in which case use the oldest event even if normally it wouldn't count.
+        // This is better than just assuming the last event was forever ago.
+        return timeline[0]?.getTs() ?? 0;
+    })();
+
+    const threadLastEventTimestamps = r.getThreads().map((thread) => {
+        const event = thread.replyToEvent ?? thread.rootEvent;
+        return event?.getTs() ?? 0;
+    });
+
+    return Math.max(mainTimelineLastTs, ...threadLastEventTimestamps);
+};
diff --git a/src/stores/widgets/ElementWidgetDriver.ts b/src/stores/widgets/ElementWidgetDriver.ts
index 82da6c3d59..725f149f0d 100644
--- a/src/stores/widgets/ElementWidgetDriver.ts
+++ b/src/stores/widgets/ElementWidgetDriver.ts
@@ -124,7 +124,8 @@ export class ElementWidgetDriver extends WidgetDriver {
             this.allowedCapabilities.add(`org.matrix.msc2762.timeline:${inRoomId}`);
             this.allowedCapabilities.add(MatrixCapabilities.MSC4157SendDelayedEvent);
             this.allowedCapabilities.add(MatrixCapabilities.MSC4157UpdateDelayedEvent);
-            this.allowedCapabilities.add(MatrixCapabilities.MSC4354SendStickyEvent);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4407SendStickyEvent);
+            this.allowedCapabilities.add(MatrixCapabilities.MSC4407ReceiveStickyEvent);
 
             this.allowedCapabilities.add(
                 WidgetEventCapability.forStateEvent(EventDirection.Receive, EventType.RoomName).raw,
diff --git a/src/theme.ts b/src/theme.ts
index 4cd07f32ab..a0a527c28a 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -26,6 +26,7 @@ import { logger } from "matrix-js-sdk/src/logger";
 import { _t } from "./languageHandler";
 import SettingsStore from "./settings/SettingsStore";
 import ThemeWatcher from "./settings/watchers/ThemeWatcher";
+import { FontWatcher } from "./settings/watchers/FontWatcher";
 
 export const DEFAULT_THEME = "light";
 const HIGH_CONTRAST_THEMES: Record<string, string> = {
@@ -126,10 +127,15 @@ export function getOrderedThemes(): ITheme[] {
 }
 
 function clearCustomTheme(): void {
-    // remove all css variables, we assume these are there because of the custom theme
+    // remove all css variables (except font and emoji variables), we assume these are there because of the custom theme
     const inlineStyleProps = Object.values(document.body.style);
     for (const prop of inlineStyleProps) {
-        if (typeof prop === "string" && prop.startsWith("--")) {
+        if (
+            typeof prop === "string" &&
+            prop.startsWith("--") &&
+            prop !== FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY &&
+            prop !== FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY
+        ) {
             document.body.style.removeProperty(prop);
         }
     }
diff --git a/src/toasts/IncomingCallToast.tsx b/src/toasts/IncomingCallToast.tsx
index ec0dd8f3ec..f1ca624a59 100644
--- a/src/toasts/IncomingCallToast.tsx
+++ b/src/toasts/IncomingCallToast.tsx
@@ -7,7 +7,14 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, { type JSX, useCallback, useEffect, useRef, useState } from "react";
-import { type Room, type MatrixEvent, type RoomMember, RoomEvent, EventType } from "matrix-js-sdk/src/matrix";
+import {
+    type Room,
+    type MatrixEvent,
+    type RoomMember,
+    RoomEvent,
+    EventType,
+    MatrixEventEvent,
+} from "matrix-js-sdk/src/matrix";
 import { Button, ToggleInput, Tooltip, TooltipProvider } from "@vector-im/compound-web";
 import VideoCallIcon from "@vector-im/compound-design-tokens/assets/web/icons/video-call-solid";
 import { logger } from "matrix-js-sdk/src/logger";
@@ -23,24 +30,23 @@ import { type ViewRoomPayload } from "../dispatcher/payloads/ViewRoomPayload";
 import { Action } from "../dispatcher/actions";
 import ToastStore from "../stores/ToastStore";
 import { LiveContentSummary, LiveContentType } from "../components/views/rooms/LiveContentSummary";
-import { useCall, useJoinCallButtonDisabledTooltip, useParticipantCount } from "../hooks/useCall";
+import { useCall, useParticipantCount } from "../hooks/useCall";
 import AccessibleButton, { type ButtonEvent } from "../components/views/elements/AccessibleButton";
 import { useDispatcher } from "../hooks/useDispatcher";
 import { type ActionPayload } from "../dispatcher/payloads";
 import { type Call, CallEvent } from "../models/Call";
 import LegacyCallHandler, { AudioID } from "../LegacyCallHandler";
-import { useEventEmitter } from "../hooks/useEventEmitter";
+import { useEventEmitter, useTypedEventEmitter } from "../hooks/useEventEmitter";
 import { CallStore, CallStoreEvent } from "../stores/CallStore";
 import DMRoomMap from "../utils/DMRoomMap";
 
 /**
- * Get the key for the incoming call toast. A combination of the event ID and room ID.
- * @param notificationEventId The ID of the notification event.
+ * Get the key for the incoming call toast. A combination of the call ID and room ID.
+ * @param callId The ID of the call.
  * @param roomId The ID of the room.
  * @returns The key for the incoming call toast.
  */
-export const getIncomingCallToastKey = (notificationEventId: string, roomId: string): string =>
-    `call_${notificationEventId}_${roomId}`;
+export const getIncomingCallToastKey = (callId: string, roomId: string): string => `call_${callId}_${roomId}`;
 
 /**
  * Get the ts when the notification event was sent.
@@ -70,22 +76,13 @@ interface JoinCallButtonWithCallProps {
     isRinging: boolean;
 }
 
-function JoinCallButtonWithCall({
-    onClick,
-    call,
-    disabledTooltip,
-    isRinging,
-}: JoinCallButtonWithCallProps): JSX.Element {
-    let disTooltip = disabledTooltip;
-    const disabledBecauseFullTooltip = useJoinCallButtonDisabledTooltip(call);
-    disTooltip = disabledTooltip ?? disabledBecauseFullTooltip ?? undefined;
-
+function JoinCallButtonWithCall({ onClick, disabledTooltip, isRinging }: JoinCallButtonWithCallProps): JSX.Element {
     return (
-        <Tooltip description={disTooltip ?? _t("voip|video_call")}>
+        <Tooltip description={disabledTooltip ?? _t("voip|video_call")}>
             <Button
                 className="mx_IncomingCallToast_actionButton"
                 onClick={onClick}
-                disabled={disTooltip != undefined}
+                disabled={disabledTooltip != undefined}
                 kind="primary"
                 Icon={CheckIcon}
                 size="sm"
@@ -135,10 +132,18 @@ function DeclineCallButtonWithNotificationEvent({
 }
 
 interface Props {
+    /**
+     * A MatrixRTC notification event which has a content type of `IRTCNotificationContent`
+     */
     notificationEvent: MatrixEvent;
+    /**
+     * The unique key of the toast notification, used to dismiss the toast if the
+     * notification expires for any reason.
+     */
+    toastKey: string;
 }
 
-export function IncomingCallToast({ notificationEvent }: Props): JSX.Element {
+export function IncomingCallToast({ notificationEvent, toastKey }: Props): JSX.Element {
     const roomId = notificationEvent.getRoomId()!;
     // Use a partial type so ts still helps us to not miss any type checks.
     const notificationContent = notificationEvent.getContent() as Partial<IRTCNotificationContent>;
@@ -164,14 +169,16 @@ export function IncomingCallToast({ notificationEvent }: Props): JSX.Element {
 
     // Stop ringing on dismiss.
     const dismissToast = useCallback((): void => {
-        const notificationId = notificationEvent.getId();
-        if (!notificationId) {
-            logger.warn("Could not get eventId for RTCNotification event");
-            return;
-        }
-        ToastStore.sharedInstance().dismissToast(getIncomingCallToastKey(notificationId, roomId));
+        ToastStore.sharedInstance().dismissToast(toastKey);
         LegacyCallHandler.instance.pause(AudioID.Ring);
-    }, [notificationEvent, roomId]);
+    }, [toastKey]);
+
+    // Dismiss if the notification event or call event is redacted
+    useTypedEventEmitter(room, MatrixEventEvent.BeforeRedaction, (ev: MatrixEvent) => {
+        if ([ev.getId(), ev.getRelation()?.event_id].includes(ev.getId())) {
+            dismissToast();
+        }
+    });
 
     // Dismiss if session got ended remotely.
     const onCall = useCallback(
diff --git a/src/toasts/IncomingLegacyCallToast.tsx b/src/toasts/IncomingLegacyCallToast.tsx
index 18c3f9f506..bbcf241587 100644
--- a/src/toasts/IncomingLegacyCallToast.tsx
+++ b/src/toasts/IncomingLegacyCallToast.tsx
@@ -11,13 +11,20 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { CallType, type MatrixCall } from "matrix-js-sdk/src/webrtc/call";
-import classNames from "classnames";
+import {
+    EndCallIcon,
+    VideoCallSolidIcon,
+    VoiceCallSolidIcon,
+    VolumeOffSolidIcon,
+    VolumeOnSolidIcon,
+} from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import LegacyCallHandler, { LegacyCallHandlerEvent } from "../LegacyCallHandler";
 import { MatrixClientPeg } from "../MatrixClientPeg";
 import { _t } from "../languageHandler";
 import RoomAvatar from "../components/views/avatars/RoomAvatar";
 import AccessibleButton, { type ButtonEvent } from "../components/views/elements/AccessibleButton";
+import { getCallStateIcon } from "../components/views/messages/LegacyCallEvent.tsx";
 
 export const getIncomingLegacyCallToastKey = (callId: string): string => `call_${callId}`;
 
@@ -94,47 +101,42 @@ export default class IncomingLegacyCallToast extends React.Component<IProps, ISt
             silenceButtonTooltip = _t("voip|silenced");
         }
 
-        const contentClass = classNames("mx_IncomingLegacyCallToast_content", {
-            mx_IncomingLegacyCallToast_content_voice: isVoice,
-            mx_IncomingLegacyCallToast_content_video: !isVoice,
-        });
-        const silenceClass = classNames("mx_IncomingLegacyCallToast_iconButton", {
-            mx_IncomingLegacyCallToast_unSilence: this.state.silenced,
-            mx_IncomingLegacyCallToast_silence: !this.state.silenced,
-        });
-
         return (
             <React.Fragment>
                 <RoomAvatar room={room ?? undefined} size="32px" />
-                <div className={contentClass}>
+                <div className="mx_IncomingLegacyCallToast_content">
                     <span className="mx_LegacyCallEvent_caller">{room ? room.name : _t("voip|unknown_caller")}</span>
                     <div className="mx_LegacyCallEvent_type">
-                        <div className="mx_LegacyCallEvent_type_icon" />
+                        {getCallStateIcon(isVoice, undefined)}
                         {isVoice ? _t("voip|voice_call") : _t("voip|video_call")}
                     </div>
                     <div className="mx_IncomingLegacyCallToast_buttons">
                         <AccessibleButton
-                            className="mx_IncomingLegacyCallToast_button mx_IncomingLegacyCallToast_button_decline"
+                            className="mx_IncomingLegacyCallToast_button"
                             onClick={this.onRejectClick}
                             kind="danger"
                         >
-                            <span> {_t("action|decline")} </span>
+                            <EndCallIcon />
+                            {_t("action|decline")}
                         </AccessibleButton>
                         <AccessibleButton
-                            className="mx_IncomingLegacyCallToast_button mx_IncomingLegacyCallToast_button_accept"
+                            className="mx_IncomingLegacyCallToast_button"
                             onClick={this.onAnswerClick}
                             kind="primary"
                         >
-                            <span> {_t("action|accept")} </span>
+                            {isVoice ? <VoiceCallSolidIcon /> : <VideoCallSolidIcon />}
+                            {_t("action|accept")}
                         </AccessibleButton>
                     </div>
                 </div>
                 <AccessibleButton
-                    className={silenceClass}
+                    className="mx_IncomingLegacyCallToast_iconButton"
                     disabled={callForcedSilent}
                     onClick={this.onSilenceClick}
                     title={silenceButtonTooltip}
-                />
+                >
+                    {this.state.silenced ? <VolumeOffSolidIcon /> : <VolumeOnSolidIcon />}
+                </AccessibleButton>
             </React.Fragment>
         );
     }
diff --git a/src/toasts/SetupEncryptionToast.tsx b/src/toasts/SetupEncryptionToast.tsx
index 1b5f8a4a49..93b97db365 100644
--- a/src/toasts/SetupEncryptionToast.tsx
+++ b/src/toasts/SetupEncryptionToast.tsx
@@ -65,6 +65,18 @@ const getIcon = (state: DeviceStateForToast): IToast<any>["icon"] => {
     }
 };
 
+const shouldShowCloseButton = (state: DeviceStateForToast): boolean => {
+    switch (state) {
+        case "key_storage_out_of_sync":
+        case "identity_needs_reset":
+            return true;
+        case "set_up_recovery":
+        case "verify_this_session":
+        case "turn_on_key_storage":
+            return false;
+    }
+};
+
 const getSetupCaption = (state: DeviceStateForToast): string => {
     switch (state) {
         case "set_up_recovery":
@@ -299,10 +311,15 @@ export const showToast = (state: DeviceStateForToast): void => {
         }
     };
 
+    const onCloseButtonClicked = shouldShowCloseButton(state)
+        ? () => DeviceListener.sharedInstance().dismissEncryptionSetup()
+        : undefined;
+
     ToastStore.sharedInstance().addOrReplaceToast({
         key: TOAST_KEY,
         title: getTitle(state),
         icon: getIcon(state),
+        onCloseButtonClicked,
         props: {
             description: getDescription(state),
             primaryLabel: getSetupCaption(state),
diff --git a/src/utils/AutoDiscoveryUtils.tsx b/src/utils/AutoDiscoveryUtils.tsx
index e5359c48f8..32bd92df7c 100644
--- a/src/utils/AutoDiscoveryUtils.tsx
+++ b/src/utils/AutoDiscoveryUtils.tsx
@@ -18,7 +18,7 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 
-import { _t, _td, type TranslationKey, UserFriendlyError } from "../languageHandler";
+import { _t, _td, UserFriendlyError } from "../languageHandler";
 import SdkConfig from "../SdkConfig";
 import { type ValidatedServerConfig } from "./ValidatedServerConfig";
 
diff --git a/src/utils/ErrorUtils.tsx b/src/utils/ErrorUtils.tsx
index 2772350a0c..de3d0bfdf3 100644
--- a/src/utils/ErrorUtils.tsx
+++ b/src/utils/ErrorUtils.tsx
@@ -10,7 +10,7 @@ import React, { type ReactNode } from "react";
 import { MatrixError, ConnectionError } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 
-import { _t, _td, lookupString, type Tags, type TranslatedString, type TranslationKey } from "../languageHandler";
+import { _t, _td, lookupString, type Tags, type TranslatedString } from "../languageHandler";
 import SdkConfig from "../SdkConfig";
 import { type ValidatedServerConfig } from "./ValidatedServerConfig";
 import ExternalLink from "../components/views/elements/ExternalLink";
diff --git a/src/utils/Feedback.ts b/src/utils/Feedback.ts
index 2c2e55fb41..d75e65b75d 100644
--- a/src/utils/Feedback.ts
+++ b/src/utils/Feedback.ts
@@ -6,10 +6,12 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
+import { BugReportEndpointURLLocal } from "../IConfigOptions";
 import SdkConfig from "../SdkConfig";
 import SettingsStore from "../settings/SettingsStore";
 import { UIFeature } from "../settings/UIFeature";
 
 export function shouldShowFeedback(): boolean {
-    return !!SdkConfig.get().bug_report_endpoint_url && SettingsStore.getValue(UIFeature.Feedback);
+    const url = SdkConfig.get().bug_report_endpoint_url;
+    return !!url && url !== BugReportEndpointURLLocal && SettingsStore.getValue(UIFeature.Feedback);
 }
diff --git a/src/utils/MegolmExportEncryption.ts b/src/utils/MegolmExportEncryption.ts
index 60d4a687cf..818f20b532 100644
--- a/src/utils/MegolmExportEncryption.ts
+++ b/src/utils/MegolmExportEncryption.ts
@@ -180,7 +180,11 @@ export async function encryptMegolmKeyFile(
  * @param {String} password  password
  * @return {Promise<[CryptoKey, CryptoKey]>} promise for [aes key, hmac key]
  */
-async function deriveKeys(salt: Uint8Array, iterations: number, password: string): Promise<[CryptoKey, CryptoKey]> {
+async function deriveKeys(
+    salt: Uint8Array<ArrayBuffer>,
+    iterations: number,
+    password: string,
+): Promise<[CryptoKey, CryptoKey]> {
     const start = new Date();
 
     let key;
@@ -249,7 +253,7 @@ const TRAILER_LINE = "-----END MEGOLM SESSION DATA-----";
  * @param {ArrayBuffer} data  input file
  * @return {Uint8Array} unbase64ed content
  */
-function unpackMegolmKeyFile(data: ArrayBuffer): Uint8Array {
+function unpackMegolmKeyFile(data: ArrayBuffer): Uint8Array<ArrayBuffer> {
     // parse the file as a great big String. This should be safe, because there
     // should be no non-ASCII characters, and it means that we can do string
     // comparisons to find the header and footer, and feed it into window.atob.
@@ -340,7 +344,7 @@ function encodeBase64(uint8Array: Uint8Array): string {
  * @param {string} base64 The base64 to decode.
  * @return {Uint8Array} The decoded data.
  */
-function decodeBase64(base64: string): Uint8Array {
+function decodeBase64(base64: string): Uint8Array<ArrayBuffer> {
     // window.atob returns a unicode string with codepoints in the range 0-255.
     const latin1String = window.atob(base64);
     // Encode the string as a Uint8Array
diff --git a/src/utils/RoomUpgrade.ts b/src/utils/RoomUpgrade.ts
index 0c476a2ddd..6fe6a2f4d1 100644
--- a/src/utils/RoomUpgrade.ts
+++ b/src/utils/RoomUpgrade.ts
@@ -53,6 +53,7 @@ export async function upgradeRoom(
     awaitRoom = false,
     progressCallback?: (progress: RoomUpgradeProgress) => void,
     inhibitInviteProgressDialog = false,
+    additionalCreators?: string[],
 ): Promise<string> {
     const cli = room.client;
     let spinnerModal: IHandle<any> | undefined;
@@ -91,7 +92,7 @@ export async function upgradeRoom(
 
     let newRoomId: string;
     try {
-        ({ replacement_room: newRoomId } = await cli.upgradeRoom(room.roomId, targetVersion));
+        ({ replacement_room: newRoomId } = await cli.upgradeRoom(room.roomId, targetVersion, additionalCreators));
     } catch (e) {
         if (!handleError) throw e;
         logger.error(e);
diff --git a/src/utils/arrays.ts b/src/utils/arrays.ts
index 392436eee8..63b16a6f72 100644
--- a/src/utils/arrays.ts
+++ b/src/utils/arrays.ts
@@ -297,8 +297,8 @@ export class GroupedArray<K, T> {
     }
 }
 
-export const concat = (...arrays: Uint8Array[]): Uint8Array => {
-    return arrays.reduce((concatenatedSoFar: Uint8Array, toBeConcatenated: Uint8Array) => {
+export const concat = (...arrays: Uint8Array<ArrayBuffer>[]): Uint8Array<ArrayBuffer> => {
+    return arrays.reduce((concatenatedSoFar: Uint8Array<ArrayBuffer>, toBeConcatenated: Uint8Array<ArrayBuffer>) => {
         const concatenated = new Uint8Array(concatenatedSoFar.length + toBeConcatenated.length);
         concatenated.set(concatenatedSoFar, 0);
         concatenated.set(toBeConcatenated, concatenatedSoFar.length);
diff --git a/src/utils/oidc/urls.ts b/src/utils/oidc/urls.ts
index fe364441a1..fc93ad0801 100644
--- a/src/utils/oidc/urls.ts
+++ b/src/utils/oidc/urls.ts
@@ -1,4 +1,5 @@
 /*
+Copyright 2026 Element Creations Ltd.
 Copyright 2024 New Vector Ltd.
 Copyright 2023 The Matrix.org Foundation C.I.C.
 
@@ -8,14 +9,14 @@ Please see LICENSE files in the repository root for full details.
 
 enum Action {
     Profile = "org.matrix.profile",
-    SessionsList = "org.matrix.sessions_list",
-    SessionView = "org.matrix.session_view",
-    SessionEnd = "org.matrix.session_end",
+    DevicesList = "org.matrix.devices_list",
+    DeviceView = "org.matrix.device_view",
+    DeviceDelete = "org.matrix.device_delete",
     AccountDeactivate = "org.matrix.account_deactivate",
     CrossSigningReset = "org.matrix.cross_signing_reset",
 }
 
-const getUrl = (authUrl: string, action: Action): URL => {
+const getUrl = (authUrl: string, action: Action | string): URL => {
     const url = new URL(authUrl);
     url.searchParams.set("action", action);
     return url;
@@ -25,8 +26,36 @@ const getUrl = (authUrl: string, action: Action): URL => {
  * Create a delegated auth account management URL with logout params as per MSC4191
  * https://github.com/matrix-org/matrix-spec-proposals/blob/quenting/account-deeplink/proposals/4191-account-deeplink.md#possible-actions
  */
-export const getManageDeviceUrl = (delegatedAuthAccountUrl: string, deviceId: string): string => {
-    const url = getUrl(delegatedAuthAccountUrl, Action.SessionView);
+export const getManageDeviceUrl = (
+    accountManagementEndpoint: string,
+    accountManagementActionsSupported: string[] | undefined,
+    deviceId: string,
+): string => {
+    let action: string | undefined;
+
+    // pick the action= parameter that the server supports:
+    if (accountManagementActionsSupported?.includes(Action.DeviceView)) {
+        // stable action
+        action = Action.DeviceView;
+    } else if (accountManagementActionsSupported?.includes("org.matrix.session_view")) {
+        // unstable action from earlier version of MSC4191, can be removed once stable is widely supported
+        action = "org.matrix.session_view";
+    } else if (accountManagementActionsSupported?.includes("session_view")) {
+        // unstable action from earlier version of MSC4191, can be removed once stable is widely supported
+        action = "session_view";
+    }
+    if (!action) {
+        if (accountManagementActionsSupported) {
+            // the server gave a list of supported actions, but none we know about:
+            // send the stable action anyway
+            action = Action.DeviceView;
+        } else {
+            // the server did not provide a list of supported actions:
+            // to be backwards compatible, use the value that we used to always send
+            action = "org.matrix.session_view";
+        }
+    }
+    const url = getUrl(accountManagementEndpoint, action);
     url.searchParams.set("device_id", deviceId);
     return url.toString();
 };
diff --git a/src/utils/permalinks/MatrixToPermalinkConstructor.ts b/src/utils/permalinks/MatrixToPermalinkConstructor.ts
index 77b4830e19..d7cbc5e927 100644
--- a/src/utils/permalinks/MatrixToPermalinkConstructor.ts
+++ b/src/utils/permalinks/MatrixToPermalinkConstructor.ts
@@ -63,7 +63,7 @@ export default class MatrixToPermalinkConstructor extends PermalinkConstructor {
         const entity = parts[0];
         if (entity[0] === "@") {
             // Probably a user, no further parsing needed.
-            return PermalinkParts.forUser(entity);
+            return PermalinkParts.forUser(matches[1]);
         } else if (entity[0] === "#" || entity[0] === "!") {
             if (parts.length === 1) {
                 // room without event permalink
diff --git a/src/utils/tokens/pickling.ts b/src/utils/tokens/pickling.ts
index 3284d3f9cf..3415624e64 100644
--- a/src/utils/tokens/pickling.ts
+++ b/src/utils/tokens/pickling.ts
@@ -48,7 +48,7 @@ export interface EncryptedPickleKey {
  * @param {string} deviceId The device ID which owns the pickle key.
  * @return {Uint8Array} The additional data as a Uint8Array.
  */
-export function getPickleAdditionalData(userId: string, deviceId: string): Uint8Array {
+export function getPickleAdditionalData(userId: string, deviceId: string): Uint8Array<ArrayBuffer> {
     const additionalData = new Uint8Array(userId.length + deviceId.length + 1);
     for (let i = 0; i < userId.length; i++) {
         additionalData[i] = userId.charCodeAt(i);
@@ -70,7 +70,7 @@ export function getPickleAdditionalData(userId: string, deviceId: string): Uint8
  * @returns Data object ready for storing in indexeddb.
  */
 export async function encryptPickleKey(
-    pickleKey: Uint8Array,
+    pickleKey: Uint8Array<ArrayBuffer>,
     userId: string,
     deviceId: string,
 ): Promise<EncryptedPickleKey | undefined> {
diff --git a/src/utils/tokens/tokens.ts b/src/utils/tokens/tokens.ts
index 9716e5af8a..ec01ca199e 100644
--- a/src/utils/tokens/tokens.ts
+++ b/src/utils/tokens/tokens.ts
@@ -39,7 +39,7 @@ export const HAS_REFRESH_TOKEN_STORAGE_KEY = "mx_has_refresh_token";
  * @param pickleKey
  * @returns AES key
  */
-async function pickleKeyToAesKey(pickleKey: string): Promise<Uint8Array> {
+async function pickleKeyToAesKey(pickleKey: string): Promise<Uint8Array<ArrayBuffer>> {
     const pickleKeyBuffer = new Uint8Array(pickleKey.length);
     for (let i = 0; i < pickleKey.length; i++) {
         pickleKeyBuffer[i] = pickleKey.charCodeAt(i);
diff --git a/src/vector/index.html b/src/vector/index.html
index 84f334554d..15dfcc7303 100644
--- a/src/vector/index.html
+++ b/src/vector/index.html
@@ -66,7 +66,6 @@
 %>
 
     <!-- Legacy supporting Prefetch images -->
-    <img src="<%= require('../../res/img/warning.svg').default %>" aria-hidden alt="" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
     <img src="<%= require('@vector-im/compound-design-tokens/icons/warning.svg').default %>" aria-hidden alt="" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
     <img src="<%= require('@vector-im/compound-design-tokens/icons/bold.svg').default %>" aria-hidden alt="" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
     <img src="<%= require('@vector-im/compound-design-tokens/icons/inline-code.svg').default %>" aria-hidden alt="" width="25" height="22" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
diff --git a/src/vector/index.ts b/src/vector/index.ts
index e705014add..3dfcbe6cdf 100644
--- a/src/vector/index.ts
+++ b/src/vector/index.ts
@@ -11,7 +11,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { logger } from "matrix-js-sdk/src/logger";
-import { shouldPolyfill as shouldPolyFillIntlSegmenter } from "@formatjs/intl-segmenter/should-polyfill";
+import { shouldPolyfill as shouldPolyFillIntlSegmenter } from "@formatjs/intl-segmenter/should-polyfill.js";
 
 // These are things that can run before the skin loads - be careful not to reference the react-sdk though.
 import { parseQsFromFragment } from "./url_utils";
@@ -106,7 +106,7 @@ const supportedBrowser = checkBrowserFeatures();
 // Load parallelism is based on research in https://github.com/element-hq/element-web/issues/12253
 async function start(): Promise<void> {
     if (shouldPolyFillIntlSegmenter()) {
-        await import(/* webpackChunkName: "intl-segmenter-polyfill" */ "@formatjs/intl-segmenter/polyfill-force");
+        await import(/* webpackChunkName: "intl-segmenter-polyfill" */ "@formatjs/intl-segmenter/polyfill-force.js");
     }
 
     // load init.ts async so that its code is not executed immediately and we can catch any exceptions
diff --git a/src/vector/jitsi/index.html b/src/vector/jitsi/index.html
index 7b60e6a22b..8570e1ded0 100644
--- a/src/vector/jitsi/index.html
+++ b/src/vector/jitsi/index.html
@@ -9,7 +9,7 @@
         <div id="joinButtonContainer">
             <div class="joinConferenceFloating">
                 <div class="joinConferencePrompt">
-                    <span class="icon"><!-- managed by CSS --></span>
+                    <%= require('!!raw-loader!@vector-im/compound-design-tokens/icons/video-call-solid.svg').default %>
                     <!-- TODO: i18n -->
                     <h2>Jitsi Video Conference</h2>
                     <div id="widgetActionContainer">
diff --git a/src/vector/jitsi/index.pcss b/src/vector/jitsi/index.pcss
index 9dfbd1796f..4044259eea 100644
--- a/src/vector/jitsi/index.pcss
+++ b/src/vector/jitsi/index.pcss
@@ -15,7 +15,7 @@ $res: ../../../res;
     font-family: "Nunito";
     font-style: normal;
     font-weight: 400;
-    src: url("$(res)/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
+    src: url("/res/fonts/Nunito/Nunito-Regular.ttf") format("truetype");
 }
 
 $dark-fg: #edf3ff;
@@ -89,25 +89,18 @@ html {
     cursor: pointer;
 }
 
-.icon {
+.joinConferencePrompt svg {
     $icon-size: 42px;
-    margin-top: -$icon-size; /* to visually center the form */
+    /* to visually center the form */
+    margin: -$icon-size auto 0;
 
-    &::before {
-        content: "";
-        background-size: contain;
-        background-color: $dark-fg;
-        mask-repeat: no-repeat;
-        mask-position: center;
-        mask-image: url("@vector-im/compound-design-tokens/icons/video-call-solid.svg");
-        mask-size: $icon-size;
-        display: block;
-        width: $icon-size;
-        height: $icon-size;
-        margin: 0 auto; /* center */
-    }
+    color: $dark-fg;
+    mask-size: $icon-size;
+    display: block;
+    width: $icon-size;
+    height: $icon-size;
 }
 
-body.theme-light .icon::before {
-    background-color: $light-fg;
+body.theme-light .joinConferencePrompt svg {
+    color: $light-fg;
 }
diff --git a/src/vector/rageshakesetup.ts b/src/vector/rageshakesetup.ts
index ef104e9a5b..395be79243 100644
--- a/src/vector/rageshakesetup.ts
+++ b/src/vector/rageshakesetup.ts
@@ -22,7 +22,8 @@ import { logger } from "matrix-js-sdk/src/logger";
 
 import * as rageshake from "../rageshake/rageshake";
 import SdkConfig from "../SdkConfig";
-import sendBugReport from "../rageshake/submit-rageshake";
+import sendBugReport, { loadBugReport } from "../rageshake/submit-rageshake";
+import { BugReportEndpointURLLocal } from "../IConfigOptions";
 
 export function initRageshake(): Promise<void> {
     // we manually check persistence for rageshakes ourselves
@@ -54,28 +55,40 @@ export function initRageshakeStore(): Promise<void> {
     return rageshake.tryInitStorage();
 }
 
-window.mxSendRageshake = function (text: string, withLogs?: boolean): void {
+window.mxSendRageshake = async function (text: string, withLogs = true): Promise<void> {
     const url = SdkConfig.get().bug_report_endpoint_url;
     if (!url) {
         logger.error("Cannot send a rageshake - no bug_report_endpoint_url configured");
         return;
     }
 
-    if (withLogs === undefined) withLogs = true;
     if (!text || !text.trim()) {
         logger.error("Cannot send a rageshake without a message - please tell us what went wrong");
         return;
     }
-    sendBugReport(url, {
-        userText: text,
-        sendLogs: withLogs,
-        progressCallback: logger.log.bind(console),
-    }).then(
-        () => {
+    if (url === BugReportEndpointURLLocal) {
+        try {
+            const tape = await loadBugReport({
+                userText: text,
+                sendLogs: withLogs,
+                progressCallback: logger.log.bind(console),
+            });
+            const blob = new Blob([new Uint8Array(tape.out)], { type: "application/gzip" });
+            const url = URL.createObjectURL(blob);
+            logger.log(`Your logs are available at ${url}`);
+        } catch (err) {
+            logger.error("Failed to load bug report", err);
+        }
+    } else {
+        try {
+            await sendBugReport(url, {
+                userText: text,
+                sendLogs: withLogs,
+                progressCallback: logger.log.bind(console),
+            });
             logger.log("Bug report sent!");
-        },
-        (err) => {
-            logger.error(err);
-        },
-    );
+        } catch (err) {
+            logger.error("Failed to send bug report", err);
+        }
+    }
 };
diff --git a/src/viewmodels/composer/HistoryVisibleBannerViewModel.tsx b/src/viewmodels/composer/HistoryVisibleBannerViewModel.tsx
deleted file mode 100644
index 7d1ce9ec81..0000000000
--- a/src/viewmodels/composer/HistoryVisibleBannerViewModel.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-/*
- * Copyright (c) 2025 Element Creations Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import {
-    BaseViewModel,
-    type HistoryVisibleBannerViewModel as HistoryVisibleBannerViewModelInterface,
-    type HistoryVisibleBannerViewSnapshot,
-} from "@element-hq/web-shared-components";
-import { HistoryVisibility, RoomStateEvent, type Room } from "matrix-js-sdk/src/matrix";
-
-import SettingsStore from "../../settings/SettingsStore";
-import { SettingLevel } from "../../settings/SettingLevel";
-
-/**
- * A collection of {@link HistoryVisibility} levels that trigger the display of the history visible banner.
- */
-const BANNER_VISIBLE_LEVELS = [HistoryVisibility.Shared, HistoryVisibility.WorldReadable];
-
-interface Props {
-    /**
-     * The room instance associated with this banner view model.
-     */
-    room: Room;
-
-    /**
-     * Whether or not the current user is able to send messages in this room.
-     */
-    canSendMessages: boolean;
-
-    /**
-     * If not null, indicates the ID of the thread currently being viewed in the thread
-     * timeline side view, where the banner view is displayed as a child of the message
-     * composer.
-     */
-    threadId: string | null;
-}
-
-/**
- * View model for the history visible banner, which prompts users that the current room
- * history may be shared with new invitees, if they have not already acknowledged the
- * banner.
- *
- * The view model operates using a simple 2-case algorithm:
- *
- * 1. When a user opens an encrypted room where `history_visibility` is not set to `joined`,
- *    and the user hasn't previously dismissed it for this particular room, display a banner.
- *    If the user dismisses the banner, update the client's local store to record that the
- *    banner has been dismissed.
- * 2. When the user opens an encrypted room where `history_visibility` is set to `joined`, clear
- *    the dismissal flag if it was previously set. This ensures that if the room's history
- *    visibility changes from public to private and back to public, the banner will reappear
- *    when appropriate.
- *
- * This banner is only shown in the regular timeline view, not the thread timeline view, which is
- * done by conditioning on the presence of `threadId` in the viewmodel's {@link Props}.
- *
- * See https://github.com/element-hq/element-meta/issues/2875 for more information.
- */
-export class HistoryVisibleBannerViewModel
-    extends BaseViewModel<HistoryVisibleBannerViewSnapshot, Props>
-    implements HistoryVisibleBannerViewModelInterface
-{
-    /**
-     * Watcher ID for the "feature_share_history_on_invite" setting.
-     */
-    private readonly featureWatcher: string;
-
-    /**
-     * Watcher ID for the "acknowledgedHistoryVisibility" setting specific to the room.
-     */
-    private readonly acknowledgedWatcher: string;
-
-    /**
-     * Computes the latest banner snapshot given the VM's props.
-     * @param props - See {@link Props}.
-     * @returns The latest snapshot. See {@link HistoryVisibleBannerViewSnapshot}.
-     */
-    private static readonly computeSnapshot = ({
-        room,
-        canSendMessages,
-        threadId,
-    }: Props): HistoryVisibleBannerViewSnapshot => {
-        const featureEnabled = SettingsStore.getValue("feature_share_history_on_invite");
-        const acknowledged = SettingsStore.getValue("acknowledgedHistoryVisibility", room.roomId);
-        const isHistoryVisible = BANNER_VISIBLE_LEVELS.includes(room.getHistoryVisibility());
-
-        // This implements point 1. of the algorithm described above. In the order below, all
-        // of the following must be true for the banner to display:
-        // - The room history sharing feature must be enabled.
-        // - The room must be encrypted.
-        // - The user must be able to send messages.
-        // - The history must be visible.
-        // - The view should not be part of a thread timeline.
-        // - The user must not have acknowledged the banner.
-        return {
-            visible:
-                featureEnabled &&
-                room.hasEncryptionStateEvent() &&
-                canSendMessages &&
-                isHistoryVisible &&
-                !threadId &&
-                !acknowledged,
-        };
-    };
-
-    /**
-     * Creates a new view model instance.
-     * @param props - Properties for this view model. See {@link Props}.
-     */
-    public constructor(props: Props) {
-        super(props, HistoryVisibleBannerViewModel.computeSnapshot(props));
-
-        this.disposables.trackListener(props.room, RoomStateEvent.Update, () => this.setSnapshot());
-
-        // `SettingsStore` is not an `EventListener`, so we must manage these manually.
-        this.featureWatcher = SettingsStore.watchSetting(
-            "feature_share_history_on_invite",
-            null,
-            (_key, _roomId, _level, value: boolean) => this.setSnapshot(),
-        );
-        this.acknowledgedWatcher = SettingsStore.watchSetting(
-            "acknowledgedHistoryVisibility",
-            props.room.roomId,
-            (_key, _roomId, _level, value: boolean) => this.setSnapshot(),
-        );
-    }
-
-    /**
-     * Recompute and update this VM instance's snapshot. This will update the `acknowledgedHistoryVisibility`
-     * store entry if necessary.
-     */
-    private setSnapshot(): void {
-        const acknowledged = SettingsStore.getValue("acknowledgedHistoryVisibility", this.props.room.roomId);
-
-        // Reset the acknowleded flag when the history visibility is set back to joined.
-        if (this.props.room.getHistoryVisibility() === HistoryVisibility.Joined && acknowledged) {
-            SettingsStore.setValue(
-                "acknowledgedHistoryVisibility",
-                this.props.room.roomId,
-                SettingLevel.ROOM_ACCOUNT,
-                false,
-            );
-        }
-
-        this.snapshot.set(HistoryVisibleBannerViewModel.computeSnapshot(this.props));
-    }
-
-    /**
-     * Revoke the banner's acknoledgement status.
-     */
-    public async revoke(): Promise<void> {
-        await SettingsStore.setValue(
-            "acknowledgedHistoryVisibility",
-            this.props.room.roomId,
-            SettingLevel.ROOM_ACCOUNT,
-            false,
-        );
-    }
-
-    /**
-     * Called when the user dismisses the banner.
-     */
-    public async onClose(): Promise<void> {
-        await SettingsStore.setValue(
-            "acknowledgedHistoryVisibility",
-            this.props.room.roomId,
-            SettingLevel.ROOM_ACCOUNT,
-            true,
-        );
-    }
-
-    /**
-     * Dispose of the viewmodel and its settings listeners.
-     */
-    public dispose(): void {
-        super.dispose();
-        SettingsStore.unwatchSetting(this.featureWatcher);
-        SettingsStore.unwatchSetting(this.acknowledgedWatcher);
-    }
-}
diff --git a/src/viewmodels/message-body/DecryptionFailureBodyViewModel.ts b/src/viewmodels/message-body/DecryptionFailureBodyViewModel.ts
new file mode 100644
index 0000000000..965c4a0942
--- /dev/null
+++ b/src/viewmodels/message-body/DecryptionFailureBodyViewModel.ts
@@ -0,0 +1,100 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { DecryptionFailureCode } from "matrix-js-sdk/src/crypto-api";
+import {
+    BaseViewModel,
+    DecryptionFailureReason,
+    type DecryptionFailureBodyViewSnapshot as DecryptionFailureBodyViewSnapshotInterface,
+    type DecryptionFailureBodyViewModel as DecryptionFailureBodyViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+export interface DecryptionFailureBodyViewModelProps {
+    /**
+     * The message event being rendered.
+     */
+    decryptionFailureCode: DecryptionFailureCode | null;
+    /**
+     * The local device verification state.
+     */
+    verificationState?: boolean;
+    /**
+     * Extra CSS classes to apply to the component
+     */
+    extraClassNames?: string[];
+}
+
+/**
+ * ViewModel for the decryption failure body, providing the current state of the component.
+ */
+export class DecryptionFailureBodyViewModel
+    extends BaseViewModel<DecryptionFailureBodyViewSnapshotInterface, DecryptionFailureBodyViewModelProps>
+    implements DecryptionFailureBodyViewModelInterface
+{
+    /**
+     * Convert enum DecryptionFailureCode to enum DecryptionFailureReason.
+     */
+    private static getDecryptionReasonFromCode(
+        decryptionFailureCode: DecryptionFailureCode | null,
+    ): DecryptionFailureReason {
+        switch (decryptionFailureCode) {
+            case DecryptionFailureCode.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED:
+                return DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED;
+            case DecryptionFailureCode.HISTORICAL_MESSAGE_NO_KEY_BACKUP:
+                return DecryptionFailureReason.HISTORICAL_MESSAGE_NO_KEY_BACKUP;
+            case DecryptionFailureCode.HISTORICAL_MESSAGE_USER_NOT_JOINED:
+                return DecryptionFailureReason.HISTORICAL_MESSAGE_USER_NOT_JOINED;
+            case DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE:
+                return DecryptionFailureReason.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE;
+            case DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
+                return DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED;
+            case DecryptionFailureCode.UNSIGNED_SENDER_DEVICE:
+                return DecryptionFailureReason.UNSIGNED_SENDER_DEVICE;
+            default:
+                return DecryptionFailureReason.UNABLE_TO_DECRYPT;
+        }
+    }
+
+    /**
+     * @param decryptionFailureCode - The decryption failure code for the event.
+     * @param verificationState - The local device verification state.
+     * @param extraClassNames - Extra CSS classes to apply to the component.
+     */
+    private static readonly computeSnapshot = (
+        decryptionFailureCode: DecryptionFailureCode | null,
+        verificationState?: boolean,
+        extraClassNames?: string[],
+    ): DecryptionFailureBodyViewSnapshotInterface => {
+        // Keep mx_DecryptionFailureBody and mx_EventTile_content to support the compatibility with existing timeline and the all the layout
+        const defaultClassNames = ["mx_DecryptionFailureBody", "mx_EventTile_content"];
+        return {
+            decryptionFailureReason: DecryptionFailureBodyViewModel.getDecryptionReasonFromCode(decryptionFailureCode),
+            isLocalDeviceVerified: verificationState,
+            extraClassNames: extraClassNames ? defaultClassNames.concat(extraClassNames) : defaultClassNames,
+        };
+    };
+
+    public constructor(props: DecryptionFailureBodyViewModelProps) {
+        super(
+            props,
+            DecryptionFailureBodyViewModel.computeSnapshot(
+                props.decryptionFailureCode,
+                props.verificationState,
+                props.extraClassNames,
+            ),
+        );
+    }
+
+    /**
+     * Updates the properties of the view model and recomputes the snapshot.
+     * @param verificationState - The updated local device verification state.
+     */
+    public setVerificationState(verificationState?: boolean): void {
+        this.props.verificationState = verificationState;
+        this.snapshot.merge({ isLocalDeviceVerified: verificationState });
+    }
+}
diff --git a/src/viewmodels/message-body/ReactionsRowButtonTooltipViewModel.ts b/src/viewmodels/message-body/ReactionsRowButtonTooltipViewModel.ts
new file mode 100644
index 0000000000..baa7b77855
--- /dev/null
+++ b/src/viewmodels/message-body/ReactionsRowButtonTooltipViewModel.ts
@@ -0,0 +1,113 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type MatrixClient, type MatrixEvent } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type ReactionsRowButtonTooltipViewSnapshot,
+    type ReactionsRowButtonTooltipViewModel as ReactionsRowButtonTooltipViewModelInterface,
+} from "@element-hq/web-shared-components";
+
+import { _t } from "../../languageHandler";
+import { formatList } from "../../utils/FormattingUtils";
+import { unicodeToShortcode } from "../../HtmlUtils";
+import { REACTION_SHORTCODE_KEY } from "../../components/views/messages/ReactionsRow";
+
+export interface ReactionsRowButtonTooltipViewModelProps {
+    /**
+     * The Matrix client instance.
+     */
+    client: MatrixClient | null;
+    /**
+     * The event we're displaying reactions for.
+     */
+    mxEvent: MatrixEvent;
+    /**
+     * The reaction content / key / emoji.
+     */
+    content: string;
+    /**
+     * A list of Matrix reaction events for this key.
+     */
+    reactionEvents: MatrixEvent[];
+    /**
+     * Whether to render custom image reactions.
+     */
+    customReactionImagesEnabled?: boolean;
+}
+
+/**
+ * ViewModel for the reactions row button tooltip, providing the formatted sender list and caption.
+ */
+export class ReactionsRowButtonTooltipViewModel
+    extends BaseViewModel<ReactionsRowButtonTooltipViewSnapshot, ReactionsRowButtonTooltipViewModelProps>
+    implements ReactionsRowButtonTooltipViewModelInterface
+{
+    /**
+     * Computes the snapshot for the reactions row button tooltip.
+     * @param props - The view model properties
+     * @returns The computed snapshot with formattedSenders, caption, and children
+     */
+    private static readonly computeSnapshot = (
+        props: ReactionsRowButtonTooltipViewModelProps,
+    ): ReactionsRowButtonTooltipViewSnapshot => {
+        const { client, mxEvent, content, reactionEvents, customReactionImagesEnabled } = props;
+
+        const room = client?.getRoom(mxEvent.getRoomId());
+
+        if (room) {
+            const senders: string[] = [];
+            let customReactionName: string | undefined;
+
+            for (const reactionEvent of reactionEvents) {
+                const member = room.getMember(reactionEvent.getSender()!);
+                const name = member?.name ?? reactionEvent.getSender()!;
+                senders.push(name);
+                customReactionName =
+                    (customReactionImagesEnabled && REACTION_SHORTCODE_KEY.findIn(reactionEvent.getContent())) ||
+                    undefined;
+            }
+
+            const shortName = unicodeToShortcode(content) || customReactionName;
+            const formattedSenders = formatList(senders, 6);
+            const caption = shortName ? _t("timeline|reactions|tooltip_caption", { shortName }) : undefined;
+
+            return {
+                formattedSenders,
+                caption,
+            };
+        }
+
+        return {
+            formattedSenders: undefined,
+            caption: undefined,
+        };
+    };
+
+    public constructor(props: ReactionsRowButtonTooltipViewModelProps) {
+        super(props, ReactionsRowButtonTooltipViewModel.computeSnapshot(props));
+    }
+
+    /**
+     * Updates the properties of the view model and recomputes the snapshot.
+     * @param newProps - Partial properties to update
+     */
+    public setProps(newProps: Partial<ReactionsRowButtonTooltipViewModelProps>): void {
+        this.props = { ...this.props, ...newProps };
+        const nextSnapshot = ReactionsRowButtonTooltipViewModel.computeSnapshot(this.props);
+        const currentSnapshot = this.snapshot.current;
+
+        if (
+            nextSnapshot.formattedSenders === currentSnapshot.formattedSenders &&
+            nextSnapshot.caption === currentSnapshot.caption
+        ) {
+            return;
+        }
+
+        this.snapshot.set(nextSnapshot);
+    }
+}
diff --git a/src/viewmodels/right-panel/WidgetContextMenuViewModel.tsx b/src/viewmodels/right-panel/WidgetContextMenuViewModel.tsx
new file mode 100644
index 0000000000..0589e07efd
--- /dev/null
+++ b/src/viewmodels/right-panel/WidgetContextMenuViewModel.tsx
@@ -0,0 +1,300 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React, { useContext, useMemo, useEffect, type ReactElement, type ReactNode } from "react";
+import { logger } from "@sentry/browser";
+import { type Room, type MatrixClient } from "matrix-js-sdk/src/matrix";
+import { type IWidget, MatrixCapabilities } from "matrix-widget-api";
+import {
+    BaseViewModel,
+    type WidgetContextMenuSnapshot,
+    WidgetContextMenuView,
+    type WidgetContextMenuViewModel as WidgetContextMenuViewModelInterface,
+} from "@element-hq/web-shared-components";
+import { type ApprovalOpts, WidgetLifecycle } from "@matrix-org/react-sdk-module-api/lib/lifecycles/WidgetLifecycle";
+
+import ErrorDialog from "../../components/views/dialogs/ErrorDialog";
+import QuestionDialog from "../../components/views/dialogs/QuestionDialog";
+import MatrixClientContext from "../../contexts/MatrixClientContext";
+import { useScopedRoomContext } from "../../contexts/ScopedRoomContext";
+import { _t } from "../../languageHandler";
+import { getConfigLivestreamUrl, startJitsiAudioLivestream } from "../../Livestream";
+import Modal from "../../Modal";
+import SettingsStore from "../../settings/SettingsStore";
+import { Container } from "../../stores/widgets/types";
+import { WidgetLayoutStore } from "../../stores/widgets/WidgetLayoutStore";
+import { WidgetMessagingStore } from "../../stores/widgets/WidgetMessagingStore";
+import { isAppWidget } from "../../stores/WidgetStore";
+import WidgetUtils from "../../utils/WidgetUtils";
+import { WidgetType } from "../../widgets/WidgetType";
+import { ModuleRunner } from "../../modules/ModuleRunner";
+import { ElementWidget, type WidgetMessaging } from "../../stores/widgets/WidgetMessaging";
+import dis from "../../dispatcher/dispatcher";
+
+const checkRevokeButtonState = (
+    cli: MatrixClient,
+    roomId: string | undefined,
+    app: IWidget,
+    userWidget: boolean | undefined,
+): boolean => {
+    const opts: ApprovalOpts = { approved: undefined };
+    ModuleRunner.instance.invoke(WidgetLifecycle.PreLoadRequest, opts, new ElementWidget(app));
+    if (!opts.approved) {
+        const isAllowedWidget =
+            (isAppWidget(app) &&
+                app.eventId !== undefined &&
+                (SettingsStore.getValue("allowedWidgets", roomId)[app.eventId] ?? false)) ||
+            app.creatorUserId === cli?.getUserId();
+
+        const isLocalWidget = WidgetType.JITSI.matches(app.type);
+        return !userWidget && !isLocalWidget && isAllowedWidget;
+    }
+    return false;
+};
+
+export class WidgetContextMenuViewModel
+    extends BaseViewModel<WidgetContextMenuSnapshot, WidgetContextMenuViewModelProps>
+    implements WidgetContextMenuViewModelInterface
+{
+    private _app: IWidget;
+    private _roomId: string | undefined;
+    private _room: Room | undefined;
+    private _cli: MatrixClient;
+    private _widgetMessaging: WidgetMessaging | undefined;
+
+    public constructor(props: WidgetContextMenuViewModelProps) {
+        const { app, cli, room, roomId, userWidget, showUnpin, menuDisplayed, trigger, onDeleteClick } = props;
+        super(
+            props,
+            WidgetContextMenuViewModel.computeSnapshot(
+                app,
+                cli,
+                room,
+                userWidget,
+                showUnpin,
+                menuDisplayed,
+                trigger,
+                onDeleteClick,
+            ),
+        );
+        this._app = app;
+        this._roomId = roomId;
+        this._room = room;
+        this._cli = cli;
+        this._widgetMessaging = WidgetMessagingStore.instance.getMessagingForUid(WidgetUtils.getWidgetUid(props.app));
+    }
+
+    private static readonly computeSnapshot = (
+        app: IWidget,
+        cli: MatrixClient,
+        room: Room | undefined,
+        userWidget: boolean | undefined,
+        showUnpin: boolean | undefined,
+        menuDisplayed: boolean,
+        trigger: ReactNode,
+        onDeleteClick?: () => void,
+    ): WidgetContextMenuSnapshot => {
+        const showStreamAudioStreamButton = !!getConfigLivestreamUrl() && WidgetType.JITSI.matches(app.type);
+        const canModify = userWidget || WidgetUtils.canUserModifyWidgets(cli, room?.roomId);
+        const widgetMessaging = WidgetMessagingStore.instance.getMessagingForUid(WidgetUtils.getWidgetUid(app));
+        const showDeleteButton = !!onDeleteClick || canModify;
+
+        const showSnapshotButton =
+            SettingsStore.getValue("enableWidgetScreenshots") &&
+            !!widgetMessaging?.widgetApi?.hasCapability(MatrixCapabilities.Screenshots);
+
+        let showMoveButtons: [boolean, boolean] = [false, false];
+        if (showUnpin) {
+            const pinnedWidgets = room ? WidgetLayoutStore.instance.getContainerWidgets(room, Container.Top) : [];
+            const widgetIndex = pinnedWidgets.findIndex((widget) => widget.id === app.id);
+            showMoveButtons = [widgetIndex > 0, widgetIndex < pinnedWidgets.length - 1];
+        }
+
+        const showEditButton = canModify && WidgetUtils.isManagedByManager(app);
+
+        const showRevokeButton = checkRevokeButtonState(cli, room?.roomId, app, userWidget);
+
+        return {
+            showStreamAudioStreamButton,
+            showEditButton,
+            showRevokeButton,
+            showDeleteButton,
+            showSnapshotButton,
+            showMoveButtons,
+            canModify,
+            userWidget: !!userWidget,
+            isMenuOpened: menuDisplayed,
+            trigger,
+        };
+    };
+
+    public get onFinished(): () => void {
+        return () => this.props.onFinished!();
+    }
+
+    public get onRevokeClick(): () => void {
+        return () => {
+            const eventId = isAppWidget(this._app) ? this._app.eventId : undefined;
+            logger.info("Revoking permission for widget to load: " + eventId);
+            const current = SettingsStore.getValue("allowedWidgets", this._roomId);
+            if (eventId !== undefined) current[eventId] = false;
+            const level = SettingsStore.firstSupportedLevel("allowedWidgets");
+            if (!level) throw new Error("level must be defined");
+            SettingsStore.setValue("allowedWidgets", this._roomId ?? null, level, current).catch((err) => {
+                logger.error(err);
+                // We don't really need to do anything about this - the user will just hit the button again.
+            });
+            this.props.onFinished!();
+        };
+    }
+
+    public get onDeleteClick(): () => void {
+        return () => {
+            if (this.props.onDeleteClick) {
+                this.props.onDeleteClick();
+            } else if (this._roomId) {
+                // Show delete confirmation dialog
+                const { finished } = Modal.createDialog(QuestionDialog, {
+                    title: _t("widget|context_menu|delete"),
+                    description: _t("widget|context_menu|delete_warning"),
+                    button: _t("widget|context_menu|delete"),
+                });
+
+                finished.then(([confirmed]) => {
+                    if (!confirmed) return;
+                    WidgetUtils.setRoomWidget(this._cli, this._roomId!, this._app.id);
+                });
+            }
+
+            this.props.onFinished!();
+        };
+    }
+
+    public get onSnapshotClick(): () => void {
+        return () => {
+            this._widgetMessaging?.widgetApi
+                ?.takeScreenshot()
+                .then((data) => {
+                    dis.dispatch({
+                        action: "picture_snapshot",
+                        file: data.screenshot,
+                    });
+                })
+                .catch((err) => {
+                    logger.error("Failed to take screenshot: ", err);
+                });
+            this.props.onFinished!();
+        };
+    }
+
+    public get onStreamAudioClick(): () => Promise<void> {
+        return async () => {
+            try {
+                if (this._roomId) {
+                    await startJitsiAudioLivestream(this._cli, this._widgetMessaging!.widgetApi!, this._roomId!);
+                }
+            } catch (err: any) {
+                logger.error("Failed to start livestream", err);
+                // XXX: won't i18n well, but looks like widget api only support 'message'?
+                const message =
+                    err instanceof Error ? err.message : _t("widget|error_unable_start_audio_stream_description");
+                Modal.createDialog(ErrorDialog, {
+                    title: _t("widget|error_unable_start_audio_stream_title"),
+                    description: message,
+                });
+            }
+            this.props.onFinished!();
+        };
+    }
+
+    public get onEditClick(): () => void {
+        return () => {
+            if (this.props.onEditClick) {
+                this.props.onEditClick();
+            } else if (this._room) {
+                WidgetUtils.editWidget(this._room, this._app);
+            }
+            this.props.onFinished!();
+        };
+    }
+
+    public get onMoveButton(): (direction: number) => void {
+        return (direction: number) => {
+            if (!this._room) throw new Error("room must be defined");
+            WidgetLayoutStore.instance.moveWithinContainer(this._room, Container.Top, this._app, direction);
+            this.props.onFinished!();
+        };
+    }
+}
+
+interface WidgetContextMenuProps {
+    app: IWidget;
+    userWidget?: boolean;
+    showUnpin?: boolean;
+    menuDisplayed: boolean;
+    trigger: ReactNode;
+    // override delete handler
+    onDeleteClick?(): void;
+    // override edit handler
+    onEditClick?(): void;
+    onFinished(): void;
+}
+
+export type WidgetContextMenuViewModelProps = WidgetContextMenuProps & {
+    cli: MatrixClient;
+    room: Room | undefined;
+    roomId: string | undefined;
+};
+
+export function WidgetContextMenu(props: WidgetContextMenuProps): ReactElement {
+    const { app, userWidget, showUnpin, menuDisplayed, trigger, onEditClick, onDeleteClick, onFinished } = props;
+    const cli = useContext(MatrixClientContext);
+    const { room, roomId } = useScopedRoomContext("room", "roomId");
+
+    const vm = useMemo(
+        () =>
+            new WidgetContextMenuViewModel({
+                menuDisplayed,
+                room,
+                roomId,
+                cli,
+                app,
+                showUnpin,
+                userWidget,
+                trigger,
+                onEditClick,
+                onDeleteClick,
+                onFinished,
+            }),
+        [app, room, roomId, userWidget, showUnpin, menuDisplayed, cli, trigger, onEditClick, onDeleteClick, onFinished],
+    );
+
+    useEffect(() => {
+        return () => {
+            vm.dispose();
+        };
+    }, [vm]);
+
+    const {
+        showStreamAudioStreamButton,
+        showEditButton,
+        showRevokeButton,
+        showDeleteButton,
+        showSnapshotButton,
+        showMoveButtons,
+    } = vm.getSnapshot();
+
+    const hasContextMenuOptions =
+        showStreamAudioStreamButton ||
+        showEditButton ||
+        showRevokeButton ||
+        showDeleteButton ||
+        showSnapshotButton ||
+        showMoveButtons.some(Boolean);
+
+    return hasContextMenuOptions ? <WidgetContextMenuView vm={vm} /> : <></>;
+}
diff --git a/src/viewmodels/room-list/RoomListHeaderViewModel.ts b/src/viewmodels/room-list/RoomListHeaderViewModel.ts
new file mode 100644
index 0000000000..e99268190c
--- /dev/null
+++ b/src/viewmodels/room-list/RoomListHeaderViewModel.ts
@@ -0,0 +1,278 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { JoinRule, type MatrixClient, type Room, RoomEvent, RoomType } from "matrix-js-sdk/src/matrix";
+import {
+    BaseViewModel,
+    type RoomListHeaderViewSnapshot,
+    type RoomListHeaderViewModel as RoomListHeaderViewModelInterface,
+    type SortOption,
+} from "@element-hq/web-shared-components";
+
+import defaultDispatcher from "../../dispatcher/dispatcher";
+import PosthogTrackers from "../../PosthogTrackers";
+import { Action } from "../../dispatcher/actions";
+import { getMetaSpaceName, type MetaSpace, UPDATE_HOME_BEHAVIOUR, UPDATE_SELECTED_SPACE } from "../../stores/spaces";
+import { type SpaceStoreClass } from "../../stores/spaces/SpaceStore";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showSpaceInvite,
+    showSpacePreferences,
+    showSpaceSettings,
+} from "../../utils/space";
+import type { ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import SettingsStore from "../../settings/SettingsStore";
+import RoomListStoreV3 from "../../stores/room-list-v3/RoomListStoreV3";
+import { SortingAlgorithm } from "../../stores/room-list-v3/skip-list/sorters";
+import { SettingLevel } from "../../settings/SettingLevel";
+import { createRoom, hasCreateRoomRights } from "./utils";
+
+export interface Props {
+    /**
+     * The Matrix client instance.
+     */
+    matrixClient: MatrixClient;
+    /**
+     * The space store instance.
+     */
+    spaceStore: SpaceStoreClass;
+}
+
+/**
+ * ViewModel for the RoomListHeader.
+ * Manages the state and actions for the room list header.
+ */
+export class RoomListHeaderViewModel
+    extends BaseViewModel<RoomListHeaderViewSnapshot, Props>
+    implements RoomListHeaderViewModelInterface
+{
+    /**
+     * Reference to the currently active space.
+     * Used to manage event listeners.
+     */
+    private activeSpace: Room | null;
+
+    public constructor(props: Props) {
+        super(props, getInitialSnapshot(props.spaceStore, props.matrixClient));
+
+        // Listen for video rooms feature flag changes
+        const settingsFeatureVideoRef = SettingsStore.watchSetting(
+            "feature_video_rooms",
+            null,
+            this.onVideoRoomsFeatureFlagChange,
+        );
+        this.disposables.track(() => SettingsStore.unwatchSetting(settingsFeatureVideoRef));
+
+        // Listen for space changes
+        this.disposables.trackListener(props.spaceStore, UPDATE_SELECTED_SPACE, this.onSpaceChange);
+        this.disposables.trackListener(props.spaceStore, UPDATE_HOME_BEHAVIOUR, this.onHomeBehaviourChange);
+
+        // Listen for space name changes
+        this.activeSpace = props.spaceStore.activeSpaceRoom;
+        if (this.activeSpace) {
+            this.disposables.trackListener(this.activeSpace, RoomEvent.Name, this.onSpaceNameChange);
+        }
+    }
+
+    /**
+     * Handles space change events.
+     */
+    private readonly onSpaceChange = (): void => {
+        const activeSpace = this.props.spaceStore.activeSpaceRoom;
+
+        this.activeSpace?.off(RoomEvent.Name, this.onSpaceNameChange);
+        this.activeSpace = activeSpace;
+
+        // Add new room listener if needed
+        if (this.activeSpace) {
+            this.disposables.trackListener(this.activeSpace, RoomEvent.Name, this.onSpaceNameChange);
+        }
+
+        this.snapshot.merge({
+            ...computeHeaderSpaceState(this.props.spaceStore, this.props.matrixClient),
+        });
+    };
+
+    /**
+     * Handles home behaviour change events.
+     */
+    private readonly onHomeBehaviourChange = (): void => {
+        this.snapshot.merge({ title: getHeaderTitle(this.props.spaceStore) });
+    };
+
+    /**
+     * Handles space name change events.
+     */
+    private onSpaceNameChange = (): void => {
+        this.snapshot.merge({ title: getHeaderTitle(this.props.spaceStore) });
+    };
+
+    /**
+     * Handles video rooms feature flag change events.
+     */
+    private readonly onVideoRoomsFeatureFlagChange = (): void => {
+        this.snapshot.merge({
+            canCreateVideoRoom: getCanCreateVideoRoom(this.snapshot.current.canCreateRoom),
+        });
+    };
+
+    public createChatRoom = (e: Event): void => {
+        defaultDispatcher.fire(Action.CreateChat);
+        PosthogTrackers.trackInteraction("WebRoomListHeaderPlusMenuCreateChatItem", e);
+    };
+
+    public createRoom = (e: Event): void => {
+        createRoom(this.activeSpace);
+        PosthogTrackers.trackInteraction("WebRoomListHeaderPlusMenuCreateRoomItem", e);
+    };
+
+    public createVideoRoom = (): void => {
+        const type = SettingsStore.getValue("feature_element_call_video_rooms")
+            ? RoomType.UnstableCall
+            : RoomType.ElementVideo;
+        if (this.activeSpace) {
+            showCreateNewRoom(this.activeSpace, type);
+        } else {
+            defaultDispatcher.dispatch({
+                action: Action.CreateRoom,
+                type,
+            });
+        }
+    };
+
+    public openSpaceHome = (): void => {
+        if (!this.activeSpace) return;
+        defaultDispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: this.activeSpace.roomId,
+            metricsTrigger: undefined,
+        });
+    };
+
+    public inviteInSpace = (): void => {
+        if (!this.activeSpace) return;
+        showSpaceInvite(this.activeSpace);
+    };
+
+    public openSpacePreferences = (): void => {
+        if (!this.activeSpace) return;
+        showSpacePreferences(this.activeSpace);
+    };
+
+    public openSpaceSettings = (): void => {
+        if (!this.activeSpace) return;
+        showSpaceSettings(this.activeSpace);
+    };
+
+    public sort = (option: SortOption): void => {
+        let sortingAlgorithm: SortingAlgorithm;
+        switch (option) {
+            case "alphabetical":
+                sortingAlgorithm = SortingAlgorithm.Alphabetic;
+                break;
+            case "recent":
+                sortingAlgorithm = SortingAlgorithm.Recency;
+                break;
+            case "unread-first":
+                sortingAlgorithm = SortingAlgorithm.Unread;
+                break;
+        }
+        RoomListStoreV3.instance.resort(sortingAlgorithm);
+        this.snapshot.merge({ activeSortOption: option });
+    };
+
+    public toggleMessagePreview = (): void => {
+        PosthogTrackers.trackInteraction("WebRoomListMessagePreviewToggle");
+
+        const isMessagePreviewEnabled = !SettingsStore.getValue("RoomList.showMessagePreview");
+        SettingsStore.setValue("RoomList.showMessagePreview", null, SettingLevel.DEVICE, isMessagePreviewEnabled);
+        this.snapshot.merge({ isMessagePreviewEnabled });
+    };
+}
+
+/**
+ * Get the initial snapshot for the RoomListHeaderViewModel.
+ * @param spaceStore - The space store instance.
+ * @param matrixClient - The Matrix client instance.
+ * @returns
+ */
+function getInitialSnapshot(spaceStore: SpaceStoreClass, matrixClient: MatrixClient): RoomListHeaderViewSnapshot {
+    const sortingAlgorithm = SettingsStore.getValue("RoomList.preferredSorting");
+
+    let activeSortOption: SortOption;
+    switch (sortingAlgorithm) {
+        case SortingAlgorithm.Alphabetic:
+            activeSortOption = "alphabetical";
+            break;
+        case SortingAlgorithm.Recency:
+            activeSortOption = "recent";
+            break;
+        case SortingAlgorithm.Unread:
+            activeSortOption = "unread-first";
+            break;
+    }
+
+    const isMessagePreviewEnabled = SettingsStore.getValue("RoomList.showMessagePreview");
+
+    return {
+        activeSortOption,
+        isMessagePreviewEnabled,
+        ...computeHeaderSpaceState(spaceStore, matrixClient),
+    };
+}
+
+/**
+ * Get the header title based on the active space.
+ * @param spaceStore - The space store instance.
+ */
+function getHeaderTitle(spaceStore: SpaceStoreClass): string {
+    const activeSpace = spaceStore.activeSpaceRoom;
+    const spaceName = activeSpace?.name;
+    return spaceName ?? getMetaSpaceName(spaceStore.activeSpace as MetaSpace, spaceStore.allRoomsInHome);
+}
+
+/**
+ * Determine if the user can create a video room.
+ * @param canCreateRoom - Whether the user can create a room.
+ */
+function getCanCreateVideoRoom(canCreateRoom: boolean): boolean {
+    return SettingsStore.getValue("feature_video_rooms") && canCreateRoom;
+}
+
+/**
+ * Computes the header space state based on the active space and user permissions.
+ * @param spaceStore - The space store instance.
+ * @param matrixClient - The Matrix client instance.
+ * @returns The header space state containing title, permissions, and display flags.
+ */
+function computeHeaderSpaceState(
+    spaceStore: SpaceStoreClass,
+    matrixClient: MatrixClient,
+): Omit<RoomListHeaderViewSnapshot, "activeSortOption" | "isMessagePreviewEnabled"> {
+    const activeSpace = spaceStore.activeSpaceRoom;
+    const title = getHeaderTitle(spaceStore);
+
+    const canCreateRoom = hasCreateRoomRights(matrixClient, activeSpace);
+    const canCreateVideoRoom = getCanCreateVideoRoom(canCreateRoom);
+    const displayComposeMenu = canCreateRoom;
+    const displaySpaceMenu = Boolean(activeSpace);
+    const canInviteInSpace = Boolean(
+        activeSpace?.getJoinRule() === JoinRule.Public || activeSpace?.canInvite(matrixClient.getSafeUserId()),
+    );
+    const canAccessSpaceSettings = Boolean(activeSpace && shouldShowSpaceSettings(activeSpace));
+
+    return {
+        title,
+        canCreateRoom,
+        canCreateVideoRoom,
+        displayComposeMenu,
+        displaySpaceMenu,
+        canInviteInSpace,
+        canAccessSpaceSettings,
+    };
+}
diff --git a/src/viewmodels/room-list/RoomListItemViewModel.ts b/src/viewmodels/room-list/RoomListItemViewModel.ts
new file mode 100644
index 0000000000..d7ce4e6e7f
--- /dev/null
+++ b/src/viewmodels/room-list/RoomListItemViewModel.ts
@@ -0,0 +1,327 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import {
+    BaseViewModel,
+    RoomNotifState,
+    type RoomListItemSnapshot,
+    type RoomListItemActions,
+} from "@element-hq/web-shared-components";
+import { RoomEvent } from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+
+import type { Room, MatrixClient } from "matrix-js-sdk/src/matrix";
+import type { RoomNotificationState } from "../../stores/notifications/RoomNotificationState";
+import { RoomNotificationStateStore } from "../../stores/notifications/RoomNotificationStateStore";
+import { NotificationStateEvents } from "../../stores/notifications/NotificationState";
+import { MessagePreviewStore } from "../../stores/room-list/MessagePreviewStore";
+import { UPDATE_EVENT } from "../../stores/AsyncStore";
+import { DefaultTagID } from "../../stores/room-list/models";
+import DMRoomMap from "../../utils/DMRoomMap";
+import SettingsStore from "../../settings/SettingsStore";
+import { NotificationLevel } from "../../stores/notifications/NotificationLevel";
+import { hasAccessToNotificationMenu, hasAccessToOptionsMenu } from "./utils";
+import { EchoChamber } from "../../stores/local-echo/EchoChamber";
+import { RoomNotifState as ElementRoomNotifState } from "../../RoomNotifs";
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../settings/UIFeature";
+import { CallStore, CallStoreEvent } from "../../stores/CallStore";
+import { clearRoomNotification, setMarkedUnreadState } from "../../utils/notifications";
+import { tagRoom } from "../../utils/room/tagRoom";
+import dispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
+import type { ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import PosthogTrackers from "../../PosthogTrackers";
+
+interface RoomItemProps {
+    room: Room;
+    client: MatrixClient;
+}
+
+/**
+ * View model for an individual room list item.
+ * Manages per-room subscriptions and updates only when this specific room's data changes.
+ * Implements RoomListItemActions to provide interaction callbacks.
+ */
+export class RoomListItemViewModel
+    extends BaseViewModel<RoomListItemSnapshot, RoomItemProps>
+    implements RoomListItemActions
+{
+    private notifState: RoomNotificationState;
+
+    public constructor(props: RoomItemProps) {
+        // Get notification state first so we can generate a complete initial snapshot
+        const notifState = RoomNotificationStateStore.instance.getRoomState(props.room);
+        const initialItem = RoomListItemViewModel.generateItemSync(props.room, props.client, notifState);
+        super(props, initialItem);
+
+        this.notifState = notifState;
+
+        // Subscribe to notification state changes for this room
+        this.disposables.trackListener(this.notifState, NotificationStateEvents.Update, this.onNotificationChanged);
+
+        // Subscribe to message preview changes (will filter to this room)
+        this.disposables.trackListener(MessagePreviewStore.instance, UPDATE_EVENT, this.onMessagePreviewChanged);
+
+        // Subscribe to settings changes for message preview toggle
+        const settingsWatchRef = SettingsStore.watchSetting(
+            "RoomList.showMessagePreview",
+            null,
+            this.onMessagePreviewSettingChanged,
+        );
+        this.disposables.track(() => {
+            SettingsStore.unwatchSetting(settingsWatchRef);
+        });
+
+        // Subscribe to call state changes
+        this.disposables.trackListener(CallStore.instance, CallStoreEvent.ConnectedCalls, this.onCallStateChanged);
+
+        // Subscribe to room-specific events
+        this.disposables.trackListener(props.room, RoomEvent.Name, this.onRoomChanged);
+        this.disposables.trackListener(props.room, RoomEvent.Tags, this.onRoomChanged);
+
+        // Load message preview asynchronously (sync data is already complete)
+        void this.loadAndSetMessagePreview();
+    }
+
+    private onNotificationChanged = (): void => {
+        this.updateItem();
+    };
+
+    private onMessagePreviewChanged = (): void => {
+        void this.loadAndSetMessagePreview();
+    };
+
+    private onMessagePreviewSettingChanged = (): void => {
+        void this.loadAndSetMessagePreview();
+    };
+
+    private onCallStateChanged = (): void => {
+        // Only update if call state for this room actually changed
+        const call = CallStore.instance.getCall(this.props.room.roomId);
+        const currentCallType = this.snapshot.current.notification.callType;
+        const newCallType =
+            call && call.participants.size > 0 ? (call.callType === CallType.Voice ? "voice" : "video") : undefined;
+
+        if (currentCallType !== newCallType) {
+            this.updateItem();
+        }
+    };
+
+    private onRoomChanged = (): void => {
+        this.updateItem();
+    };
+
+    /**
+     * Update the item snapshot with current sync data.
+     * Preserves the message preview which is managed separately.
+     */
+    private updateItem(): void {
+        const newItem = RoomListItemViewModel.generateItemSync(this.props.room, this.props.client, this.notifState);
+        // Preserve message preview - it's managed separately by loadAndSetMessagePreview
+        this.snapshot.set({ ...newItem, messagePreview: this.snapshot.current.messagePreview });
+    }
+
+    private getMessagePreviewTag(): string {
+        const isDm = Boolean(DMRoomMap.shared().getUserIdForRoomId(this.props.room.roomId));
+        return isDm ? DefaultTagID.DM : DefaultTagID.Untagged;
+    }
+
+    /**
+     * Load the message preview for this room if enabled.
+     * Returns undefined if previews are disabled or couldn't be loaded.
+     */
+    private async loadMessagePreview(): Promise<string | undefined> {
+        const shouldShowMessagePreview = SettingsStore.getValue("RoomList.showMessagePreview");
+        if (!shouldShowMessagePreview) {
+            return undefined;
+        }
+
+        const messagePreviewTag = this.getMessagePreviewTag();
+        const preview = await MessagePreviewStore.instance.getPreviewForRoom(this.props.room, messagePreviewTag);
+        return preview?.text;
+    }
+
+    /**
+     * Load and set the message preview if it differs from current.
+     */
+    private async loadAndSetMessagePreview(): Promise<void> {
+        const messagePreview = await this.loadMessagePreview();
+        if (messagePreview !== this.snapshot.current.messagePreview) {
+            this.snapshot.merge({ messagePreview });
+        }
+    }
+
+    /**
+     * Generate a complete RoomListItem with all synchronous data.
+     * Message preview is loaded separately to avoid blocking initial render.
+     */
+    private static generateItemSync(
+        room: Room,
+        client: MatrixClient,
+        notifState: RoomNotificationState,
+    ): RoomListItemSnapshot {
+        // Get room tags for menu state
+        const roomTags = room.tags;
+        const isDm = Boolean(DMRoomMap.shared().getUserIdForRoomId(room.roomId));
+
+        // Message preview will be loaded asynchronously and updated separately
+        const messagePreview = undefined;
+
+        const isFavourite = Boolean(roomTags[DefaultTagID.Favourite]);
+        const isLowPriority = Boolean(roomTags[DefaultTagID.LowPriority]);
+        const isArchived = Boolean(roomTags[DefaultTagID.Archived]);
+
+        // More options menu state
+        const showMoreOptionsMenu = hasAccessToOptionsMenu(room);
+        const showNotificationMenu = hasAccessToNotificationMenu(room, client.isGuest(), isArchived);
+
+        // Notification levels
+        const canMarkAsRead = notifState.level > NotificationLevel.None;
+        const canMarkAsUnread = !canMarkAsRead && !isArchived;
+
+        const canInvite = room.canInvite(client.getUserId()!) && !isDm && shouldShowComponent(UIComponent.InviteUsers);
+        const canCopyRoomLink = !isDm;
+
+        // Get the current room notification state from EchoChamber
+        const echoChamber = EchoChamber.forRoom(room);
+        const elementRoomNotifState = echoChamber.notificationVolume;
+
+        // Convert element-web RoomNotifState to shared-components RoomNotifState
+        let roomNotifState: RoomNotifState;
+        switch (elementRoomNotifState) {
+            case ElementRoomNotifState.AllMessages:
+                roomNotifState = RoomNotifState.AllMessages;
+                break;
+            case ElementRoomNotifState.AllMessagesLoud:
+                roomNotifState = RoomNotifState.AllMessagesLoud;
+                break;
+            case ElementRoomNotifState.MentionsOnly:
+                roomNotifState = RoomNotifState.MentionsOnly;
+                break;
+            case ElementRoomNotifState.Mute:
+                roomNotifState = RoomNotifState.Mute;
+                break;
+            default:
+                roomNotifState = RoomNotifState.AllMessages;
+        }
+
+        const isNotificationMute = elementRoomNotifState === ElementRoomNotifState.Mute;
+
+        // Video room and call state tracking
+        const call = CallStore.instance.getCall(room.roomId);
+        const participantCount = call?.participants.size ?? 0;
+        const hasParticipantsInCall = participantCount > 0;
+        const callType =
+            call?.callType === CallType.Voice ? "voice" : call?.callType === CallType.Video ? "video" : undefined;
+
+        return {
+            id: room.roomId,
+            room,
+            name: room.name,
+            isBold: notifState.hasAnyNotificationOrActivity,
+            messagePreview,
+            notification: {
+                hasAnyNotificationOrActivity: notifState.hasAnyNotificationOrActivity || hasParticipantsInCall,
+                isUnsentMessage: notifState.isUnsentMessage,
+                invited: notifState.invited,
+                isMention: notifState.isMention,
+                isActivityNotification: notifState.isActivityNotification,
+                isNotification: notifState.isNotification,
+                hasUnreadCount: notifState.hasUnreadCount,
+                count: notifState.count,
+                muted: isNotificationMute,
+                callType: hasParticipantsInCall ? callType : undefined,
+            },
+            showMoreOptionsMenu,
+            showNotificationMenu,
+            isFavourite,
+            isLowPriority,
+            canInvite,
+            canCopyRoomLink,
+            canMarkAsRead,
+            canMarkAsUnread,
+            roomNotifState,
+        };
+    }
+
+    public onOpenRoom = (): void => {
+        dispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: this.props.room.roomId,
+            metricsTrigger: "RoomList",
+        });
+    };
+
+    public onMarkAsRead = async (): Promise<void> => {
+        await clearRoomNotification(this.props.room, this.props.client);
+        PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuMarkRead");
+    };
+
+    public onMarkAsUnread = async (): Promise<void> => {
+        await setMarkedUnreadState(this.props.room, this.props.client, true);
+        PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuMarkUnread");
+    };
+
+    public onToggleFavorite = (): void => {
+        tagRoom(this.props.room, DefaultTagID.Favourite);
+        PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuFavouriteToggle");
+    };
+
+    public onToggleLowPriority = (): void => {
+        tagRoom(this.props.room, DefaultTagID.LowPriority);
+    };
+
+    public onInvite = (): void => {
+        dispatcher.dispatch({
+            action: "view_invite",
+            roomId: this.props.room.roomId,
+        });
+        PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuInviteItem");
+    };
+
+    public onCopyRoomLink = (): void => {
+        dispatcher.dispatch({
+            action: "copy_room",
+            room_id: this.props.room.roomId,
+        });
+    };
+
+    public onLeaveRoom = (): void => {
+        const isArchived = Boolean(this.props.room.tags[DefaultTagID.Archived]);
+        dispatcher.dispatch({
+            action: isArchived ? "forget_room" : "leave_room",
+            room_id: this.props.room.roomId,
+        });
+        PosthogTrackers.trackInteraction("WebRoomListRoomTileContextMenuLeaveItem");
+    };
+
+    public onSetRoomNotifState = (notifState: RoomNotifState): void => {
+        // Convert shared-components RoomNotifState to element-web RoomNotifState
+        let elementNotifState: ElementRoomNotifState;
+        switch (notifState) {
+            case "all_messages":
+                elementNotifState = ElementRoomNotifState.AllMessages;
+                break;
+            case "all_messages_loud":
+                elementNotifState = ElementRoomNotifState.AllMessagesLoud;
+                break;
+            case "mentions_only":
+                elementNotifState = ElementRoomNotifState.MentionsOnly;
+                break;
+            case "mute":
+                elementNotifState = ElementRoomNotifState.Mute;
+                break;
+            default:
+                elementNotifState = ElementRoomNotifState.AllMessages;
+        }
+
+        // Set the notification state using EchoChamber
+        const echoChamber = EchoChamber.forRoom(this.props.room);
+        echoChamber.notificationVolume = elementNotifState;
+    };
+}
diff --git a/src/viewmodels/room-list/RoomListViewViewModel.ts b/src/viewmodels/room-list/RoomListViewViewModel.ts
new file mode 100644
index 0000000000..a3618b93af
--- /dev/null
+++ b/src/viewmodels/room-list/RoomListViewViewModel.ts
@@ -0,0 +1,450 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import {
+    BaseViewModel,
+    type RoomListSnapshot,
+    type FilterId,
+    type RoomListViewActions,
+    type RoomListViewState,
+} from "@element-hq/web-shared-components";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+
+import { Action } from "../../dispatcher/actions";
+import dispatcher from "../../dispatcher/dispatcher";
+import { type ViewRoomDeltaPayload } from "../../dispatcher/payloads/ViewRoomDeltaPayload";
+import { type ViewRoomPayload } from "../../dispatcher/payloads/ViewRoomPayload";
+import SpaceStore from "../../stores/spaces/SpaceStore";
+import RoomListStoreV3, { RoomListStoreV3Event, type RoomsResult } from "../../stores/room-list-v3/RoomListStoreV3";
+import { FilterKey } from "../../stores/room-list-v3/skip-list/filters";
+import { RoomNotificationStateStore } from "../../stores/notifications/RoomNotificationStateStore";
+import { RoomListItemViewModel } from "./RoomListItemViewModel";
+import { SdkContextClass } from "../../contexts/SDKContext";
+import { hasCreateRoomRights } from "./utils";
+
+interface RoomListViewViewModelProps {
+    client: MatrixClient;
+}
+
+const filterKeyToIdMap: Map<FilterKey, FilterId> = new Map([
+    [FilterKey.UnreadFilter, "unread"],
+    [FilterKey.PeopleFilter, "people"],
+    [FilterKey.RoomsFilter, "rooms"],
+    [FilterKey.FavouriteFilter, "favourite"],
+    [FilterKey.MentionsFilter, "mentions"],
+    [FilterKey.InvitesFilter, "invites"],
+    [FilterKey.LowPriorityFilter, "low_priority"],
+]);
+
+export class RoomListViewViewModel
+    extends BaseViewModel<RoomListSnapshot, RoomListViewViewModelProps>
+    implements RoomListViewActions
+{
+    // State tracking
+    private activeFilter: FilterKey | undefined = undefined;
+    private roomsResult: RoomsResult;
+    private lastActiveRoomIndex: number | undefined = undefined;
+
+    // Child view model management
+    private roomItemViewModels = new Map<string, RoomListItemViewModel>();
+    private roomsMap = new Map<string, Room>();
+
+    public constructor(props: RoomListViewViewModelProps) {
+        const activeSpace = SpaceStore.instance.activeSpaceRoom;
+
+        // Get initial rooms
+        const roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(undefined);
+        const canCreateRoom = hasCreateRoomRights(props.client, activeSpace);
+        const filterIds = [...filterKeyToIdMap.values()];
+
+        super(props, {
+            // Initial view state - start with empty, will populate in async init
+            isLoadingRooms: RoomListStoreV3.instance.isLoadingRooms,
+            isRoomListEmpty: roomsResult.rooms.length === 0,
+            filterIds,
+            activeFilterId: undefined,
+            roomListState: {
+                activeRoomIndex: undefined,
+                spaceId: roomsResult.spaceId,
+                filterKeys: undefined,
+            },
+            roomIds: roomsResult.rooms.map((room) => room.roomId),
+            canCreateRoom,
+        });
+
+        this.roomsResult = roomsResult;
+
+        // Build initial roomsMap from roomsResult
+        this.updateRoomsMap(roomsResult);
+
+        // Subscribe to room list updates
+        this.disposables.trackListener(
+            RoomListStoreV3.instance,
+            RoomListStoreV3Event.ListsUpdate as any,
+            this.onListsUpdate,
+        );
+
+        // Subscribe to room list loaded
+        this.disposables.trackListener(
+            RoomListStoreV3.instance,
+            RoomListStoreV3Event.ListsLoaded as any,
+            this.onListsLoaded,
+        );
+
+        // Subscribe to active room changes to update selected room
+        const dispatcherRef = dispatcher.register(this.onDispatch);
+        this.disposables.track(() => {
+            dispatcher.unregister(dispatcherRef);
+        });
+
+        // Track cleanup of all child view models
+        this.disposables.track(() => {
+            for (const viewModel of this.roomItemViewModels.values()) {
+                viewModel.dispose();
+            }
+            this.roomItemViewModels.clear();
+        });
+    }
+
+    public onToggleFilter = (filterId: FilterId): void => {
+        // Find the FilterKey by matching the filter ID
+        let filterKey: FilterKey | undefined = undefined;
+        for (const [key, id] of filterKeyToIdMap.entries()) {
+            if (id === filterId) {
+                filterKey = key;
+                break;
+            }
+        }
+
+        if (filterKey === undefined) return;
+
+        // Toggle the filter - if it's already active, deactivate it
+        const newFilter = this.activeFilter === filterKey ? undefined : filterKey;
+        this.activeFilter = newFilter;
+
+        // Update rooms result with new filter
+        const filterKeys = this.activeFilter !== undefined ? [this.activeFilter] : undefined;
+        this.roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(filterKeys);
+
+        // Update roomsMap immediately before clearing VMs
+        this.updateRoomsMap(this.roomsResult);
+
+        // Clear view models since room list changed
+        this.clearViewModels();
+
+        this.updateRoomListData();
+    };
+
+    /**
+     * Rebuild roomsMap when roomsResult changes.
+     * This maintains a quick lookup for room objects.
+     */
+    private updateRoomsMap(roomsResult: RoomsResult): void {
+        this.roomsMap.clear();
+        for (const room of roomsResult.rooms) {
+            this.roomsMap.set(room.roomId, room);
+        }
+    }
+
+    /**
+     * Clear all child view models.
+     * Called when the room list structure changes (space change, filter change, etc.)
+     */
+    private clearViewModels(): void {
+        for (const viewModel of this.roomItemViewModels.values()) {
+            viewModel.dispose();
+        }
+        this.roomItemViewModels.clear();
+    }
+
+    /**
+     * Get the ordered list of room IDs.
+     */
+    public get roomIds(): string[] {
+        return this.roomsResult.rooms.map((room) => room.roomId);
+    }
+
+    /**
+     * Get a RoomListItemViewModel for a specific room.
+     * Creates a RoomListItemViewModel if needed, which manages per-room subscriptions.
+     * The view should call this only for visible rooms from the roomIds list.
+     * @throws Error if room is not found in roomsMap (indicates a programming error)
+     */
+    public getRoomItemViewModel(roomId: string): RoomListItemViewModel {
+        // Check if we have a view model for this room
+        let viewModel = this.roomItemViewModels.get(roomId);
+
+        if (!viewModel) {
+            const room = this.roomsMap.get(roomId);
+            if (!room) {
+                throw new Error(`Room ${roomId} not found in roomsMap`);
+            }
+
+            // Create new view model
+            viewModel = new RoomListItemViewModel({
+                room,
+                client: this.props.client,
+            });
+
+            this.roomItemViewModels.set(roomId, viewModel);
+        }
+
+        // Return the view model - the view will call useViewModel() on it
+        return viewModel;
+    }
+
+    /**
+     * Update which rooms are currently visible.
+     * Called by the view when scroll position changes.
+     * Disposes of view models for rooms no longer visible.
+     */
+    public updateVisibleRooms(startIndex: number, endIndex: number): void {
+        const allRoomIds = this.roomIds;
+        const newVisibleIds = allRoomIds.slice(startIndex, Math.min(endIndex, allRoomIds.length));
+
+        const newVisibleSet = new Set(newVisibleIds);
+
+        // Dispose view models for rooms no longer visible
+        for (const [roomId, viewModel] of this.roomItemViewModels.entries()) {
+            if (!newVisibleSet.has(roomId)) {
+                viewModel.dispose();
+                this.roomItemViewModels.delete(roomId);
+            }
+        }
+    }
+
+    private onDispatch = (payload: any): void => {
+        if (payload.action === Action.ActiveRoomChanged) {
+            // When the active room changes, update the room list data to reflect the new selected room
+            // Pass isRoomChange=true so sticky logic doesn't prevent the index from updating
+            this.updateRoomListData(true);
+        } else if (payload.action === Action.ViewRoomDelta) {
+            // Handle keyboard navigation shortcuts (Alt+ArrowUp/Down)
+            // This was previously handled by useRoomListNavigation hook
+            this.handleViewRoomDelta(payload as ViewRoomDeltaPayload);
+        }
+    };
+
+    /**
+     * Handle keyboard navigation shortcuts (Alt+ArrowUp/Down) to move between rooms.
+     * Supports both regular navigation and unread-only navigation.
+     * Migrated from useRoomListNavigation hook.
+     */
+    private handleViewRoomDelta(payload: ViewRoomDeltaPayload): void {
+        const currentRoomId = SdkContextClass.instance.roomViewStore.getRoomId();
+        if (!currentRoomId) return;
+
+        const { delta, unread } = payload;
+        const rooms = this.roomsResult.rooms;
+
+        const filteredRooms = unread
+            ? // Filter the rooms to only include unread ones and the active room
+              rooms.filter((room) => {
+                  const state = RoomNotificationStateStore.instance.getRoomState(room);
+                  return room.roomId === currentRoomId || state.isUnread;
+              })
+            : rooms;
+
+        const currentIndex = filteredRooms.findIndex((room) => room.roomId === currentRoomId);
+        if (currentIndex === -1) return;
+
+        // Get the next/previous new room according to the delta
+        // Use slice to loop on the list
+        // If delta is -1 at the start of the list, it will go to the end
+        // If delta is 1 at the end of the list, it will go to the start
+        const [newRoom] = filteredRooms.slice((currentIndex + delta) % filteredRooms.length);
+        if (!newRoom) return;
+
+        dispatcher.dispatch<ViewRoomPayload>({
+            action: Action.ViewRoom,
+            room_id: newRoom.roomId,
+            show_room_tile: true, // to make sure the room gets scrolled into view
+            metricsTrigger: "WebKeyboardShortcut",
+            metricsViaKeyboard: true,
+        });
+    }
+
+    /**
+     * Handle room list updates from RoomListStoreV3.
+     *
+     * This event fires when:
+     * - Room order changes (new messages, manual reordering)
+     * - Active space changes
+     * - Filters are applied
+     * - Rooms are added/removed
+     *
+     * Space changes are detected by comparing old vs new spaceId.
+     * This matches the old hook pattern where space changes were handled
+     * indirectly through room list updates.
+     */
+    private onListsUpdate = (): void => {
+        const filterKeys = this.activeFilter !== undefined ? [this.activeFilter] : undefined;
+        const oldSpaceId = this.roomsResult.spaceId;
+
+        // Refresh room data from store
+        this.roomsResult = RoomListStoreV3.instance.getSortedRoomsInActiveSpace(filterKeys);
+        this.updateRoomsMap(this.roomsResult);
+
+        const newSpaceId = this.roomsResult.spaceId;
+
+        // Clear view models since room list structure changed
+        this.clearViewModels();
+
+        // Detect space change
+        if (oldSpaceId !== newSpaceId) {
+            // Space changed - get the last selected room for the new space to prevent flicker
+            const lastSelectedRoom = SpaceStore.instance.getLastSelectedRoomIdForSpace(newSpaceId);
+
+            this.updateRoomListData(true, lastSelectedRoom);
+            return;
+        }
+
+        // Normal room list update (not a space change)
+        this.updateRoomListData();
+    };
+
+    private onListsLoaded = (): void => {
+        // Room lists have finished loading
+        this.snapshot.merge({
+            isLoadingRooms: false,
+        });
+    };
+
+    /**
+     * Calculate the active room index based on the currently viewed room.
+     * Returns undefined if no room is selected or if the selected room is not in the current list.
+     *
+     * @param roomId - The room ID to find the index for (can be null/undefined)
+     */
+    private getActiveRoomIndex(roomId: string | null | undefined): number | undefined {
+        if (!roomId) {
+            return undefined;
+        }
+
+        const index = this.roomsResult.rooms.findIndex((room) => room.roomId === roomId);
+        return index >= 0 ? index : undefined;
+    }
+
+    /**
+     * Apply sticky room logic to keep the active room at the same index position.
+     * When the room list updates, this prevents the selected room from jumping around in the UI.
+     *
+     * @param isRoomChange - Whether this update is due to a room change (not a list update)
+     * @param roomId - The room ID to apply sticky logic for (can be null/undefined)
+     * @returns The modified rooms array with sticky positioning applied
+     */
+    private applyStickyRoom(isRoomChange: boolean, roomId: string | null | undefined): Room[] {
+        const rooms = this.roomsResult.rooms;
+
+        if (!roomId) {
+            return rooms;
+        }
+
+        const newIndex = rooms.findIndex((room) => room.roomId === roomId);
+        const oldIndex = this.lastActiveRoomIndex;
+
+        // When opening another room, the index should obviously change
+        if (isRoomChange) {
+            return rooms;
+        }
+
+        // If oldIndex is undefined, then there was no active room before
+        // Similarly, if newIndex is -1, the active room is not in the current list
+        if (newIndex === -1 || oldIndex === undefined) {
+            return rooms;
+        }
+
+        // If the index hasn't changed, we have nothing to do
+        if (newIndex === oldIndex) {
+            return rooms;
+        }
+
+        // If the old index falls out of the bounds of the rooms array
+        // (usually because rooms were removed), we can no longer place
+        // the active room in the same old index
+        if (oldIndex > rooms.length - 1) {
+            return rooms;
+        }
+
+        // Making the active room sticky is as simple as removing it from
+        // its new index and placing it in the old index
+        const newRooms = [...rooms];
+        const [stickyRoom] = newRooms.splice(newIndex, 1);
+        newRooms.splice(oldIndex, 0, stickyRoom);
+
+        return newRooms;
+    }
+
+    private async updateRoomListData(
+        isRoomChange: boolean = false,
+        roomIdOverride: string | null = null,
+    ): Promise<void> {
+        // Determine the room ID to use for calculations
+        // Use override if provided (e.g., during space changes), otherwise fall back to RoomViewStore
+        const roomId = roomIdOverride ?? SdkContextClass.instance.roomViewStore.getRoomId();
+
+        // Apply sticky room logic to keep selected room at same position
+        const stickyRooms = this.applyStickyRoom(isRoomChange, roomId);
+
+        // Update roomsResult with sticky rooms
+        this.roomsResult = {
+            ...this.roomsResult,
+            rooms: stickyRooms,
+        };
+
+        // Rebuild roomsMap with the reordered rooms
+        this.updateRoomsMap(this.roomsResult);
+
+        // Calculate the active room index after applying sticky logic
+        const activeRoomIndex = this.getActiveRoomIndex(roomId);
+
+        // Track the current active room index for future sticky calculations
+        this.lastActiveRoomIndex = activeRoomIndex;
+
+        // Build the complete state atomically to ensure consistency
+        // roomIds and roomListState must always be in sync
+        const roomIds = this.roomIds;
+        const roomListState: RoomListViewState = {
+            activeRoomIndex,
+            spaceId: this.roomsResult.spaceId,
+            filterKeys: this.roomsResult.filterKeys?.map((k) => String(k)),
+        };
+
+        const filterIds = [...filterKeyToIdMap.values()];
+        const activeFilterId = this.activeFilter !== undefined ? filterKeyToIdMap.get(this.activeFilter) : undefined;
+        const isRoomListEmpty = roomIds.length === 0;
+        const isLoadingRooms = RoomListStoreV3.instance.isLoadingRooms;
+
+        // Single atomic snapshot update
+        this.snapshot.merge({
+            isLoadingRooms,
+            isRoomListEmpty,
+            filterIds,
+            activeFilterId,
+            roomListState,
+            roomIds,
+        });
+    }
+
+    public createChatRoom = (): void => {
+        dispatcher.fire(Action.CreateChat);
+    };
+
+    public createRoom = (): void => {
+        const activeSpace = SpaceStore.instance.activeSpaceRoom;
+        if (activeSpace) {
+            dispatcher.dispatch({
+                action: Action.CreateRoom,
+                parent_space: activeSpace,
+            });
+        } else {
+            dispatcher.dispatch({
+                action: Action.CreateRoom,
+            });
+        }
+    };
+}
diff --git a/src/components/viewmodels/roomlist/utils.ts b/src/viewmodels/room-list/utils.ts
similarity index 83%
rename from src/components/viewmodels/roomlist/utils.ts
rename to src/viewmodels/room-list/utils.ts
index dfa20e0d1c..5cd2f58678 100644
--- a/src/components/viewmodels/roomlist/utils.ts
+++ b/src/viewmodels/room-list/utils.ts
@@ -7,12 +7,12 @@
 
 import { type Room, KnownMembership, EventTimeline, EventType, type MatrixClient } from "matrix-js-sdk/src/matrix";
 
-import { isKnockDenied } from "../../../utils/membership";
-import { shouldShowComponent } from "../../../customisations/helpers/UIComponents";
-import { UIComponent } from "../../../settings/UIFeature";
-import { showCreateNewRoom } from "../../../utils/space";
-import dispatcher from "../../../dispatcher/dispatcher";
-import { Action } from "../../../dispatcher/actions";
+import { isKnockDenied } from "../../utils/membership";
+import { shouldShowComponent } from "../../customisations/helpers/UIComponents";
+import { UIComponent } from "../../settings/UIFeature";
+import { showCreateNewRoom } from "../../utils/space";
+import dispatcher from "../../dispatcher/dispatcher";
+import { Action } from "../../dispatcher/actions";
 
 /**
  * Check if the user has access to the options menu.
diff --git a/src/viewmodels/room/RoomStatusBar.ts b/src/viewmodels/room/RoomStatusBar.ts
new file mode 100644
index 0000000000..799b3c4cec
--- /dev/null
+++ b/src/viewmodels/room/RoomStatusBar.ts
@@ -0,0 +1,223 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import {
+    BaseViewModel,
+    RoomStatusBarState,
+    type RoomStatusBarViewModel as RoomStatusBarViewModelInterface,
+    type RoomStatusBarViewSnapshot,
+} from "@element-hq/web-shared-components";
+import {
+    ClientEvent,
+    SyncState,
+    type MatrixClient,
+    type Room,
+    type MatrixError,
+    RoomEvent,
+    EventStatus,
+} from "matrix-js-sdk/src/matrix";
+
+import { MatrixClientPeg } from "../../MatrixClientPeg";
+import Resend from "../../Resend";
+import { Action } from "../../dispatcher/actions";
+import dis from "../../dispatcher/dispatcher";
+import { LocalRoom, LocalRoomState } from "../../models/LocalRoom";
+
+interface PropsWithRoom {
+    room: Room | LocalRoom;
+}
+interface PropsWithVisibility extends PropsWithRoom {
+    /**
+     * Called when the bar becomes visible.
+     */
+    onVisible: () => void;
+    /**
+     * Called when the bar becomes hidden.
+     */
+    onHidden: () => void;
+}
+
+type Props = PropsWithRoom | PropsWithVisibility;
+
+export class RoomStatusBarViewModel
+    extends BaseViewModel<RoomStatusBarViewSnapshot, Props>
+    implements RoomStatusBarViewModelInterface
+{
+    /**
+     * Check if the room has any unread messages. If it does, we should render the specific message
+     * depending on the kind of error encountered when sending them.
+     *
+     * Because a room can contain multiple unsent messages, the resultant state is based on the
+     * "most important" error to show.
+     *
+     * @param room The room being viewed.
+     * @param hasClickedTermsAndConditions Whether the terms and conditions button has just been pressed.
+     * @returns A snapshot if an error should be visible, or null if not.
+     */
+    private static readonly determineStateForUnreadMessages = (
+        room: Room,
+        hasClickedTermsAndConditions: boolean,
+    ): RoomStatusBarViewSnapshot => {
+        const unsentMessages = room.getPendingEvents().filter((ev) => ev.status === EventStatus.NOT_SENT);
+        if (unsentMessages.length === 0) {
+            return {
+                state: null,
+            };
+        }
+        if (hasClickedTermsAndConditions) {
+            // The user has just clicked (and we *assume* accepted) the terms and contitions, so show them the retry buttons.
+            // If the user has not accepted the terms, we will just prompt the same error again anyway.
+            return {
+                state: RoomStatusBarState.UnsentMessages,
+                isResending: false,
+            };
+        }
+
+        // Filter through the errors and find the most important error.
+        let resourceLimitError: MatrixError | null = null;
+        for (const m of unsentMessages) {
+            if (m.error?.errcode === "M_CONSENT_NOT_GIVEN") {
+                // This is the most important thing to show, so break here if we find one.
+                return {
+                    state: RoomStatusBarState.NeedsConsent,
+                    consentUri: m.error.data.consent_uri,
+                };
+            }
+            if (m.error?.errcode === "M_RESOURCE_LIMIT_EXCEEDED") {
+                resourceLimitError = m.error;
+            }
+        }
+        if (resourceLimitError) {
+            return {
+                state: RoomStatusBarState.ResourceLimited,
+                resourceLimit: resourceLimitError.data.limit_type ?? "",
+                adminContactHref: resourceLimitError.data.admin_contact,
+            };
+        }
+        // Otherwise, we know there are unsent messages but the error is not special.
+        return {
+            state: RoomStatusBarState.UnsentMessages,
+            isResending: false,
+        };
+    };
+
+    private static readonly computeSnapshot = (
+        room: Room,
+        client: MatrixClient,
+        isResending: boolean,
+        hasClickedTermsAndConditions: boolean,
+    ): RoomStatusBarViewSnapshot => {
+        const isLocalRoomAndIsError = (room as LocalRoom)["isError"];
+        if (isLocalRoomAndIsError !== undefined) {
+            return {
+                // Local room errors can only be about failed room creation.
+                state: isLocalRoomAndIsError ? RoomStatusBarState.LocalRoomFailed : null,
+            };
+        }
+
+        // If we're in the process of resending, always show a resending state so we don't flicker.
+        if (isResending) {
+            return {
+                state: RoomStatusBarState.UnsentMessages,
+                isResending,
+            };
+        }
+
+        const syncState = client.getSyncState();
+
+        // Highest priority.
+        // A no-connection bar trumps all else, as you won't be able to resend or do anything!
+        if (syncState === SyncState.Error) {
+            const syncData = client.getSyncStateData();
+            if (syncData?.error?.name === "M_RESOURCE_LIMIT_EXCEEDED") {
+                // There's one situation in which we don't show this 'no connection' bar, and that's
+                // if it's a M_RESOURCE_LIMIT_EXCEEDED error: those are shown as a toast by LoggedInView.
+                return {
+                    state: null,
+                };
+            }
+            return {
+                state: RoomStatusBarState.ConnectionLost,
+            };
+        }
+
+        // Connection is good, so check room messages for any failures.
+        return this.determineStateForUnreadMessages(room, hasClickedTermsAndConditions);
+    };
+
+    private readonly client: MatrixClient;
+
+    public constructor(props: Props) {
+        const client = MatrixClientPeg.safeGet();
+        super(props, RoomStatusBarViewModel.computeSnapshot(props.room, client, false, false));
+        this.client = client;
+        this.disposables.trackListener(client, ClientEvent.Sync, this.onClientSync);
+        this.disposables.trackListener(props.room, RoomEvent.LocalEchoUpdated, this.onRoomLocalEchoUpdated);
+    }
+
+    private readonly onClientSync = (): void => {
+        this.setSnapshot();
+    };
+
+    private readonly onRoomLocalEchoUpdated = (): void => {
+        this.setSnapshot();
+    };
+
+    private isResending = false;
+    private hasClickedTermsAndConditions = false;
+
+    private setSnapshot(): void {
+        this.snapshot.set(
+            RoomStatusBarViewModel.computeSnapshot(
+                this.props.room,
+                this.client,
+                this.isResending,
+                this.hasClickedTermsAndConditions,
+            ),
+        );
+        // Reset `hasClickedTermsAndConditions` once the state has cleared.
+        if (this.hasClickedTermsAndConditions && !this.snapshot.current.state) {
+            this.hasClickedTermsAndConditions = false;
+        }
+    }
+
+    public onTermsAndConditionsClicked = (): void => {
+        this.hasClickedTermsAndConditions = true;
+        this.setSnapshot();
+    };
+
+    public onDeleteAllClick = (): void => {
+        Resend.cancelUnsentEvents(this.props.room);
+        dis.fire(Action.FocusSendMessageComposer);
+        this.setSnapshot();
+    };
+
+    public onResendAllClick = async (): Promise<void> => {
+        this.isResending = true;
+        this.setSnapshot();
+        try {
+            await Resend.resendUnsentEvents(this.props.room);
+            dis.fire(Action.FocusSendMessageComposer);
+        } finally {
+            this.isResending = false;
+            this.setSnapshot();
+        }
+    };
+
+    public onRetryRoomCreationClick = (): void => {
+        if (this.props.room instanceof LocalRoom === false) {
+            throw Error("Tried to recreate local room, but room was not local.");
+        }
+
+        // This resets the local room state from error.
+        this.props.room.state = LocalRoomState.NEW;
+        dis.dispatch({
+            action: "local_room_event",
+            roomId: this.props.room.roomId,
+        });
+    };
+}
diff --git a/src/widgets/CapabilityText.tsx b/src/widgets/CapabilityText.tsx
index effaa0975b..c64e7ffa0f 100644
--- a/src/widgets/CapabilityText.tsx
+++ b/src/widgets/CapabilityText.tsx
@@ -21,7 +21,7 @@ import {
 import { EventType, MsgType } from "matrix-js-sdk/src/matrix";
 import React from "react";
 
-import { _t, _td, type TranslatedString, type TranslationKey } from "../languageHandler";
+import { _t, _td, type TranslatedString } from "../languageHandler";
 import { ElementWidgetCapabilities } from "../stores/widgets/ElementWidgetCapabilities";
 import { MatrixClientPeg } from "../MatrixClientPeg";
 import TextWithTooltip from "../components/views/elements/TextWithTooltip";
diff --git a/test/app-tests/server-config-test.ts b/test/app-tests/server-config-test.ts
index 50a2de08a8..125faacb03 100644
--- a/test/app-tests/server-config-test.ts
+++ b/test/app-tests/server-config-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import SdkConfig from "../../src/SdkConfig";
 import PlatformPeg from "../../src/PlatformPeg";
@@ -16,8 +16,6 @@ import WebPlatform from "../../src/vector/platform/WebPlatform";
 /** The matrix versions our mock server claims to support */
 const SERVER_SUPPORTED_MATRIX_VERSIONS = ["v1.1", "v1.5", "v1.6", "v1.8", "v1.9"];
 
-fetchMock.config.overwriteRoutes = true;
-
 describe("Loading server config", function () {
     beforeEach(async () => {
         SdkConfig.reset();
diff --git a/test/app-tests/wrapper-test.tsx b/test/app-tests/wrapper-test.tsx
index 1029754296..cbbc990045 100644
--- a/test/app-tests/wrapper-test.tsx
+++ b/test/app-tests/wrapper-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { render, type RenderResult, screen } from "jest-matrix-react";
 import { WrapperLifecycle, type WrapperOpts } from "@matrix-org/react-sdk-module-api/lib/lifecycles/WrapperLifecycle";
 
@@ -23,8 +23,6 @@ import { waitForLoadingSpinner, waitForWelcomeComponent } from "../test-utils";
 /** The matrix versions our mock server claims to support */
 const SERVER_SUPPORTED_MATRIX_VERSIONS = ["v1.1", "v1.5", "v1.6", "v1.8", "v1.9"];
 
-fetchMock.config.overwriteRoutes = true;
-
 describe("Wrapper", () => {
     beforeEach(async () => {
         SdkConfig.reset();
diff --git a/test/setup/mocks.ts b/test/setup/mocks.ts
index ffc349293e..d98991c568 100644
--- a/test/setup/mocks.ts
+++ b/test/setup/mocks.ts
@@ -24,5 +24,5 @@ export const mocks = {
         setSinkId: jest.fn(),
         suspend: jest.fn(),
         decodeAudioData: jest.fn(),
-    },
+    } as unknown as AudioContext,
 };
diff --git a/test/setup/setupLanguage.ts b/test/setup/setupLanguage.ts
index 124ff7cbbd..705ffe039f 100644
--- a/test/setup/setupLanguage.ts
+++ b/test/setup/setupLanguage.ts
@@ -6,12 +6,18 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { ModuleLoader } from "@element-hq/element-web-module-api";
+import { merge } from "lodash";
 
 import * as languageHandler from "../../src/languageHandler";
-import en from "../../src/i18n/strings/en_EN.json";
-import de from "../../src/i18n/strings/de_DE.json";
+import enElementWeb from "../../src/i18n/strings/en_EN.json";
+import deElementWeb from "../../src/i18n/strings/de_DE.json";
+// Cheat and import relatively here as these aren't exported by the module (should they be?)
+// eslint-disable-next-line no-restricted-imports
+import enSharedComponents from "../../packages/shared-components/src/i18n/strings/en_EN.json";
+// eslint-disable-next-line no-restricted-imports
+import deSharedComponents from "../../packages/shared-components/src/i18n/strings/de_DE.json";
 import { ModuleApi } from "../../src/modules/Api";
 
 const lv = {
@@ -31,21 +37,36 @@ const lv = {
 // lv.json - mock version with few translations, used to test fallback translation
 
 export function setupLanguageMock() {
+    // Pull the translations from shared components too as they have
+    // the strings for things like `humanizeTime` which do appear in
+    // snapshots (needs 'merge' which does a deep-merge rather than just
+    // replacing top-level keys).
+    const enTranslations = merge(enElementWeb, enSharedComponents);
+    const deTranslations = merge(deElementWeb, deSharedComponents);
+
+    fetchMock.mockGlobal();
     fetchMock
-        .get("/i18n/languages.json", {
-            en: "en_EN.json",
-            de: "de_DE.json",
-            lv: "lv.json",
-        })
-        .get("end:en_EN.json", en)
-        .get("end:de_DE.json", de)
+        .get(
+            "end:/i18n/languages.json",
+            {
+                en: "en_EN.json",
+                de: "de_DE.json",
+                lv: "lv.json",
+            },
+            { name: "languages" },
+        )
+        .get("end:en_EN.json", enTranslations)
+        .get("end:de_DE.json", deTranslations)
         .get("end:lv.json", lv);
 }
-setupLanguageMock();
+beforeEach(setupLanguageMock);
+afterEach(() => fetchMock.callHistory.flush());
 
+// Initialise the fetchMock before the test starts so the languageHandler.setLanguage call below can function
+setupLanguageMock();
 languageHandler.setLanguage("en");
 languageHandler.setMissingEntryGenerator((key) => key.split("|", 2)[1]);
 
-// Set up the mdule API (so the i18n API exists)
+// Set up the module API (so the i18n API exists)
 const moduleLoader = new ModuleLoader(ModuleApi.instance);
 window.mxModuleLoader = moduleLoader;
diff --git a/test/setup/setupManualMocks.ts b/test/setup/setupManualMocks.ts
index 7c49b33e03..3c615aed76 100644
--- a/test/setup/setupManualMocks.ts
+++ b/test/setup/setupManualMocks.ts
@@ -6,9 +6,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
-import { TextDecoder, TextEncoder } from "util";
-import { Response } from "node-fetch";
+import fetchMock, { manageFetchMockGlobally } from "@fetch-mock/jest";
+import { jest } from "@jest/globals";
 
 import { mocks } from "./mocks";
 
@@ -46,7 +45,7 @@ window.ClipboardEvent = MyClipboardEvent as any;
 
 // matchMedia is not included in jsdom
 // TODO: Extract this to a function and have tests that need it opt into it.
-const mockMatchMedia = (query: string) => ({
+global.matchMedia = (query: string) => ({
     matches: false,
     media: query,
     onchange: null,
@@ -54,34 +53,39 @@ const mockMatchMedia = (query: string) => ({
     removeListener: jest.fn(), // Deprecated
     addEventListener: jest.fn(),
     removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
+    dispatchEvent: jest.fn<(event: Event) => boolean>(),
 });
-global.matchMedia = mockMatchMedia;
 
 // maplibre requires a createObjectURL mock
-global.URL.createObjectURL = jest.fn();
+global.URL.createObjectURL = jest.fn((obj) => "blob");
 global.URL.revokeObjectURL = jest.fn();
 
-// polyfilling TextEncoder as it is not available on JSDOM
-// view https://github.com/facebook/jest/issues/9983
-global.TextEncoder = TextEncoder;
-// @ts-ignore
-global.TextDecoder = TextDecoder;
-
 // prevent errors whenever a component tries to manually scroll.
 window.HTMLElement.prototype.scrollIntoView = jest.fn();
 window.HTMLAudioElement.prototype.canPlayType = jest.fn((format) => (format === "audio/mpeg" ? "probably" : ""));
 
-// set up fetch API mock
-fetchMock.config.overwriteRoutes = false;
-fetchMock.catch("");
-fetchMock.get("/image-file-stub", "image file stub");
-fetchMock.get("/_matrix/client/versions", {});
-// @ts-ignore
-window.fetch = fetchMock.sandbox();
+function setupFileStubMocks() {
+    fetchMock.get("end:/image-file-stub", "image file stub", { sticky: true });
+}
+setupFileStubMocks();
 
-// @ts-ignore
-window.Response = Response;
+beforeEach(() => {
+    // set up fetch API mock
+    fetchMock.hardReset();
+    fetchMock.catch(404);
+    setupFileStubMocks();
+    fetchMock.get("/_matrix/client/versions", {}, { sticky: true });
+    fetchMock.mockGlobal();
+});
+
+afterEach(() => {
+    fetchMock.removeRoutes();
+    window.sessionStorage?.clear();
+    window.localStorage?.clear();
+});
+
+fetchMock.config.allowRelativeUrls = true;
+manageFetchMockGlobally(jest);
 
 // set up AudioContext API mock
-global.AudioContext = jest.fn().mockImplementation(() => ({ ...mocks.AudioContext }));
+global.AudioContext = jest.fn<() => AudioContext>().mockImplementation(() => ({ ...mocks.AudioContext }));
diff --git a/test/test-utils/date.ts b/test/test-utils/date.ts
index 00b187446b..b33961e7c1 100644
--- a/test/test-utils/date.ts
+++ b/test/test-utils/date.ts
@@ -8,17 +8,14 @@ Please see LICENSE files in the repository root for full details.
 
 export const REPEATABLE_DATE = new Date(2022, 10, 17, 16, 58, 32, 517);
 
+const RealDateTimeFormat = global.Intl.DateTimeFormat;
+
 // allow setting default locale and set timezone
 // defaults to en-GB / Europe/London
 // so tests run the same everywhere
 export const mockIntlDateTimeFormat = (defaultLocale = "en-GB", defaultTimezone = "Europe/London"): void => {
-    // unmock so we can use real DateTimeFormat in mockImplementation
-    if (jest.isMockFunction(global.Intl.DateTimeFormat)) {
-        unmockIntlDateTimeFormat();
-    }
-    const DateTimeFormat = Intl.DateTimeFormat;
     jest.spyOn(global.Intl, "DateTimeFormat").mockImplementation(
-        (locale, options) => new DateTimeFormat(locale || defaultLocale, { ...options, timeZone: defaultTimezone }),
+        (locale, options) => new RealDateTimeFormat(locale || defaultLocale, { ...options, timeZone: defaultTimezone }),
     );
 };
 
diff --git a/test/test-utils/test-utils.ts b/test/test-utils/test-utils.ts
index d3d6e0bec1..1159fa3fb7 100644
--- a/test/test-utils/test-utils.ts
+++ b/test/test-utils/test-utils.ts
@@ -9,7 +9,6 @@ Please see LICENSE files in the repository root for full details.
 import EventEmitter from "events";
 import { mocked, type MockedObject } from "jest-mock";
 import {
-    type EventTimeline,
     MatrixEvent,
     type Room,
     type User,
@@ -17,7 +16,7 @@ import {
     type IEvent,
     type RoomMember,
     type MatrixClient,
-    RoomState,
+    type EventTimeline,
     EventType,
     type IEventRelation,
     type IUnsigned,
@@ -30,8 +29,10 @@ import {
     JoinRule,
     type OidcClientConfig,
     type GroupCall,
-    HistoryVisibility,
+    type EventStatus,
     type ICreateRoomOpts,
+    RoomState,
+    HistoryVisibility,
 } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { normalize } from "matrix-js-sdk/src/utils";
@@ -207,6 +208,7 @@ export function createTestClient(): MatrixClient {
             });
         }),
         getAccountDataFromServer: jest.fn(),
+
         mxcUrlToHttp: jest.fn().mockImplementation((mxc: string) => `http://this.is.a.url/${mxc.substring(6)}`),
         setAccountData: jest.fn(),
         deleteAccountData: jest.fn(),
@@ -302,6 +304,7 @@ export function createTestClient(): MatrixClient {
                 room_id: roomId,
             });
         }),
+        resendEvent: jest.fn().mockResolvedValue({}),
 
         _unstable_sendDelayedEvent: jest.fn(),
         _unstable_sendDelayedStateEvent: jest.fn(),
@@ -310,7 +313,7 @@ export function createTestClient(): MatrixClient {
         _unstable_sendScheduledDelayedEvent: jest.fn(),
         _unstable_sendStickyEvent: jest.fn(),
         _unstable_sendStickyDelayedEvent: jest.fn(),
-
+        _unstable_getRTCTransports: jest.fn(),
         searchUserDirectory: jest.fn().mockResolvedValue({ limited: false, results: [] }),
         setDeviceVerified: jest.fn(),
         joinRoom: jest.fn(),
@@ -401,6 +404,7 @@ type MakeEventProps = MakeEventPassThruProps & {
     // eslint-disable-next-line camelcase
     prev_content?: IContent;
     unsigned?: IUnsigned;
+    status?: EventStatus;
 };
 
 export const mkRoomCreateEvent = (userId: string, roomId: string, content?: IContent): MatrixEvent => {
@@ -481,6 +485,9 @@ export function mkEvent(opts: MakeEventProps): MatrixEvent {
             getMxcAvatarUrl: () => {},
         } as unknown as RoomMember;
     }
+    if (opts.status !== undefined) {
+        mxEvent.status = opts.status;
+    }
     return mxEvent;
 }
 
@@ -651,6 +658,9 @@ export function mkStubRoom(
         getEvents: (): MatrixEvent[] => [],
         getState: (): RoomState | undefined => state,
     } as unknown as EventTimeline;
+
+    const eventEmitter = new EventEmitter();
+
     return {
         canInvite: jest.fn().mockReturnValue(false),
         client,
@@ -658,13 +668,13 @@ export function mkStubRoom(
         createThreadsTimelineSets: jest.fn().mockReturnValue(new Promise(() => {})),
         currentState: {
             getStateEvents: jest.fn((_type, key) => (key === undefined ? [] : null)),
-            getHistoryVisibility: jest.fn().mockReturnValue(HistoryVisibility.Joined),
             getMember: jest.fn(),
             mayClientSendStateEvent: jest.fn().mockReturnValue(true),
             maySendStateEvent: jest.fn().mockReturnValue(true),
             maySendRedactionForEvent: jest.fn().mockReturnValue(true),
             maySendEvent: jest.fn().mockReturnValue(true),
             members: {},
+            getHistoryVisibility: jest.fn().mockReturnValue(HistoryVisibility.Shared),
             getJoinRule: jest.fn().mockReturnValue(JoinRule.Invite),
             on: jest.fn(),
             off: jest.fn(),
@@ -679,7 +689,6 @@ export function mkStubRoom(
         getCanonicalAlias: jest.fn(),
         getDMInviter: jest.fn(),
         getEventReadUpTo: jest.fn(() => null),
-        getHistoryVisibility: jest.fn().mockReturnValue(HistoryVisibility.Joined),
         getInvitedAndJoinedMemberCount: jest.fn().mockReturnValue(1),
         getJoinRule: jest.fn().mockReturnValue("invite"),
         getJoinedMemberCount: jest.fn().mockReturnValue(1),
@@ -701,7 +710,7 @@ export function mkStubRoom(
         getMembersWithMembership: jest.fn().mockReturnValue([]),
         getMxcAvatarUrl: () => "mxc://avatar.url/room.png",
         getMyMembership: jest.fn().mockReturnValue(KnownMembership.Join),
-        getPendingEvents: () => [] as MatrixEvent[],
+        getPendingEvents: jest.fn().mockReturnValue([]),
         getReceiptsForEvent: jest.fn().mockReturnValue([]),
         getRecommendedVersion: jest.fn().mockReturnValue(Promise.resolve("")),
         getThreads: jest.fn().mockReturnValue([]),
@@ -721,9 +730,11 @@ export function mkStubRoom(
         myUserId: client?.getUserId(),
         name,
         normalizedName: normalize(name || ""),
-        off: jest.fn(),
-        on: jest.fn(),
-        removeListener: jest.fn(),
+        on: eventEmitter.on.bind(eventEmitter),
+        once: eventEmitter.once.bind(eventEmitter),
+        off: eventEmitter.off.bind(eventEmitter),
+        removeListener: eventEmitter.removeListener.bind(eventEmitter),
+        emit: eventEmitter.emit.bind(eventEmitter),
         roomId,
         setBlacklistUnverifiedDevices: jest.fn(),
         setUnreadNotificationCount: jest.fn(),
diff --git a/test/unit-tests/DeviceListener-test.ts b/test/unit-tests/DeviceListener-test.ts
index 153739dea6..f9339cd38b 100644
--- a/test/unit-tests/DeviceListener-test.ts
+++ b/test/unit-tests/DeviceListener-test.ts
@@ -31,12 +31,10 @@ import * as SetupEncryptionToast from "../../src/toasts/SetupEncryptionToast";
 import * as UnverifiedSessionToast from "../../src/toasts/UnverifiedSessionToast";
 import * as BulkUnverifiedSessionsToast from "../../src/toasts/BulkUnverifiedSessionsToast";
 import { isSecretStorageBeingAccessed } from "../../src/SecurityManager";
-import dis from "../../src/dispatcher/dispatcher";
 import { Action } from "../../src/dispatcher/actions";
 import SettingsStore from "../../src/settings/SettingsStore";
 import { SettingLevel } from "../../src/settings/SettingLevel";
 import { getMockClientWithEventEmitter, mockPlatformPeg } from "../test-utils";
-import { UIFeature } from "../../src/settings/UIFeature";
 import { isBulkUnverifiedDeviceReminderSnoozed } from "../../src/utils/device/snoozeBulkUnverifiedDeviceReminder";
 import { PosthogAnalytics } from "../../src/PosthogAnalytics";
 
@@ -57,7 +55,6 @@ jest.mock("../../src/utils/device/snoozeBulkUnverifiedDeviceReminder", () => ({
 
 const userId = "@user:server";
 const deviceId = "my-device-id";
-const mockDispatcher = mocked(dis);
 const flushPromises = async () => await new Promise(process.nextTick);
 
 const readySecretStorageStatus: SecretStorageStatus = {
@@ -498,27 +495,6 @@ describe("DeviceListener", () => {
                 expect(mockCrypto.getActiveSessionBackupVersion).toHaveBeenCalled();
             });
 
-            it("dispatches keybackup event when key backup is not enabled", async () => {
-                mockCrypto!.isCrossSigningReady.mockResolvedValue(true);
-
-                // current device is verified
-                mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(
-                    new DeviceVerificationStatus({
-                        trustCrossSignedDevices: true,
-                        crossSigningVerified: true,
-                    }),
-                );
-
-                mockCrypto.getActiveSessionBackupVersion.mockResolvedValue(null);
-                mockClient.getAccountDataFromServer.mockImplementation((eventType) =>
-                    eventType === BACKUP_DISABLED_ACCOUNT_DATA_KEY ? ({ disabled: true } as any) : null,
-                );
-                await createAndStart();
-                expect(mockDispatcher.dispatch).toHaveBeenCalledWith({
-                    action: Action.ReportKeyBackupNotEnabled,
-                });
-            });
-
             it("does not check key backup status again after check is complete", async () => {
                 mockCrypto.getActiveSessionBackupVersion.mockResolvedValue("1");
                 const instance = await createAndStart();
@@ -676,10 +652,8 @@ describe("DeviceListener", () => {
                 // all devices verified by default
                 mockCrypto!.getDeviceVerificationStatus.mockResolvedValue(deviceTrustVerified);
                 mockClient!.deviceId = currentDevice.deviceId;
-                jest.spyOn(SettingsStore, "getValue").mockImplementation(
-                    (settingName) => settingName === UIFeature.BulkUnverifiedSessionsReminder,
-                );
             });
+
             describe("bulk unverified sessions toasts", () => {
                 it("hides toast when cross signing is not ready", async () => {
                     mockCrypto!.isCrossSigningReady.mockResolvedValue(false);
@@ -694,24 +668,6 @@ describe("DeviceListener", () => {
                     expect(BulkUnverifiedSessionsToast.showToast).not.toHaveBeenCalled();
                 });
 
-                it("hides toast when feature is disabled", async () => {
-                    // BulkUnverifiedSessionsReminder set to false
-                    jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
-                    // currentDevice, device2 are verified, device3 is unverified
-                    // ie if reminder was enabled it should be shown
-                    mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
-                        switch (deviceId) {
-                            case currentDevice.deviceId:
-                            case device2.deviceId:
-                                return deviceTrustVerified;
-                            default:
-                                return deviceTrustUnverified;
-                        }
-                    });
-                    await createAndStart();
-                    expect(BulkUnverifiedSessionsToast.hideToast).toHaveBeenCalled();
-                });
-
                 it("hides toast when current device is unverified", async () => {
                     // device2 verified, current and device3 unverified
                     mockCrypto!.getDeviceVerificationStatus.mockImplementation(async (_userId, deviceId) => {
diff --git a/test/unit-tests/LegacyCallHandler-test.ts b/test/unit-tests/LegacyCallHandler-test.ts
index b21aa76a17..9b04a97c16 100644
--- a/test/unit-tests/LegacyCallHandler-test.ts
+++ b/test/unit-tests/LegacyCallHandler-test.ts
@@ -20,7 +20,7 @@ import { CallEvent, CallState, CallType, MatrixCall } from "matrix-js-sdk/src/we
 import EventEmitter from "events";
 import { mocked } from "jest-mock";
 import { CallEventHandlerEvent } from "matrix-js-sdk/src/webrtc/callEventHandler";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { waitFor } from "jest-matrix-react";
 import { PushProcessor } from "matrix-js-sdk/src/pushprocessor";
 
@@ -416,11 +416,7 @@ describe("LegacyCallHandler without third party protocols", () => {
         audioElement.id = "remoteAudio";
         document.body.appendChild(audioElement);
 
-        fetchMock.get(
-            "/media/ring.mp3",
-            { body: new Blob(["1", "2", "3", "4"], { type: "audio/mpeg" }) },
-            { sendAsJson: false },
-        );
+        fetchMock.get("end:/media/ring.mp3", { body: new Blob(["1", "2", "3", "4"], { type: "audio/mpeg" }) });
     });
 
     afterEach(() => {
@@ -438,9 +434,9 @@ describe("LegacyCallHandler without third party protocols", () => {
     it("should cache sounds between playbacks", async () => {
         await callHandler.play(AudioID.Ring);
         expect(mockAudioBufferSourceNode.start).toHaveBeenCalled();
-        expect(fetchMock.calls("/media/ring.mp3")).toHaveLength(1);
+        expect(fetchMock).toHaveFetchedTimes(1, "end:/media/ring.mp3");
         await callHandler.play(AudioID.Ring);
-        expect(fetchMock.calls("/media/ring.mp3")).toHaveLength(1);
+        expect(fetchMock).toHaveFetchedTimes(1, "end:/media/ring.mp3");
     });
 
     it("should allow silencing an incoming call ring", async () => {
diff --git a/test/unit-tests/Lifecycle-test.ts b/test/unit-tests/Lifecycle-test.ts
index e2d4425ca6..a9336db114 100644
--- a/test/unit-tests/Lifecycle-test.ts
+++ b/test/unit-tests/Lifecycle-test.ts
@@ -12,7 +12,7 @@ import * as MatrixJs from "matrix-js-sdk/src/matrix";
 import { decodeBase64, encodeUnpaddedBase64 } from "matrix-js-sdk/src/matrix";
 import * as encryptAESSecretStorageItemModule from "matrix-js-sdk/src/utils/encryptAESSecretStorageItem";
 import { mocked, type MockedObject } from "jest-mock";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import StorageEvictedDialog from "../../src/components/views/dialogs/StorageEvictedDialog";
 import * as Lifecycle from "../../src/Lifecycle";
@@ -23,7 +23,6 @@ import { idbSave } from "../../src/utils/StorageAccess";
 import { flushPromises, getMockClientWithEventEmitter, mockClientMethodsUser, mockPlatformPeg } from "../test-utils";
 import { OidcClientStore } from "../../src/stores/oidc/OidcClientStore";
 import { makeDelegatedAuthConfig } from "../test-utils/oidc";
-import { persistOidcAuthenticatedSettings } from "../../src/utils/oidc/persistOidcSettings";
 import { Action } from "../../src/dispatcher/actions";
 import PlatformPeg from "../../src/PlatformPeg";
 import { persistAccessTokenInStorage, persistRefreshTokenInStorage } from "../../src/utils/tokens/tokens";
@@ -95,43 +94,6 @@ describe("Lifecycle", () => {
         window.crypto = windowCrypto;
     });
 
-    const initLocalStorageMock = (mockStore: Record<string, unknown> = {}): void => {
-        jest.spyOn(localStorage.__proto__, "getItem")
-            .mockClear()
-            .mockImplementation((key: unknown) => mockStore[key as string] ?? null);
-        jest.spyOn(localStorage.__proto__, "removeItem")
-            .mockClear()
-            .mockImplementation((key: unknown) => {
-                const { [key as string]: toRemove, ...newStore } = mockStore;
-                mockStore = newStore;
-                return toRemove;
-            });
-        jest.spyOn(localStorage.__proto__, "setItem")
-            .mockClear()
-            .mockImplementation((key: unknown, value: unknown) => {
-                mockStore[key as string] = value;
-            });
-    };
-
-    const initSessionStorageMock = (mockStore: Record<string, unknown> = {}): void => {
-        jest.spyOn(sessionStorage.__proto__, "getItem")
-            .mockClear()
-            .mockImplementation((key: unknown) => mockStore[key as string] ?? null);
-        jest.spyOn(sessionStorage.__proto__, "removeItem")
-            .mockClear()
-            .mockImplementation((key: unknown) => {
-                const { [key as string]: toRemove, ...newStore } = mockStore;
-                mockStore = newStore;
-                return toRemove;
-            });
-        jest.spyOn(sessionStorage.__proto__, "setItem")
-            .mockClear()
-            .mockImplementation((key: unknown, value: unknown) => {
-                mockStore[key as string] = value;
-            });
-        jest.spyOn(sessionStorage.__proto__, "clear").mockClear();
-    };
-
     const initIdbMock = (mockStore: Record<string, Record<string, unknown>> = {}): void => {
         jest.spyOn(StorageAccess, "idbLoad")
             .mockClear()
@@ -162,7 +124,7 @@ describe("Lifecycle", () => {
             });
     };
 
-    const localStorageSession = {
+    const localStorageSession: Record<string, string> = {
         mx_hs_url: homeserverUrl,
         mx_is_url: identityServerUrl,
         mx_user_id: userId,
@@ -219,8 +181,6 @@ describe("Lifecycle", () => {
 
     describe("restoreSessionFromStorage()", () => {
         beforeEach(() => {
-            initLocalStorageMock();
-            initSessionStorageMock();
             initIdbMock();
 
             jest.clearAllMocks();
@@ -250,7 +210,7 @@ describe("Lifecycle", () => {
         });
 
         it("should abort login when we expect to find an access token but don't", async () => {
-            initLocalStorageMock({ mx_has_access_token: "true" });
+            localStorage.setItem("mx_has_access_token", "true");
 
             await expect(() => restoreSessionFromStorage()).rejects.toThrow();
             expect(Modal.createDialog).toHaveBeenCalledWith(StorageEvictedDialog);
@@ -260,7 +220,10 @@ describe("Lifecycle", () => {
         describe("when session is found in storage", () => {
             describe("guest account", () => {
                 beforeEach(() => {
-                    initLocalStorageMock({ ...localStorageSession, mx_is_guest: "true" });
+                    localStorage.setItem("mx_is_guest", "true");
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
                     initIdbMock(idbStorageSession);
                 });
 
@@ -279,27 +242,29 @@ describe("Lifecycle", () => {
                         }),
                         undefined,
                     );
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_is_guest", "true");
+                    expect(localStorage.getItem("mx_is_guest")).toEqual("true");
                 });
             });
 
             describe("without a pickle key", () => {
                 beforeEach(() => {
-                    initLocalStorageMock(localStorageSession);
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
                     initIdbMock(idbStorageSession);
                 });
 
                 it("should persist credentials", async () => {
                     expect(await restoreSessionFromStorage()).toEqual(true);
 
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_user_id", userId);
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_access_token", "true");
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_is_guest", "false");
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_device_id", deviceId);
+                    expect(localStorage.getItem("mx_user_id")).toEqual(userId);
+                    expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
+                    expect(localStorage.getItem("mx_is_guest")).toEqual("false");
+                    expect(localStorage.getItem("mx_device_id")).toEqual(deviceId);
 
                     expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
                     // dont put accessToken in localstorage when we have idb
-                    expect(localStorage.setItem).not.toHaveBeenCalledWith("mx_access_token", accessToken);
+                    expect(localStorage.getItem("mx_access_token")).not.toEqual(accessToken);
                 });
 
                 it("should persist access token when idb is not available", async () => {
@@ -308,7 +273,7 @@ describe("Lifecycle", () => {
 
                     expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
                     // put accessToken in localstorage as fallback
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_access_token", accessToken);
+                    expect(localStorage.getItem("mx_access_token")).toEqual(accessToken);
                 });
 
                 it("should create and start new matrix client with credentials", async () => {
@@ -334,7 +299,7 @@ describe("Lifecycle", () => {
                 it("should remove fresh login flag from session storage", async () => {
                     expect(await restoreSessionFromStorage()).toEqual(true);
 
-                    expect(sessionStorage.removeItem).toHaveBeenCalledWith("mx_fresh_login");
+                    expect(sessionStorage.getItem("mx_fresh_login")).toBeFalsy();
                 });
 
                 it("should start matrix client", async () => {
@@ -345,10 +310,10 @@ describe("Lifecycle", () => {
 
                 describe("with a refresh token", () => {
                     beforeEach(() => {
-                        initLocalStorageMock({
-                            ...localStorageSession,
-                            mx_refresh_token: refreshToken,
-                        });
+                        localStorage.setItem("mx_refresh_token", refreshToken);
+                        for (const key in localStorageSession) {
+                            localStorage.setItem(key, localStorageSession[key]);
+                        }
                         initIdbMock(idbStorageSession);
                     });
 
@@ -356,7 +321,7 @@ describe("Lifecycle", () => {
                         expect(await restoreSessionFromStorage()).toEqual(true);
 
                         // refresh token from storage is re-persisted
-                        expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_refresh_token", "true");
+                        expect(localStorage.getItem("mx_has_refresh_token")).toEqual("true");
                         expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_refresh_token", refreshToken);
                     });
 
@@ -386,7 +351,9 @@ describe("Lifecycle", () => {
                 let pickleKey: string;
 
                 beforeEach(async () => {
-                    initLocalStorageMock(localStorageSession);
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
                     initIdbMock({});
 
                     // Create a pickle key, and store it, encrypted, in IDB.
@@ -401,7 +368,7 @@ describe("Lifecycle", () => {
                 it("should persist credentials", async () => {
                     expect(await restoreSessionFromStorage()).toEqual(true);
 
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_access_token", "true");
+                    expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
 
                     // token encrypted and persisted
                     expect(StorageAccess.idbSave).toHaveBeenCalledWith(
@@ -429,7 +396,7 @@ describe("Lifecycle", () => {
                         encryptedTokenShapedObject,
                     );
                     // put accessToken in localstorage as fallback
-                    expect(localStorage.setItem).toHaveBeenCalledWith("mx_access_token", accessToken);
+                    expect(localStorage.getItem("mx_access_token")).toEqual(accessToken);
                 });
 
                 it("should create and start new matrix client with credentials", async () => {
@@ -470,7 +437,7 @@ describe("Lifecycle", () => {
                         expect(await restoreSessionFromStorage()).toEqual(true);
 
                         // refresh token from storage is re-persisted
-                        expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_refresh_token", "true");
+                        expect(localStorage.getItem("mx_has_refresh_token")).toEqual("true");
                         expect(StorageAccess.idbSave).toHaveBeenCalledWith(
                             "account",
                             "mx_refresh_token",
@@ -505,7 +472,9 @@ describe("Lifecycle", () => {
                 let pickleKey: string;
 
                 beforeEach(async () => {
-                    initLocalStorageMock(localStorageSession);
+                    for (const key in localStorageSession) {
+                        localStorage.setItem(key, localStorageSession[key]);
+                    }
                     initIdbMock({});
 
                     // Generate the pickle key. I don't *think* it's possible for there to be a pickle key
@@ -552,7 +521,9 @@ describe("Lifecycle", () => {
             });
 
             it("should proceed if server is not accessible", async () => {
-                initLocalStorageMock(localStorageSession);
+                for (const key in localStorageSession) {
+                    localStorage.setItem(key, localStorageSession[key]);
+                }
                 initIdbMock(idbStorageSession);
                 mockClient.isVersionSupported.mockRejectedValue(new Error("Oh, noes, the server is down!"));
 
@@ -560,7 +531,9 @@ describe("Lifecycle", () => {
             });
 
             it("should throw if the token was persisted with a pickle key but there is no pickle key available now", async () => {
-                initLocalStorageMock(localStorageSession);
+                for (const key in localStorageSession) {
+                    localStorage.setItem(key, localStorageSession[key]);
+                }
                 initIdbMock({});
 
                 // Create a pickle key, and store it, encrypted, in IDB.
@@ -580,8 +553,6 @@ describe("Lifecycle", () => {
 
     describe("setLoggedIn()", () => {
         beforeEach(() => {
-            initLocalStorageMock();
-            initSessionStorageMock();
             initIdbMock();
 
             jest.clearAllMocks();
@@ -599,7 +570,7 @@ describe("Lifecycle", () => {
         it("should remove fresh login flag from session storage", async () => {
             await setLoggedIn(credentials);
 
-            expect(sessionStorage.removeItem).toHaveBeenCalledWith("mx_fresh_login");
+            expect(sessionStorage.getItem("mx_fresh_login")).toBeFalsy();
         });
 
         it("should start matrix client", async () => {
@@ -617,7 +588,7 @@ describe("Lifecycle", () => {
             it("should not clear the storage if device is the same", async () => {
                 await Lifecycle.hydrateSession(credentials);
 
-                expect(localStorage.removeItem).toHaveBeenCalledWith("mx_soft_logout");
+                expect(localStorage.getItem("mx_soft_logout")).toBeFalsy();
                 expect(mockClient.getUserId).toHaveReturnedWith(userId);
                 expect(mockClient.getDeviceId).toHaveReturnedWith(deviceId);
                 expect(mockClient.clearStores).toHaveBeenCalledTimes(1);
@@ -633,7 +604,7 @@ describe("Lifecycle", () => {
                 };
                 await Lifecycle.hydrateSession(fakeCredentials);
 
-                expect(localStorage.removeItem).toHaveBeenCalledWith("mx_soft_logout");
+                expect(localStorage.getItem("mx_soft_logout")).toBeFalsy();
                 expect(mockClient.getUserId).toHaveReturnedWith(userId);
                 expect(mockClient.getDeviceId).toHaveReturnedWith(deviceId);
                 expect(mockClient.clearStores).toHaveBeenCalledTimes(2);
@@ -648,21 +619,19 @@ describe("Lifecycle", () => {
             it("should persist credentials", async () => {
                 await setLoggedIn(credentials);
 
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_user_id", userId);
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_access_token", "true");
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_is_guest", "false");
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_device_id", deviceId);
+                expect(localStorage.getItem("mx_user_id")).toEqual(userId);
+                expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
+                expect(localStorage.getItem("mx_is_guest")).toEqual("false");
+                expect(localStorage.getItem("mx_device_id")).toEqual(deviceId);
 
                 expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
                 // dont put accessToken in localstorage when we have idb
-                expect(localStorage.setItem).not.toHaveBeenCalledWith("mx_access_token", accessToken);
+                expect(localStorage.getItem("mx_access_token")).not.toEqual(accessToken);
             });
 
             it("should persist a refreshToken when present", async () => {
-                initLocalStorageMock({
-                    mx_oidc_token_issuer: "test-issuer.dummy",
-                    mx_oidc_client_id: "test-client-id",
-                });
+                localStorage.setItem("mx_oidc_token_issuer", "test-issuer.dummy");
+                localStorage.setItem("mx_oidc_client_id", "test-client-id");
 
                 await setLoggedIn({
                     ...credentials,
@@ -672,7 +641,7 @@ describe("Lifecycle", () => {
                 expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_access_token", accessToken);
                 expect(StorageAccess.idbSave).toHaveBeenCalledWith("account", "mx_refresh_token", refreshToken);
                 // dont put accessToken in localstorage when we have idb
-                expect(localStorage.setItem).not.toHaveBeenCalledWith("mx_access_token", accessToken);
+                expect(localStorage.getItem("mx_access_token")).not.toEqual(accessToken);
             });
 
             it("should remove any access token from storage when there is none in credentials and idb save fails", async () => {
@@ -683,15 +652,15 @@ describe("Lifecycle", () => {
                     accessToken: undefined,
                 });
 
-                expect(localStorage.removeItem).toHaveBeenCalledWith("mx_has_access_token");
-                expect(localStorage.removeItem).toHaveBeenCalledWith("mx_access_token");
+                expect(localStorage.getItem("mx_has_access_token")).toBeFalsy();
+                expect(localStorage.getItem("mx_access_token")).toBeFalsy();
             });
 
             it("should clear stores", async () => {
                 await setLoggedIn(credentials);
 
                 expect(StorageAccess.idbClear).toHaveBeenCalledWith("account");
-                expect(sessionStorage.clear).toHaveBeenCalled();
+                expect(sessionStorage.length).toBe(0);
                 expect(mockClient.clearStores).toHaveBeenCalled();
             });
 
@@ -735,12 +704,12 @@ describe("Lifecycle", () => {
             it("should persist credentials", async () => {
                 await setLoggedIn(credentials);
 
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_user_id", userId);
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_access_token", "true");
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_is_guest", "false");
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_device_id", deviceId);
+                expect(localStorage.getItem("mx_user_id")).toEqual(userId);
+                expect(localStorage.getItem("mx_has_access_token")).toEqual("true");
+                expect(localStorage.getItem("mx_is_guest")).toEqual("false");
+                expect(localStorage.getItem("mx_device_id")).toEqual(deviceId);
 
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_has_pickle_key", "true");
+                expect(localStorage.getItem("mx_has_pickle_key")).toEqual("true");
                 expect(StorageAccess.idbSave).toHaveBeenCalledWith(
                     "account",
                     "mx_access_token",
@@ -748,7 +717,7 @@ describe("Lifecycle", () => {
                 );
                 expect(StorageAccess.idbSave).toHaveBeenCalledWith("pickleKey", [userId, deviceId], expect.any(Object));
                 // dont put accessToken in localstorage when we have idb
-                expect(localStorage.setItem).not.toHaveBeenCalledWith("mx_access_token", accessToken);
+                expect(localStorage.getItem("mx_access_token")).not.toEqual(accessToken);
             });
 
             it("should persist token when encrypting the token fails", async () => {
@@ -771,7 +740,7 @@ describe("Lifecycle", () => {
                 await setLoggedIn(credentials);
 
                 // put plain accessToken in localstorage when we dont have idb
-                expect(localStorage.setItem).toHaveBeenCalledWith("mx_access_token", accessToken);
+                expect(localStorage.getItem("mx_access_token")).toEqual(accessToken);
             });
 
             it("should remove any access token from storage when there is none in credentials and idb save fails", async () => {
@@ -789,8 +758,8 @@ describe("Lifecycle", () => {
                     accessToken: undefined,
                 });
 
-                expect(localStorage.removeItem).toHaveBeenCalledWith("mx_has_access_token");
-                expect(localStorage.removeItem).toHaveBeenCalledWith("mx_access_token");
+                expect(localStorage.getItem("mx_has_access_token")).toBeFalsy();
+                expect(localStorage.getItem("mx_access_token")).toBeFalsy();
             });
 
             it("should create new matrix client with credentials", async () => {
@@ -812,7 +781,8 @@ describe("Lifecycle", () => {
             });
         });
 
-        describe("when authenticated via OIDC native flow", () => {
+        // XXX: these tests are broken, Lifecycle.setLoggedIn does not work with OIDC and its token refreshers due to clearing storage
+        describe.skip("when authenticated via OIDC native flow", () => {
             const clientId = "test-client-id";
             const issuer = "https://auth.com/";
 
@@ -820,7 +790,7 @@ describe("Lifecycle", () => {
             const idToken =
                 "eyJhbGciOiJSUzI1NiIsImtpZCI6Imh4ZEhXb0Y5bW4ifQ.eyJzdWIiOiIwMUhQUDJGU0JZREU5UDlFTU04REQ3V1pIUiIsImlzcyI6Imh0dHBzOi8vYXV0aC1vaWRjLmxhYi5lbGVtZW50LmRldi8iLCJpYXQiOjE3MTUwNzE5ODUsImF1dGhfdGltZSI6MTcwNzk5MDMxMiwiY19oYXNoIjoidGt5R1RhUjU5aTk3YXoyTU4yMGdidyIsImV4cCI6MTcxNTA3NTU4NSwibm9uY2UiOiJxaXhwM0hFMmVaIiwiYXVkIjoiMDFIWDk0Mlg3QTg3REgxRUs2UDRaNjI4WEciLCJhdF9oYXNoIjoiNFlFUjdPRlVKTmRTeEVHV2hJUDlnZyJ9.HxODneXvSTfWB5Vc4cf7b8GiN2gdwUuTiyVqZuupWske2HkZiJZUt5Lsxg9BW3gz28POkE0Ln17snlkmy02B_AD3DQxKOOxQCzIIARHdfFvZxgGWsMdFcVQZDW7rtXcqgj-SpVaUQ_8acsgxSrz_DF2o0O4tto0PT6wVUiw8KlBmgWTscWPeAWe-39T-8EiQ8Wi16h6oSPcz2NzOQ7eOM_S9fDkOorgcBkRGLl1nrahrPSdWJSGAeruk5mX4YxN714YThFDyEA2t9YmKpjaiSQ2tT-Xkd7tgsZqeirNs2ni9mIiFX3bRX6t2AhUNzA7MaX9ZyizKGa6go3BESO_oDg";
 
-            beforeAll(() => {
+            beforeEach(() => {
                 fetchMock.get(`${delegatedAuthConfig.issuer}.well-known/openid-configuration`, delegatedAuthConfig);
                 fetchMock.get(`${delegatedAuthConfig.issuer}jwks`, {
                     status: 200,
@@ -829,27 +799,24 @@ describe("Lifecycle", () => {
                     },
                     keys: [],
                 });
-            });
 
-            beforeEach(() => {
-                initSessionStorageMock();
-                // set values in session storage as they would be after a successful oidc authentication
-                persistOidcAuthenticatedSettings(clientId, issuer, idToken);
+                // set values in local storage as they would be after a successful oidc authentication
+                localStorage.setItem("mx_oidc_client_id", clientId);
+                localStorage.setItem("mx_oidc_token_issuer", issuer);
+                localStorage.setItem("mx_oidc_id_token", idToken);
             });
 
             it("should not try to create a token refresher without a refresh token", async () => {
                 await setLoggedIn(credentials);
 
                 // didn't try to initialise token refresher
-                expect(fetchMock).not.toHaveFetched(`${delegatedAuthConfig.issuer}.well-known/openid-configuration`);
+                expect(fetchMock).toHaveFetchedTimes(
+                    0,
+                    `${delegatedAuthConfig.issuer}.well-known/openid-configuration`,
+                );
             });
 
             it("should not try to create a token refresher without a deviceId", async () => {
-                initLocalStorageMock({
-                    mx_oidc_token_issuer: "test-issuer.dummy",
-                    mx_oidc_client_id: "test-client-id",
-                });
-
                 await expect(
                     setLoggedIn({
                         ...credentials,
@@ -859,16 +826,14 @@ describe("Lifecycle", () => {
                 ).rejects.toThrow("Expected deviceId in user credentials.");
 
                 // didn't try to initialise token refresher
-                expect(fetchMock).not.toHaveFetched(`${delegatedAuthConfig.issuer}.well-known/openid-configuration`);
+                expect(fetchMock).toHaveFetchedTimes(
+                    0,
+                    `${delegatedAuthConfig.issuer}.well-known/openid-configuration`,
+                );
             });
 
             it("should not try to create a token refresher without an issuer in session storage", async () => {
-                persistOidcAuthenticatedSettings(
-                    clientId,
-                    // @ts-ignore set undefined issuer
-                    undefined,
-                    idToken,
-                );
+                localStorage.removeItem("mx_oidc_token_issuer");
                 await expect(
                     setLoggedIn({
                         ...credentials,
@@ -877,7 +842,10 @@ describe("Lifecycle", () => {
                 ).rejects.toThrow("Cannot create an OIDC token refresher as no stored OIDC token issuer was found.");
 
                 // didn't try to initialise token refresher
-                expect(fetchMock).not.toHaveFetched(`${delegatedAuthConfig.issuer}.well-known/openid-configuration`);
+                expect(fetchMock).toHaveFetchedTimes(
+                    0,
+                    `${delegatedAuthConfig.issuer}.well-known/openid-configuration`,
+                );
             });
 
             it("should create a client with a tokenRefreshFunction", async () => {
@@ -898,8 +866,8 @@ describe("Lifecycle", () => {
             });
 
             it("should create a client when creating token refresher fails", async () => {
-                // set invalid value in session storage for a malformed oidc authentication
-                persistOidcAuthenticatedSettings(null as any, issuer, idToken);
+                // create invalid value in local storage for a malformed oidc authentication
+                localStorage.removeItem("mx_oidc_client_id");
 
                 // succeeded
                 expect(
diff --git a/test/unit-tests/MatrixClientPeg-test.ts b/test/unit-tests/MatrixClientPeg-test.ts
index abf730d960..aaee99fd61 100644
--- a/test/unit-tests/MatrixClientPeg-test.ts
+++ b/test/unit-tests/MatrixClientPeg-test.ts
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { logger } from "matrix-js-sdk/src/logger";
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import { advanceDateAndTime, stubClient } from "../test-utils";
 import { type IMatrixClientPeg, MatrixClientPeg as peg } from "../../src/MatrixClientPeg";
@@ -69,7 +69,7 @@ describe("MatrixClientPeg", () => {
         beforeEach(() => {
             // instantiate a MatrixClientPegClass instance, with a new MatrixClient
             testPeg = new PegClass();
-            fetchMockJest.get("http://example.com/_matrix/client/versions", {});
+            fetchMock.get("http://example.com/_matrix/client/versions", {});
             testPeg.replaceUsingCreds({
                 accessToken: "SEKRET",
                 homeserverUrl: "http://example.com",
diff --git a/test/unit-tests/Notifier-test.ts b/test/unit-tests/Notifier-test.ts
index 5ff4b0bf77..8813d4ab73 100644
--- a/test/unit-tests/Notifier-test.ts
+++ b/test/unit-tests/Notifier-test.ts
@@ -19,7 +19,8 @@ import {
     type AccountDataEvents,
 } from "matrix-js-sdk/src/matrix";
 import { waitFor } from "jest-matrix-react";
-import { CallMembership, MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+import { CallMembership, type SessionMembershipData, type MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
+import { randomUUID } from "node:crypto";
 
 import type BasePlatform from "../../src/BasePlatform";
 import Notifier from "../../src/Notifier";
@@ -57,6 +58,8 @@ jest.mock("../../src/audio/compat", () => ({
     createAudioContext: jest.fn(),
 }));
 
+const settingsStoreGetValue = SettingsStore.getValue;
+
 describe("Notifier", () => {
     const roomId = "!room1:server";
     const testEvent = mkEvent({
@@ -124,6 +127,7 @@ describe("Notifier", () => {
                       })
                     : undefined;
             }),
+            fetchRoomEvent: jest.fn(),
             decryptEventIfNeeded: jest.fn(),
             getRoom: jest.fn(),
             getPushActionsForEvent: jest.fn(),
@@ -368,21 +372,40 @@ describe("Notifier", () => {
     });
 
     describe("group call notifications", () => {
+        let callId: string;
         beforeEach(() => {
-            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((key, ...params) => {
+                if (key === "notificationsEnabled") {
+                    return true;
+                }
+                return settingsStoreGetValue(key, ...params);
+            });
             jest.spyOn(ToastStore.sharedInstance(), "addOrReplaceToast");
             jest.spyOn(ToastStore.sharedInstance(), "dismissToast");
+            ToastStore.sharedInstance().reset();
 
             mockClient.getPushActionsForEvent.mockReturnValue({
                 notify: true,
                 tweaks: {},
             });
+            callId = randomUUID();
+            jest.spyOn(testRoom, "findEventById").mockImplementation((eventId) => {
+                if (eventId === "$memberEventId") {
+                    return mkEvent({
+                        event: true,
+                        user: "@alice:foo",
+                        type: "org.matrix.msc4143.rtc.member",
+                        content: { call_id: callId } satisfies Partial<SessionMembershipData>,
+                    });
+                }
+                return undefined;
+            });
             Notifier.start();
             Notifier.onSyncStateChange(SyncState.Syncing, null);
         });
 
         afterEach(() => {
-            jest.resetAllMocks();
+            jest.restoreAllMocks();
         });
 
         const emitCallNotificationEvent = (
@@ -391,9 +414,10 @@ describe("Notifier", () => {
                 roomMention?: boolean;
                 lifetime?: number;
                 ts?: number;
+                content?: Partial<IContent>;
             } = {},
         ) => {
-            const { type, roomMention, lifetime, ts } = {
+            const { type, roomMention, lifetime, ts, content } = {
                 type: EventType.RTCNotification,
                 roomMention: true,
                 lifetime: 30000,
@@ -407,10 +431,11 @@ describe("Notifier", () => {
                 ts,
                 content: {
                     "notification_type": "ring",
-                    "m.relation": { rel_type: "m.reference", event_id: "$memberEventId" },
+                    "m.relates_to": { rel_type: "m.reference", event_id: "$memberEventId" },
                     "m.mentions": { user_ids: [], room: roomMention },
                     lifetime,
                     "sender_ts": ts,
+                    ...content,
                 },
                 event: true,
             });
@@ -423,7 +448,7 @@ describe("Notifier", () => {
 
             expect(ToastStore.sharedInstance().addOrReplaceToast).toHaveBeenCalledWith(
                 expect.objectContaining({
-                    key: getIncomingCallToastKey(notificationEvent.getId() ?? "", roomId),
+                    key: getIncomingCallToastKey(callId, roomId),
                     priority: 100,
                     component: IncomingCallToast,
                     bodyClassName: "mx_IncomingCallToast",
@@ -432,8 +457,65 @@ describe("Notifier", () => {
             );
         });
 
+        it("shows group call toast once for multiple notifications to the same call", () => {
+            // Call the same function twice.
+            emitCallNotificationEvent();
+            emitCallNotificationEvent();
+            expect(ToastStore.sharedInstance().addOrReplaceToast).toHaveBeenCalledTimes(1);
+        });
+
+        it("shows group call toast even if the call membership is not stored locally", () => {
+            jest.spyOn(testRoom, "findEventById").mockReturnValue(undefined);
+            jest.spyOn(mockClient, "fetchRoomEvent").mockImplementation(async (roomId, eventId) => {
+                if (eventId === "$memberEventId" && roomId === testRoom.roomId) {
+                    return {
+                        user: "@alice:foo",
+                        type: "org.matrix.msc4143.rtc.member",
+                        content: { call_id: callId } satisfies Partial<SessionMembershipData>,
+                    };
+                }
+                throw new Error("Test mockClient.fetchRoomEvent failed to find event");
+            });
+
+            const notificationEvent = emitCallNotificationEvent();
+            waitFor(() => {
+                expect(ToastStore.sharedInstance().addOrReplaceToast).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        key: getIncomingCallToastKey(callId, roomId),
+                        priority: 100,
+                        component: IncomingCallToast,
+                        bodyClassName: "mx_IncomingCallToast",
+                        props: { notificationEvent },
+                    }),
+                );
+            });
+        });
+
+        it.each<IContent>([
+            { "m.relates_to": undefined },
+            { "m.relates_to": { rel_type: "m.reference" } },
+            { "m.relates_to": { event_id: "$memberEventId", rel_type: "something.else" } },
+        ])("ignores invalid relations for call notification", (content) => {
+            emitCallNotificationEvent({ content });
+            waitFor(() => {
+                expect(ToastStore.sharedInstance().addOrReplaceToast).not.toHaveBeenCalled();
+            });
+        });
+
+        it("ignores a call if the membership is missing", () => {
+            jest.spyOn(testRoom, "findEventById").mockReturnValue(undefined);
+            jest.spyOn(mockClient, "fetchRoomEvent").mockImplementation(async () => {
+                throw new Error("Test mockClient.fetchRoomEvent expected not to find event");
+            });
+
+            emitCallNotificationEvent();
+            waitFor(() => {
+                expect(ToastStore.sharedInstance().addOrReplaceToast).not.toHaveBeenCalled();
+            });
+        });
+
         it("should not show toast when group call is already connected", () => {
-            const spyCallMemberships = jest.spyOn(MatrixRTCSession, "callMembershipsForRoom").mockReturnValue([
+            const members = [
                 new CallMembership(
                     mkEvent({
                         event: true,
@@ -443,21 +525,28 @@ describe("Notifier", () => {
                         content: {},
                     }),
                     {
-                        call_id: "123",
-                        application: "m.call",
-                        focus_active: { type: "livekit" },
-                        foci_preferred: [],
-                        device_id: "DEVICE",
+                        kind: "session",
+                        data: {
+                            call_id: "123",
+                            application: "m.call",
+                            focus_active: { type: "livekit", focus_selection: "oldest_membership" },
+                            foci_preferred: [],
+                            device_id: "DEVICE",
+                        },
                     },
+                    "hashed_id_XXXAAAAA",
                 ),
-            ]);
+            ];
 
-            const roomSession = MatrixRTCSession.roomSessionForRoom(mockClient, testRoom);
+            const mockRtcSession = {
+                memberships: members,
+                slotDescription: { application: "m.call", id: "" },
+            } as unknown as MatrixRTCSession;
+
+            mockClient.matrixRTC.getRoomSession.mockReturnValue(mockRtcSession);
 
-            mockClient.matrixRTC.getRoomSession.mockReturnValue(roomSession);
             emitCallNotificationEvent();
             expect(ToastStore.sharedInstance().addOrReplaceToast).not.toHaveBeenCalled();
-            spyCallMemberships.mockRestore();
         });
 
         it("should not show toast when calling with a different event type to org.matrix.msc4075.rtc.notification", () => {
diff --git a/test/unit-tests/RoomNotifs-test.ts b/test/unit-tests/RoomNotifs-test.ts
index cff4ecef75..e514288a6c 100644
--- a/test/unit-tests/RoomNotifs-test.ts
+++ b/test/unit-tests/RoomNotifs-test.ts
@@ -26,10 +26,73 @@ import {
     RoomNotifState,
     getUnreadNotificationCount,
     determineUnreadState,
+    getUnsentMessages,
 } from "../../src/RoomNotifs";
 import { NotificationLevel } from "../../src/stores/notifications/NotificationLevel";
 import SettingsStore from "../../src/settings/SettingsStore";
 import { MatrixClientPeg } from "../../src/MatrixClientPeg";
+import { mkThread } from "../test-utils/threads";
+
+describe("getUnsentMessages", () => {
+    const ROOM_ID = "!roomId";
+    let room: Room;
+    let event: MatrixEvent;
+    let client: MatrixClient;
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room(ROOM_ID, client, client.getUserId()!, {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+        event = mkEvent({
+            event: true,
+            type: "m.room.message",
+            user: "@user1:server",
+            room: "!room1:server",
+            content: {},
+        });
+        event.status = EventStatus.NOT_SENT;
+    });
+
+    it("returns no unsent messages", () => {
+        expect(getUnsentMessages(room)).toHaveLength(0);
+    });
+
+    it("checks the event status", () => {
+        room.addPendingEvent(event, "123");
+
+        expect(getUnsentMessages(room)).toHaveLength(1);
+        event.status = EventStatus.SENT;
+
+        expect(getUnsentMessages(room)).toHaveLength(0);
+    });
+
+    it("only returns events related to a thread", () => {
+        room.addPendingEvent(event, "123");
+
+        const { rootEvent, events } = mkThread({
+            room,
+            client,
+            authorId: "@alice:example.org",
+            participantUserIds: ["@alice:example.org"],
+            length: 2,
+        });
+        rootEvent.status = EventStatus.NOT_SENT;
+        room.addPendingEvent(rootEvent, rootEvent.getId()!);
+        for (const event of events) {
+            event.status = EventStatus.NOT_SENT;
+            room.addPendingEvent(event, Date.now() + Math.random() + "");
+        }
+
+        const pendingEvents = getUnsentMessages(room, rootEvent.getId());
+
+        expect(pendingEvents[0].threadRootId).toBe(rootEvent.getId());
+        expect(pendingEvents[1].threadRootId).toBe(rootEvent.getId());
+        expect(pendingEvents[2].threadRootId).toBe(rootEvent.getId());
+
+        // Filters out the non thread events
+        expect(pendingEvents.every((ev) => ev.getId() !== event.getId())).toBe(true);
+    });
+});
 
 describe("RoomNotifs test", () => {
     let client: jest.Mocked<MatrixClient>;
diff --git a/test/unit-tests/ScalarAuthClient-test.ts b/test/unit-tests/ScalarAuthClient-test.ts
index 4480318729..0ed4184b55 100644
--- a/test/unit-tests/ScalarAuthClient-test.ts
+++ b/test/unit-tests/ScalarAuthClient-test.ts
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { mocked } from "jest-mock";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 
 import ScalarAuthClient from "../../src/ScalarAuthClient";
diff --git a/test/unit-tests/Searching-test.ts b/test/unit-tests/Searching-test.ts
new file mode 100644
index 0000000000..60b34fb345
--- /dev/null
+++ b/test/unit-tests/Searching-test.ts
@@ -0,0 +1,262 @@
+/*
+Copyright 2025 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { type IResultRoomEvents } from "matrix-js-sdk/src/matrix";
+
+import eventSearch from "../../src/Searching";
+import EventIndexPeg from "../../src/indexing/EventIndexPeg";
+import { createTestClient } from "../test-utils";
+
+describe("Searching", () => {
+    const mockClient = createTestClient();
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    describe("localSearch", () => {
+        it("removes state_key: null from search results", async () => {
+            // Mock search results from Seshat that include state_key: null
+            const mockSearchResults: IResultRoomEvents = {
+                count: 2,
+                results: [
+                    {
+                        rank: 1,
+                        result: {
+                            event_id: "$event1",
+                            room_id: "!room:example.org",
+                            sender: "@user:example.org",
+                            type: "m.room.message",
+                            origin_server_ts: 1234567890,
+                            content: { body: "test message 1", msgtype: "m.text" },
+                            // Seshat incorrectly includes state_key: null for non-state events
+                            state_key: null,
+                        } as any,
+                        context: {
+                            events_before: [
+                                {
+                                    event_id: "$before1",
+                                    room_id: "!room:example.org",
+                                    sender: "@user:example.org",
+                                    type: "m.room.message",
+                                    origin_server_ts: 1234567889,
+                                    content: { body: "before message", msgtype: "m.text" },
+                                    state_key: null,
+                                } as any,
+                            ],
+                            events_after: [
+                                {
+                                    event_id: "$after1",
+                                    room_id: "!room:example.org",
+                                    sender: "@user:example.org",
+                                    type: "m.room.message",
+                                    origin_server_ts: 1234567891,
+                                    content: { body: "after message", msgtype: "m.text" },
+                                    state_key: null,
+                                } as any,
+                            ],
+                            profile_info: {},
+                        },
+                    },
+                    {
+                        rank: 2,
+                        result: {
+                            event_id: "$event2",
+                            room_id: "!room:example.org",
+                            sender: "@user:example.org",
+                            type: "m.room.message",
+                            origin_server_ts: 1234567880,
+                            content: { body: "test message 2", msgtype: "m.text" },
+                            state_key: null,
+                        } as any,
+                        context: {
+                            events_before: [],
+                            events_after: [],
+                            profile_info: {},
+                        },
+                    },
+                ],
+                highlights: ["test"],
+            };
+
+            // Mock EventIndex.search to return results with state_key: null
+            const mockEventIndex = {
+                search: jest.fn().mockResolvedValue(mockSearchResults),
+            };
+            jest.spyOn(EventIndexPeg, "get").mockReturnValue(mockEventIndex as any);
+
+            // Mock crypto to indicate room is encrypted
+            jest.spyOn(mockClient, "getCrypto").mockReturnValue({
+                isEncryptionEnabledInRoom: jest.fn().mockResolvedValue(true),
+            } as any);
+
+            // Perform search in an encrypted room
+            const roomId = "!room:example.org";
+            await eventSearch(mockClient, "test", roomId);
+
+            // Verify that state_key: null was removed from the search arguments passed to search
+            expect(mockEventIndex.search).toHaveBeenCalled();
+
+            // Get the mock search results that were passed to processRoomEventsSearch
+            // The state_key should have been deleted from the original results object
+            const mainEventResult = mockSearchResults.results![0].result as unknown as Record<string, unknown>;
+            expect(mainEventResult.state_key).toBeUndefined();
+
+            const beforeEvent = mockSearchResults.results![0].context!.events_before![0] as unknown as Record<
+                string,
+                unknown
+            >;
+            expect(beforeEvent.state_key).toBeUndefined();
+
+            const afterEvent = mockSearchResults.results![0].context!.events_after![0] as unknown as Record<
+                string,
+                unknown
+            >;
+            expect(afterEvent.state_key).toBeUndefined();
+
+            const secondResult = mockSearchResults.results![1].result as unknown as Record<string, unknown>;
+            expect(secondResult.state_key).toBeUndefined();
+        });
+
+        it("does not modify events without state_key: null", async () => {
+            const mockSearchResults: IResultRoomEvents = {
+                count: 1,
+                results: [
+                    {
+                        rank: 1,
+                        result: {
+                            event_id: "$event1",
+                            room_id: "!room:example.org",
+                            sender: "@user:example.org",
+                            type: "m.room.message",
+                            origin_server_ts: 1234567890,
+                            content: { body: "test message", msgtype: "m.text" },
+                            // No state_key property at all (correct behavior)
+                        } as any,
+                        context: {
+                            events_before: [],
+                            events_after: [],
+                            profile_info: {},
+                        },
+                    },
+                ],
+                highlights: ["test"],
+            };
+
+            const mockEventIndex = {
+                search: jest.fn().mockResolvedValue(mockSearchResults),
+            };
+            jest.spyOn(EventIndexPeg, "get").mockReturnValue(mockEventIndex as any);
+
+            jest.spyOn(mockClient, "getCrypto").mockReturnValue({
+                isEncryptionEnabledInRoom: jest.fn().mockResolvedValue(true),
+            } as any);
+
+            const roomId = "!room:example.org";
+            await eventSearch(mockClient, "test", roomId);
+
+            // Verify state_key is still undefined (not accidentally set to something)
+            const eventResult = mockSearchResults.results![0].result as unknown as Record<string, unknown>;
+            expect("state_key" in eventResult).toBe(false);
+        });
+
+        it("handles missing context fields and empty result sets", async () => {
+            const mockSearchResults: IResultRoomEvents = {
+                count: 3,
+                results: [
+                    {
+                        rank: 1,
+                        result: {
+                            event_id: "$event1",
+                            room_id: "!room:example.org",
+                            sender: "@user:example.org",
+                            type: "m.room.message",
+                            origin_server_ts: 1234567890,
+                            content: { body: "test message", msgtype: "m.text" },
+                            state_key: null,
+                        } as any,
+                        context: {
+                            events_before: [{ event_id: "$before1", state_key: "not-null" } as any],
+                            events_after: [{ event_id: "$after1", state_key: "not-null" } as any],
+                            profile_info: {},
+                        },
+                    },
+                    {
+                        rank: 2,
+                        result: {
+                            event_id: "$event2",
+                            room_id: "!room:example.org",
+                            sender: "@user:example.org",
+                            type: "m.room.message",
+                            origin_server_ts: 1234567891,
+                            content: { body: "test message 2", msgtype: "m.text" },
+                            state_key: null,
+                        } as any,
+                        context: {
+                            profile_info: {},
+                        } as any,
+                    },
+                    {
+                        rank: 3,
+                        result: {
+                            event_id: "$event3",
+                            room_id: "!room:example.org",
+                            sender: "@user:example.org",
+                            type: "m.room.message",
+                            origin_server_ts: 1234567892,
+                            content: { body: "test message 3", msgtype: "m.text" },
+                            state_key: null,
+                        } as any,
+                        context: undefined as any,
+                    },
+                ],
+                highlights: ["test"],
+            };
+
+            const mockEventIndex = {
+                search: jest
+                    .fn()
+                    .mockResolvedValueOnce(mockSearchResults)
+                    .mockResolvedValueOnce({ count: 0, highlights: ["test"] } as IResultRoomEvents),
+            };
+            jest.spyOn(EventIndexPeg, "get").mockReturnValue(mockEventIndex as any);
+
+            jest.spyOn(mockClient, "getCrypto").mockReturnValue({
+                isEncryptionEnabledInRoom: jest.fn().mockResolvedValue(true),
+            } as any);
+
+            const roomId = "!room:example.org";
+            await eventSearch(mockClient, "test", roomId);
+            await eventSearch(mockClient, "test", roomId);
+
+            const firstMainEvent = mockSearchResults.results![0].result as unknown as Record<string, unknown>;
+            expect(firstMainEvent.state_key).toBeUndefined();
+
+            const beforeEvent = mockSearchResults.results![0].context!.events_before![0] as unknown as Record<
+                string,
+                unknown
+            >;
+            expect(beforeEvent.state_key).toBe("not-null");
+
+            const afterEvent = mockSearchResults.results![0].context!.events_after![0] as unknown as Record<
+                string,
+                unknown
+            >;
+            expect(afterEvent.state_key).toBe("not-null");
+
+            const secondMainEvent = mockSearchResults.results![1].result as unknown as Record<string, unknown>;
+            expect(secondMainEvent.state_key).toBeUndefined();
+
+            const thirdMainEvent = mockSearchResults.results![2].result as unknown as Record<string, unknown>;
+            expect(thirdMainEvent.state_key).toBeUndefined();
+        });
+    });
+});
diff --git a/test/unit-tests/SlashCommands-test.tsx b/test/unit-tests/SlashCommands-test.tsx
index 1f583138c4..76be3fb92f 100644
--- a/test/unit-tests/SlashCommands-test.tsx
+++ b/test/unit-tests/SlashCommands-test.tsx
@@ -119,17 +119,6 @@ describe("SlashCommands", () => {
         });
     });
 
-    describe("/upgraderoom", () => {
-        beforeEach(() => {
-            command = findCommand("upgraderoom")!;
-            setCurrentRoom();
-        });
-
-        it("should be enabled by default", () => {
-            expect(command.isEnabled(client, roomId)).toBe(true);
-        });
-    });
-
     describe("/op", () => {
         beforeEach(() => {
             command = findCommand("op")!;
diff --git a/test/unit-tests/SlidingSyncManager-test.ts b/test/unit-tests/SlidingSyncManager-test.ts
index 20d9110bcc..88c3f5e720 100644
--- a/test/unit-tests/SlidingSyncManager-test.ts
+++ b/test/unit-tests/SlidingSyncManager-test.ts
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import { type SlidingSync, SlidingSyncEvent, SlidingSyncState } from "matrix-js-sdk/src/sliding-sync";
 import { mocked } from "jest-mock";
 import { ClientEvent, type MatrixClient, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import EventEmitter from "events";
 import { waitFor } from "jest-matrix-react";
 
@@ -45,8 +45,7 @@ describe("SlidingSyncManager", () => {
         mocked(client.getRoom).mockReturnValue(null);
         (manager as any).configure(client, "invalid");
         manager.slidingSync = slidingSync;
-        fetchMockJest.reset();
-        fetchMockJest.get("https://proxy/client/server.json", {});
+        fetchMock.get("https://proxy/client/server.json", {});
     });
 
     describe("setRoomVisible", () => {
diff --git a/test/unit-tests/SupportedBrowser-test.ts b/test/unit-tests/SupportedBrowser-test.ts
index 3607b35a08..bd5cd9355b 100644
--- a/test/unit-tests/SupportedBrowser-test.ts
+++ b/test/unit-tests/SupportedBrowser-test.ts
@@ -66,17 +66,17 @@ describe("SupportedBrowser", () => {
         // Safari 26.0 on macOS
         "Mozilla/5.0 (Macintosh; Intel Mac OS X 15_7_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.0 Safari/605.1.15",
         // Latest Firefox on macOS Sonoma
-        "Mozilla/5.0 (Macintosh; Intel Mac OS X 15.7; rv:145.0) Gecko/20100101 Firefox/145.0",
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 15.7; rv:145.0) Gecko/20100101 Firefox/147.0",
         // Latest Edge on Windows
-        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.3595.76",
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36 Edg/144.0.3595.76",
         // Latest Edge on macOS
-        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.3595.76",
+        "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36 Edg/144.0.3595.76",
         // Latest Firefox on Windows
-        "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:145.0) Gecko/20100101 Firefox/145.0",
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0",
         // Latest Firefox on Linux
-        "Mozilla/5.0 (X11; Linux i686; rv:145.0) Gecko/20100101 Firefox/145.0",
+        "Mozilla/5.0 (X11; Linux i686; rv:147.0) Gecko/20100101 Firefox/147.0",
         // Latest Chrome on Windows
-        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36",
+        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36",
     ])("should not warn for supported browsers", testUserAgentFactory());
 
     it.each([
diff --git a/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap b/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
index 2221bd135c..5e98003dae 100644
--- a/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
+++ b/test/unit-tests/async-components/dialogs/security/__snapshots__/NewRecoveryMethodDialog-test.tsx.snap
@@ -73,7 +73,19 @@ exports[`<NewRecoveryMethodDialog /> when key backup is disabled 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -159,7 +171,19 @@ exports[`<NewRecoveryMethodDialog /> when key backup is enabled 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/async-components/structures/ErrorView-test.tsx b/test/unit-tests/async-components/structures/ErrorView-test.tsx
index aeb0e0c2a5..8586bced21 100644
--- a/test/unit-tests/async-components/structures/ErrorView-test.tsx
+++ b/test/unit-tests/async-components/structures/ErrorView-test.tsx
@@ -11,13 +11,8 @@ import { render } from "jest-matrix-react";
 
 import SdkConfig from "../../../../src/SdkConfig";
 import { ErrorView, UnsupportedBrowserView } from "../../../../src/async-components/structures/ErrorView";
-import { setupLanguageMock } from "../../../setup/setupLanguage";
 
 describe("<ErrorView />", () => {
-    beforeEach(() => {
-        setupLanguageMock();
-    });
-
     it("should match snapshot", () => {
         const { asFragment } = render(<ErrorView title="TITLE" messages={["MSG1", "MSG2"]} />);
         expect(asFragment()).toMatchSnapshot();
@@ -26,7 +21,6 @@ describe("<ErrorView />", () => {
 
 describe("<UnsupportedBrowserView />", () => {
     beforeEach(() => {
-        setupLanguageMock();
         SdkConfig.put({});
     });
 
diff --git a/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap b/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap
index d22d61a0bd..abd504ee63 100644
--- a/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap
+++ b/test/unit-tests/async-components/structures/__snapshots__/ErrorView-test.tsx.snap
@@ -102,7 +102,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
         style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
       >
         <button
-          class="_button_187yx_8 _has-icon_187yx_57"
+          class="_button_13vu4_8 _has-icon_13vu4_60"
           data-kind="secondary"
           data-size="sm"
           role="button"
@@ -143,7 +143,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
     >
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://packages.element.io/desktop/install/macos/Element.dmg"
@@ -160,14 +160,14 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
         >
           <path
             clip-rule="evenodd"
-            d="M16.099 2.4a4.1 4.1 0 0 1-1.057 3.074c-.747.862-1.878 1.358-3.07 1.347-.075-1.081.315-2.146 1.085-2.96.78-.825 1.866-1.346 3.042-1.461m3.767 6.54c-1.37.783-2.213 2.163-2.234 3.657.002 1.69 1.092 3.215 2.768 3.873a9.4 9.4 0 0 1-1.44 2.723c-.848 1.178-1.737 2.329-3.149 2.35-.67.015-1.124-.165-1.596-.351-.493-.195-1.006-.398-1.809-.398-.851 0-1.388.21-1.905.412-.447.174-.88.343-1.49.367-1.343.046-2.37-1.258-3.25-2.425-1.756-2.383-3.124-6.716-1.29-9.664.861-1.437 2.471-2.349 4.241-2.402.763-.015 1.494.258 2.136.497.49.183.928.347 1.286.347.315 0 .74-.157 1.237-.34.78-.288 1.737-.64 2.71-.545 1.514.044 2.917.748 3.785 1.9"
+            d="M16.099 2.4a4.1 4.1 0 0 1-1.057 3.073c-.747.863-1.878 1.36-3.07 1.348-.075-1.081.315-2.146 1.085-2.96.78-.825 1.866-1.346 3.042-1.461m3.767 6.54c-1.37.783-2.214 2.163-2.234 3.657.002 1.69 1.092 3.215 2.768 3.873a9.4 9.4 0 0 1-1.44 2.723c-.848 1.178-1.737 2.329-3.149 2.35-.671.015-1.124-.165-1.596-.351-.493-.195-1.006-.398-1.809-.398-.852 0-1.388.21-1.905.412-.447.174-.88.343-1.49.367-1.343.046-2.37-1.258-3.25-2.425-1.756-2.383-3.124-6.716-1.29-9.664.86-1.437 2.471-2.349 4.241-2.402.763-.015 1.494.258 2.135.497.49.183.929.347 1.287.347.315 0 .74-.157 1.237-.34.78-.288 1.737-.64 2.71-.545 1.514.044 2.917.748 3.785 1.9"
             fill-rule="evenodd"
           />
         </svg>
         Mac
       </a>
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe"
@@ -189,7 +189,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
         Windows (64-bit)
       </a>
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe"
@@ -211,7 +211,7 @@ exports[`<UnsupportedBrowserView /> should match snapshot 1`] = `
         Windows (ARM 64-bit)
       </a>
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://element.io/download#linux"
diff --git a/test/unit-tests/audio/VoiceMessageRecording-test.ts b/test/unit-tests/audio/VoiceMessageRecording-test.ts
index aec34fa236..6694f861a6 100644
--- a/test/unit-tests/audio/VoiceMessageRecording-test.ts
+++ b/test/unit-tests/audio/VoiceMessageRecording-test.ts
@@ -118,7 +118,7 @@ describe("VoiceMessageRecording", () => {
         const encryptedFile = {} as unknown as EncryptedFile;
 
         beforeEach(() => {
-            voiceRecording.onDataAvailable!(testBuf);
+            voiceRecording.onDataAvailable!(testBuf.buffer);
         });
 
         it("contentLength should return the buffer length", () => {
diff --git a/test/unit-tests/components/structures/MatrixChat-test.tsx b/test/unit-tests/components/structures/MatrixChat-test.tsx
index f950b5a44f..24b190c0f8 100644
--- a/test/unit-tests/components/structures/MatrixChat-test.tsx
+++ b/test/unit-tests/components/structures/MatrixChat-test.tsx
@@ -6,13 +6,10 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-// fake-indexeddb needs this and the tests crash without it
-// https://github.com/dumbmatter/fakeIndexedDB?tab=readme-ov-file#jsdom-often-used-with-jest
-import "core-js/stable/structured-clone";
 import "fake-indexeddb/auto";
 import React, { type ComponentProps } from "react";
 import { fireEvent, render, type RenderResult, screen, waitFor, within, act } from "jest-matrix-react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { type Mocked, mocked } from "jest-mock";
 import { ClientEvent, type MatrixClient, MatrixEvent, Room, SyncState } from "matrix-js-sdk/src/matrix";
 import { type MediaHandler } from "matrix-js-sdk/src/webrtc/mediaHandler";
@@ -1629,7 +1626,7 @@ describe("<MatrixChat />", () => {
 
         // Flaky test, see https://github.com/element-hq/element-web/issues/30337
         it("waits for other tab to stop during startup", async () => {
-            fetchMock.get("/welcome.html", { body: "<h1>Hello</h1>" });
+            fetchMock.get("end:/welcome.html", { body: "<h1>Hello</h1>" });
             jest.spyOn(Lifecycle, "attemptDelegatedAuthLogin");
 
             // simulate an active window
diff --git a/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx b/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx
index 2710dcd57a..b70017ee4f 100644
--- a/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx
+++ b/test/unit-tests/components/structures/MatrixClientContextProvider-test.tsx
@@ -11,9 +11,9 @@ import React, { useContext } from "react";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { CryptoEvent, UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
 
+import { LocalDeviceVerificationStateContext } from "../../../../src/contexts/LocalDeviceVerificationStateContext";
 import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
 import { MatrixClientContextProvider } from "../../../../src/components/structures/MatrixClientContextProvider";
-import { LocalDeviceVerificationStateContext } from "../../../../src/contexts/LocalDeviceVerificationStateContext";
 import {
     flushPromises,
     getMockClientWithEventEmitter,
diff --git a/test/unit-tests/components/structures/MessagePanel-test.tsx b/test/unit-tests/components/structures/MessagePanel-test.tsx
index 71234bea3b..cef5310920 100644
--- a/test/unit-tests/components/structures/MessagePanel-test.tsx
+++ b/test/unit-tests/components/structures/MessagePanel-test.tsx
@@ -11,7 +11,7 @@ import React from "react";
 import { EventEmitter } from "events";
 import { type MatrixEvent, Room, RoomMember, type Thread, ReceiptType } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
-import { render } from "jest-matrix-react";
+import { render, within } from "jest-matrix-react";
 
 import MessagePanel, { shouldFormContinuation } from "../../../../src/components/structures/MessagePanel";
 import SettingsStore from "../../../../src/settings/SettingsStore";
@@ -794,8 +794,8 @@ describe("MessagePanel", function () {
 
         const tiles = container.getElementsByClassName("mx_EventTile");
         expect(tiles.length).toEqual(2);
-        expect(tiles[0].querySelector(".mx_EventTile_receiptSent")).toBeTruthy();
-        expect(tiles[1].querySelector(".mx_EventTile_receiptSent")).toBeFalsy();
+        expect(within(tiles[0] as HTMLElement).queryByRole("status")).toHaveAccessibleName("Your message was sent");
+        expect(within(tiles[1] as HTMLElement).queryByRole("status")).not.toBeInTheDocument();
     });
 
     it("should set lastSuccessful=false on non-last event if last event has a receipt from someone else", () => {
@@ -830,8 +830,8 @@ describe("MessagePanel", function () {
 
         const tiles = container.getElementsByClassName("mx_EventTile");
         expect(tiles.length).toEqual(2);
-        expect(tiles[0].querySelector(".mx_EventTile_receiptSent")).toBeFalsy();
-        expect(tiles[1].querySelector(".mx_EventTile_receiptSent")).toBeFalsy();
+        expect(within(tiles[0] as HTMLElement).queryByRole("status")).not.toBeInTheDocument();
+        expect(within(tiles[1] as HTMLElement).queryByRole("status")).not.toBeInTheDocument();
     });
 });
 
diff --git a/test/unit-tests/components/structures/PipContainer-test.tsx b/test/unit-tests/components/structures/PipContainer-test.tsx
index 2d3bcd821b..35966d6d02 100644
--- a/test/unit-tests/components/structures/PipContainer-test.tsx
+++ b/test/unit-tests/components/structures/PipContainer-test.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { mocked, type Mocked } from "jest-mock";
 import { screen, render, act, cleanup } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
+import userEvent, { type UserEvent } from "@testing-library/user-event";
 import {
     type MatrixClient,
     PendingEventOrdering,
@@ -18,7 +18,6 @@ import {
     type RoomMember,
 } from "matrix-js-sdk/src/matrix";
 import { Widget, type ClientWidgetApi } from "matrix-widget-api";
-import { type UserEvent } from "@testing-library/user-event/dist/types/setup/setup";
 
 import {
     useMockedCalls,
diff --git a/test/unit-tests/components/structures/RoomStatusBar-test.tsx b/test/unit-tests/components/structures/RoomStatusBar-test.tsx
deleted file mode 100644
index 844ed8ab2d..0000000000
--- a/test/unit-tests/components/structures/RoomStatusBar-test.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2022 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React from "react";
-import { render } from "jest-matrix-react";
-import {
-    type MatrixClient,
-    PendingEventOrdering,
-    EventStatus,
-    type MatrixEvent,
-    Room,
-    MatrixError,
-} from "matrix-js-sdk/src/matrix";
-
-import RoomStatusBar, { getUnsentMessages } from "../../../../src/components/structures/RoomStatusBar";
-import MatrixClientContext from "../../../../src/contexts/MatrixClientContext";
-import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
-import { mkEvent, stubClient } from "../../../test-utils/test-utils";
-import { mkThread } from "../../../test-utils/threads";
-
-describe("RoomStatusBar", () => {
-    const ROOM_ID = "!roomId:example.org";
-    let room: Room;
-    let client: MatrixClient;
-    let event: MatrixEvent;
-
-    beforeEach(() => {
-        jest.clearAllMocks();
-
-        stubClient();
-        client = MatrixClientPeg.safeGet();
-        client.getSyncStateData = jest.fn().mockReturnValue({});
-        room = new Room(ROOM_ID, client, client.getUserId()!, {
-            pendingEventOrdering: PendingEventOrdering.Detached,
-        });
-        event = mkEvent({
-            event: true,
-            type: "m.room.message",
-            user: "@user1:server",
-            room: "!room1:server",
-            content: {},
-        });
-        event.status = EventStatus.NOT_SENT;
-    });
-
-    const getComponent = () =>
-        render(<RoomStatusBar room={room} />, {
-            wrapper: ({ children }) => (
-                <MatrixClientContext.Provider value={client}>{children}</MatrixClientContext.Provider>
-            ),
-        });
-
-    describe("getUnsentMessages", () => {
-        it("returns no unsent messages", () => {
-            expect(getUnsentMessages(room)).toHaveLength(0);
-        });
-
-        it("checks the event status", () => {
-            room.addPendingEvent(event, "123");
-
-            expect(getUnsentMessages(room)).toHaveLength(1);
-            event.status = EventStatus.SENT;
-
-            expect(getUnsentMessages(room)).toHaveLength(0);
-        });
-
-        it("only returns events related to a thread", () => {
-            room.addPendingEvent(event, "123");
-
-            const { rootEvent, events } = mkThread({
-                room,
-                client,
-                authorId: "@alice:example.org",
-                participantUserIds: ["@alice:example.org"],
-                length: 2,
-            });
-            rootEvent.status = EventStatus.NOT_SENT;
-            room.addPendingEvent(rootEvent, rootEvent.getId()!);
-            for (const event of events) {
-                event.status = EventStatus.NOT_SENT;
-                room.addPendingEvent(event, Date.now() + Math.random() + "");
-            }
-
-            const pendingEvents = getUnsentMessages(room, rootEvent.getId());
-
-            expect(pendingEvents[0].threadRootId).toBe(rootEvent.getId());
-            expect(pendingEvents[1].threadRootId).toBe(rootEvent.getId());
-            expect(pendingEvents[2].threadRootId).toBe(rootEvent.getId());
-
-            // Filters out the non thread events
-            expect(pendingEvents.every((ev) => ev.getId() !== event.getId())).toBe(true);
-        });
-    });
-
-    describe("<RoomStatusBar />", () => {
-        it("should render nothing when room has no error or unsent messages", () => {
-            const { container } = getComponent();
-            expect(container.firstChild).toBe(null);
-        });
-
-        describe("unsent messages", () => {
-            it("should render warning when messages are unsent due to consent", () => {
-                const unsentMessage = mkEvent({
-                    event: true,
-                    type: "m.room.message",
-                    user: "@user1:server",
-                    room: "!room1:server",
-                    content: {},
-                });
-                unsentMessage.status = EventStatus.NOT_SENT;
-                unsentMessage.error = new MatrixError({
-                    errcode: "M_CONSENT_NOT_GIVEN",
-                    data: { consent_uri: "terms.com" },
-                });
-
-                room.addPendingEvent(unsentMessage, "123");
-
-                const { container } = getComponent();
-
-                expect(container).toMatchSnapshot();
-            });
-
-            it("should render warning when messages are unsent due to resource limit", () => {
-                const unsentMessage = mkEvent({
-                    event: true,
-                    type: "m.room.message",
-                    user: "@user1:server",
-                    room: "!room1:server",
-                    content: {},
-                });
-                unsentMessage.status = EventStatus.NOT_SENT;
-                unsentMessage.error = new MatrixError({
-                    errcode: "M_RESOURCE_LIMIT_EXCEEDED",
-                    data: { limit_type: "monthly_active_user" },
-                });
-
-                room.addPendingEvent(unsentMessage, "123");
-
-                const { container } = getComponent();
-
-                expect(container).toMatchSnapshot();
-            });
-        });
-    });
-});
diff --git a/test/unit-tests/components/structures/RoomStatusBarUnsentMessages-test.tsx b/test/unit-tests/components/structures/RoomStatusBarUnsentMessages-test.tsx
deleted file mode 100644
index d608cb0627..0000000000
--- a/test/unit-tests/components/structures/RoomStatusBarUnsentMessages-test.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2022 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import React from "react";
-import { render, screen } from "jest-matrix-react";
-
-import { RoomStatusBarUnsentMessages } from "../../../../src/components/structures/RoomStatusBarUnsentMessages";
-import { StaticNotificationState } from "../../../../src/stores/notifications/StaticNotificationState";
-
-describe("RoomStatusBarUnsentMessages", () => {
-    const title = "test title";
-    const description = "test description";
-    const buttonsText = "test buttons";
-    const buttons = <div>{buttonsText}</div>;
-
-    beforeEach(() => {
-        render(
-            <RoomStatusBarUnsentMessages
-                title={title}
-                description={description}
-                buttons={buttons}
-                notificationState={StaticNotificationState.RED_EXCLAMATION}
-            />,
-        );
-    });
-
-    it("should render the values passed as props", () => {
-        screen.getByText(title);
-        screen.getByText(description);
-        screen.getByText(buttonsText);
-        // notification state
-        screen.getByText("!");
-    });
-});
diff --git a/test/unit-tests/components/structures/RoomView-test.tsx b/test/unit-tests/components/structures/RoomView-test.tsx
index 58a26ab73e..ca1020a9b9 100644
--- a/test/unit-tests/components/structures/RoomView-test.tsx
+++ b/test/unit-tests/components/structures/RoomView-test.tsx
@@ -22,32 +22,23 @@ import {
     RoomStateEvent,
     SearchResult,
 } from "matrix-js-sdk/src/matrix";
-import { type CryptoApi, UserVerificationStatus, CryptoEvent } from "matrix-js-sdk/src/crypto-api";
+import { type CryptoApi, CryptoEvent, UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
 import { KnownMembership } from "matrix-js-sdk/src/types";
-import {
-    fireEvent,
-    render,
-    screen,
-    type RenderResult,
-    waitForElementToBeRemoved,
-    waitFor,
-    act,
-    cleanup,
-} from "jest-matrix-react";
+import { act, cleanup, fireEvent, render, type RenderResult, screen, waitFor } from "jest-matrix-react";
 import userEvent from "@testing-library/user-event";
 
 import {
-    stubClient,
-    mockPlatformPeg,
-    unmockPlatformPeg,
+    createTestClient,
+    emitPromise,
+    filterConsole,
     flushPromises,
     mkEvent,
-    setupAsyncStoreWithClient,
-    filterConsole,
     mkRoomMemberJoinEvent,
     mkThirdPartyInviteEvent,
-    emitPromise,
-    createTestClient,
+    mockPlatformPeg,
+    setupAsyncStoreWithClient,
+    stubClient,
+    unmockPlatformPeg,
     untilDispatch,
 } from "../../../test-utils";
 import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
@@ -594,12 +585,14 @@ describe("RoomView", () => {
 
         const { container } = await renderRoomView();
         // We no longer show the grey shield for encrypted rooms, so it should not be there.
-        await waitFor(() => expect(container.querySelector(".mx_E2EIcon_normal")).not.toBeInTheDocument());
+        await waitFor(() => expect(container.querySelector(".mx_E2EIcon")).not.toBeInTheDocument());
 
         const verificationStatus = new UserVerificationStatus(true, true, false);
         jest.spyOn(cli.getCrypto()!, "getUserVerificationStatus").mockResolvedValue(verificationStatus);
         cli.emit(CryptoEvent.UserTrustStatusChanged, cli.getSafeUserId(), verificationStatus);
-        await waitFor(() => expect(container.querySelector(".mx_E2EIcon_verified")).toBeInTheDocument());
+        await waitFor(() =>
+            expect(container.querySelector(".mx_E2EIcon")).toHaveAccessibleName("Everyone in this room is verified"),
+        );
     });
 
     describe("video rooms", () => {
@@ -628,6 +621,26 @@ describe("RoomView", () => {
             const { asFragment } = await mountRoomView();
             expect(asFragment()).toMatchSnapshot();
         });
+
+        it("should open timeline card when navigating to permalink", async () => {
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            await mountRoomView();
+
+            stores.rightPanelStore.setCard({ phase: RightPanelPhases.RoomSummary });
+
+            expect(stores.rightPanelStore.isOpen).toEqual(true);
+            expect(stores.rightPanelStore.currentCard.phase).not.toEqual(RightPanelPhases.Timeline);
+
+            await stores.roomViewStore.viewRoom({
+                action: Action.ViewRoom,
+                room_id: stores.roomViewStore.getRoomId()!,
+                event_id: "$eventId",
+                metricsTrigger: undefined,
+            });
+
+            expect(stores.rightPanelStore.isOpen).toEqual(true);
+            expect(stores.rightPanelStore.currentCard.phase).toEqual(RightPanelPhases.Timeline);
+        });
     });
 
     describe("for a local room", () => {
@@ -850,12 +863,13 @@ describe("RoomView", () => {
             await waitFor(() => {
                 expect(container.querySelector(".mx_RoomView_searchResultsPanel")).toBeVisible();
             });
-            const prom = waitForElementToBeRemoved(() => container.querySelector(".mx_RoomView_searchResultsPanel"));
 
             await userEvent.hover(getByText("search term"));
             await userEvent.click(await findByLabelText("Edit"));
 
-            await prom;
+            await waitFor(() => {
+                expect(container.querySelector(".mx_RoomView_searchResultsPanel")).not.toBeInTheDocument();
+            });
         });
 
         it("should switch rooms when edit is clicked on a search result for a different room", async () => {
diff --git a/test/unit-tests/components/structures/UserMenu-test.tsx b/test/unit-tests/components/structures/UserMenu-test.tsx
index 0bc9015c69..9f4bfd3d30 100644
--- a/test/unit-tests/components/structures/UserMenu-test.tsx
+++ b/test/unit-tests/components/structures/UserMenu-test.tsx
@@ -11,7 +11,7 @@ import { render, screen, waitFor } from "jest-matrix-react";
 import { DEVICE_CODE_SCOPE, type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
 import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
 import { mocked } from "jest-mock";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import UnwrappedUserMenu from "../../../../src/components/structures/UserMenu";
 import { stubClient, wrapInSdkContext } from "../../../test-utils";
diff --git a/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap
index 9d77be8b68..07c557e9d0 100644
--- a/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap
+++ b/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`FilePanel renders empty state 1`] = `
       </div>
       <button
         aria-labelledby="_r_0_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
diff --git a/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
index e6ad46de88..564aadaf87 100644
--- a/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
+++ b/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap
@@ -478,7 +478,19 @@ exports[`<MatrixChat /> with an existing session onAction() room actions leave_r
     class="mx_AccessibleButton mx_Dialog_cancelButton"
     role="button"
     tabindex="0"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+      />
+    </svg>
+  </div>
 </div>
 `;
 
@@ -535,6 +547,18 @@ exports[`<MatrixChat /> with an existing session onAction() room actions leave_r
     class="mx_AccessibleButton mx_Dialog_cancelButton"
     role="button"
     tabindex="0"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+      />
+    </svg>
+  </div>
 </div>
 `;
diff --git a/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
index 91a7bfb531..f31612ae13 100644
--- a/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
+++ b/test/unit-tests/components/structures/__snapshots__/MessagePanel-test.tsx.snap
@@ -39,8 +39,9 @@ exports[`MessagePanel should handle lots of membership events quickly 1`] = `
         >
           <div
             aria-label="Thu, Jan 1, 1970"
-            class="mx_TimelineSeparator"
+            class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
             role="separator"
+            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
           >
             <hr
               role="none"
@@ -61,10 +62,21 @@ exports[`MessagePanel should handle lots of membership events quickly 1`] = `
           </div>
         </li>
         <div
-          class="mx_EventTileBubble mx_HistoryTile"
+          class="_container_sq5fu_8 mx_EventTileBubble mx_HistoryTile"
         >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2t-2.325-.8L10.2 7.4q.424-.2.863-.3A4.2 4.2 0 0 1 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938t-.3.862m3.2 3.15-1.45-1.4a11 11 0 0 0 1.688-1.588A9 9 0 0 0 20.8 11.5q-1.25-2.524-3.588-4.013Q14.875 6 12 6q-.724 0-1.425.1a10 10 0 0 0-1.375.3L7.65 4.85A11.1 11.1 0 0 1 12 4q3.575 0 6.425 1.887T22.7 10.8a.8.8 0 0 1 .1.313q.025.188.025.387a2 2 0 0 1-.125.7 10.9 10.9 0 0 1-3.4 4.25m-.2 5.45-3.5-3.45q-.874.274-1.762.413Q12.95 19 12 19q-3.575 0-6.425-1.887T1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.763.8.8 0 0 1 .1-.3Q1.825 9.7 2.55 8.75A13.3 13.3 0 0 1 4.15 7L2.075 4.9a.93.93 0 0 1-.275-.688q0-.412.3-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.275.275.288.688a.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275M5.55 8.4q-.725.65-1.325 1.425A9 9 0 0 0 3.2 11.5q1.25 2.524 3.588 4.012T12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.274.075-.525.113A3.5 3.5 0 0 1 12 16q-1.875 0-3.187-1.312Q7.5 13.375 7.5 11.5q0-.274.038-.525.037-.25.112-.525z"
+            />
+          </svg>
           <div
-            class="mx_EventTileBubble_title"
+            class="_title_sq5fu_34"
           >
             You can't see earlier messages
           </div>
diff --git a/test/unit-tests/components/structures/__snapshots__/RoomStatusBar-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/RoomStatusBar-test.tsx.snap
deleted file mode 100644
index 78a5a19aed..0000000000
--- a/test/unit-tests/components/structures/__snapshots__/RoomStatusBar-test.tsx.snap
+++ /dev/null
@@ -1,182 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`RoomStatusBar <RoomStatusBar /> unsent messages should render warning when messages are unsent due to consent 1`] = `
-<div>
-  <div
-    class="mx_RoomStatusBar mx_RoomStatusBar_unsentMessages"
-  >
-    <div
-      role="alert"
-    >
-      <div
-        class="mx_RoomStatusBar_unsentBadge"
-      >
-        <div
-          class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_highlight mx_NotificationBadge_2char cpd-theme-light"
-        >
-          <span
-            class="mx_NotificationBadge_count"
-          >
-            !
-          </span>
-        </div>
-      </div>
-      <div>
-        <div
-          class="mx_RoomStatusBar_unsentTitle"
-        >
-          <span>
-            You can't send any messages until you review and agree to 
-            <a
-              class="mx_ExternalLink"
-              rel="noreferrer noopener"
-              target="_blank"
-            >
-              our terms and conditions
-              <svg
-                class="mx_ExternalLink_icon"
-                fill="currentColor"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2"
-                />
-                <path
-                  d="M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2"
-                />
-              </svg>
-            </a>
-            .
-          </span>
-        </div>
-        <div
-          class="mx_RoomStatusBar_unsentDescription"
-        >
-          You can select all or individual messages to retry or delete
-        </div>
-      </div>
-      <div
-        class="mx_RoomStatusBar_unsentButtonBar"
-      >
-        <div
-          class="mx_AccessibleButton"
-          role="button"
-          tabindex="0"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
-            />
-          </svg>
-          Delete all
-        </div>
-        <div
-          class="mx_AccessibleButton mx_RoomStatusBar_unsentRetry"
-          role="button"
-          tabindex="0"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
-            />
-          </svg>
-          Retry all
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`RoomStatusBar <RoomStatusBar /> unsent messages should render warning when messages are unsent due to resource limit 1`] = `
-<div>
-  <div
-    class="mx_RoomStatusBar mx_RoomStatusBar_unsentMessages"
-  >
-    <div
-      role="alert"
-    >
-      <div
-        class="mx_RoomStatusBar_unsentBadge"
-      >
-        <div
-          class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_highlight mx_NotificationBadge_2char cpd-theme-light"
-        >
-          <span
-            class="mx_NotificationBadge_count"
-          >
-            !
-          </span>
-        </div>
-      </div>
-      <div>
-        <div
-          class="mx_RoomStatusBar_unsentTitle"
-        >
-          Your message wasn't sent because this homeserver has exceeded a resource limit. Please contact your service administrator to continue using the service.
-        </div>
-        <div
-          class="mx_RoomStatusBar_unsentDescription"
-        >
-          You can select all or individual messages to retry or delete
-        </div>
-      </div>
-      <div
-        class="mx_RoomStatusBar_unsentButtonBar"
-      >
-        <div
-          class="mx_AccessibleButton"
-          role="button"
-          tabindex="0"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 5q0-.424.287-.713A.97.97 0 0 1 5 4h4q0-.424.287-.712A.97.97 0 0 1 10 3h4q.424 0 .713.288Q15 3.575 15 4h4q.424 0 .712.287Q20 4.576 20 5t-.288.713A.97.97 0 0 1 19 6v13q0 .824-.587 1.413A1.93 1.93 0 0 1 17 21zM7 6v13h10V6zm2 10q0 .424.287.712Q9.576 17 10 17t.713-.288A.97.97 0 0 0 11 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 9 9zm4 0q0 .424.287.712.288.288.713.288.424 0 .713-.288A.97.97 0 0 0 15 16V9a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 8a.97.97 0 0 0-.713.287A.97.97 0 0 0 13 9z"
-            />
-          </svg>
-          Delete all
-        </div>
-        <div
-          class="mx_AccessibleButton mx_RoomStatusBar_unsentRetry"
-          role="button"
-          tabindex="0"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
-            />
-          </svg>
-          Retry all
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
index 31cae614d7..8db7b094f5 100644
--- a/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
+++ b/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
@@ -152,15 +152,27 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
                 class="mx_NewRoomIntro"
               >
                 <div
-                  class="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon_warning"
+                  class="_container_sq5fu_8 mx_EventTileBubble mx_cryptoEvent"
                 >
+                  <svg
+                    color="var(--cpd-color-icon-critical-primary)"
+                    fill="currentColor"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+                    />
+                  </svg>
                   <div
-                    class="mx_EventTileBubble_title"
+                    class="_title_sq5fu_34"
                   >
                     End-to-end encryption isn't enabled
                   </div>
                   <div
-                    class="mx_EventTileBubble_subtitle"
+                    class="_subtitle_sq5fu_35"
                   >
                     <span>
                        
@@ -200,53 +212,61 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
         </div>
       </div>
       <div
-        class="mx_RoomStatusBar mx_RoomStatusBar_unsentMessages"
+        aria-labelledby="_r_ti_"
+        class="_banner_48r66_20"
+        data-type="critical"
+        role="status"
       >
         <div
-          role="alert"
+          class="_icon_48r66_63"
         >
-          <div
-            class="mx_RoomStatusBar_unsentBadge"
+          <svg
+            fill="currentColor"
+            font-size="24"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
           >
-            <div
-              class="mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_highlight mx_NotificationBadge_2char cpd-theme-light"
-            >
-              <span
-                class="mx_NotificationBadge_count"
-              >
-                !
-              </span>
-            </div>
-          </div>
-          <div>
-            <div
-              class="mx_RoomStatusBar_unsentTitle"
-            >
-              Some of your messages have not been sent
-            </div>
-          </div>
-          <div
-            class="mx_RoomStatusBar_unsentButtonBar"
+            <path
+              d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+            />
+          </svg>
+        </div>
+        <div
+          class="_content_48r66_51"
+        >
+          <p
+            class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55 _container_mqidv_1"
+            id="_r_ti_"
           >
-            <div
-              class="mx_AccessibleButton"
-              role="button"
-              tabindex="0"
+            Could not start a chat with this user
+          </p>
+        </div>
+        <div
+          class="_actions_48r66_83"
+        >
+          <button
+            class="_button_13vu4_8 _container_mqidv_1 _has-icon_13vu4_60"
+            data-kind="secondary"
+            data-size="sm"
+            role="button"
+            tabindex="0"
+          >
+            <svg
+              aria-hidden="true"
+              fill="currentColor"
+              height="20"
+              viewBox="0 0 24 24"
+              width="20"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                fill="currentColor"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
-                />
-              </svg>
-              Retry
-            </div>
-          </div>
+              <path
+                d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+              />
+            </svg>
+            Retry
+          </button>
         </div>
       </div>
     </main>
@@ -322,15 +342,27 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
                 class="mx_NewRoomIntro"
               >
                 <div
-                  class="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon_warning"
+                  class="_container_sq5fu_8 mx_EventTileBubble mx_cryptoEvent"
                 >
+                  <svg
+                    color="var(--cpd-color-icon-critical-primary)"
+                    fill="currentColor"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+                    />
+                  </svg>
                   <div
-                    class="mx_EventTileBubble_title"
+                    class="_title_sq5fu_34"
                   >
                     End-to-end encryption isn't enabled
                   </div>
                   <div
-                    class="mx_EventTileBubble_subtitle"
+                    class="_subtitle_sq5fu_35"
                   >
                     <span>
                        
@@ -385,7 +417,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
             >
               <svg
                 aria-label="Messages in this room are not end-to-end encrypted"
-                aria-labelledby="_r_o1_"
+                aria-labelledby="_r_qm_"
                 class="mx_E2EIcon mx_MessageComposer_e2eIcon"
                 color="var(--cpd-color-icon-info-primary)"
                 fill="currentColor"
@@ -685,15 +717,26 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
               style="height: 400px;"
             >
               <div
-                class="mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon"
+                class="_container_sq5fu_8 mx_EventTileBubble mx_cryptoEvent mx_cryptoEvent_icon"
               >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
+                  />
+                </svg>
                 <div
-                  class="mx_EventTileBubble_title"
+                  class="_title_sq5fu_34"
                 >
                   Encryption enabled
                 </div>
                 <div
-                  class="mx_EventTileBubble_subtitle"
+                  class="_subtitle_sq5fu_35"
                 >
                   Messages in this chat will be end-to-end encrypted.
                 </div>
@@ -1018,7 +1061,7 @@ exports[`RoomView invites renders an invite room 1`] = `
           Decline
         </div>
         <button
-          class="_button_187yx_8 _destructive_187yx_107"
+          class="_button_13vu4_8 _destructive_13vu4_110"
           data-kind="tertiary"
           data-size="lg"
           role="button"
@@ -1097,7 +1140,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
           <button
             aria-disabled="false"
             aria-label="Video call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1124,7 +1167,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
           <button
             aria-disabled="false"
             aria-label="Voice call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1151,7 +1194,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
           <button
             aria-label="Threads"
             aria-labelledby="_r_a_"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1178,7 +1221,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
           <button
             aria-label="Room info"
             aria-labelledby="_r_f_"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1338,7 +1381,7 @@ exports[`RoomView should hide the header when hideHeader=true 1`] = `
               >
                 <svg
                   aria-label="Messages in this room are not end-to-end encrypted"
-                  aria-labelledby="_r_10_"
+                  aria-labelledby="_r_12_"
                   class="mx_E2EIcon mx_MessageComposer_e2eIcon"
                   color="var(--cpd-color-icon-info-primary)"
                   fill="currentColor"
@@ -1636,7 +1679,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
           <button
             aria-disabled="false"
             aria-label="Video call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1647,7 +1690,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_5b_"
+                aria-labelledby="_r_5e_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -1663,7 +1706,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
           <button
             aria-disabled="false"
             aria-label="Voice call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1674,7 +1717,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_5g_"
+                aria-labelledby="_r_5j_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -1689,8 +1732,8 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
           </button>
           <button
             aria-label="Threads"
-            aria-labelledby="_r_5l_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_5o_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1716,8 +1759,8 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
           </button>
           <button
             aria-label="Room info"
-            aria-labelledby="_r_5q_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_5t_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -1746,7 +1789,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
           >
             <div
               aria-label="0 members"
-              aria-labelledby="_r_5v_"
+              aria-labelledby="_r_62_"
               class="mx_AccessibleButton mx_FacePile"
               role="button"
               tabindex="0"
@@ -1813,7 +1856,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
               >
                 <svg
                   aria-label="Messages in this room are not end-to-end encrypted"
-                  aria-labelledby="_r_6a_"
+                  aria-labelledby="_r_6e_"
                   class="mx_E2EIcon mx_MessageComposer_e2eIcon"
                   color="var(--cpd-color-icon-info-primary)"
                   fill="currentColor"
@@ -2111,7 +2154,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
           <button
             aria-disabled="false"
             aria-label="Video call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2122,7 +2165,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_2e_"
+                aria-labelledby="_r_2g_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -2138,7 +2181,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
           <button
             aria-disabled="false"
             aria-label="Voice call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2149,7 +2192,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_2j_"
+                aria-labelledby="_r_2l_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -2164,8 +2207,8 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
           </button>
           <button
             aria-label="Threads"
-            aria-labelledby="_r_2o_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_2q_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2191,8 +2234,8 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
           </button>
           <button
             aria-label="Room info"
-            aria-labelledby="_r_2t_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_2v_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2221,7 +2264,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
           >
             <div
               aria-label="0 members"
-              aria-labelledby="_r_32_"
+              aria-labelledby="_r_34_"
               class="mx_AccessibleButton mx_FacePile mx_FacePile_toggled"
               role="button"
               tabindex="0"
@@ -2288,7 +2331,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
               >
                 <svg
                   aria-label="Messages in this room are not end-to-end encrypted"
-                  aria-labelledby="_r_3d_"
+                  aria-labelledby="_r_3g_"
                   class="mx_E2EIcon mx_MessageComposer_e2eIcon"
                   color="var(--cpd-color-icon-info-primary)"
                   fill="currentColor"
@@ -2586,7 +2629,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           <button
             aria-disabled="false"
             aria-label="Video call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2597,7 +2640,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_f5_"
+                aria-labelledby="_r_fc_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -2613,7 +2656,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           <button
             aria-disabled="false"
             aria-label="Voice call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2624,7 +2667,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_fa_"
+                aria-labelledby="_r_fh_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -2639,8 +2682,8 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           </button>
           <button
             aria-label="Threads"
-            aria-labelledby="_r_ff_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_fm_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2666,8 +2709,8 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           </button>
           <button
             aria-label="Room info"
-            aria-labelledby="_r_fk_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_fr_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2696,7 +2739,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           >
             <div
               aria-label="0 members"
-              aria-labelledby="_r_fp_"
+              aria-labelledby="_r_g0_"
               class="mx_AccessibleButton mx_FacePile"
               role="button"
               tabindex="0"
@@ -2800,7 +2843,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           <button
             aria-disabled="false"
             aria-label="Video call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2811,7 +2854,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_f5_"
+                aria-labelledby="_r_fc_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -2827,7 +2870,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           <button
             aria-disabled="false"
             aria-label="Voice call"
-            class="_icon-button_1pz9o_8"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2838,7 +2881,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
               style="--cpd-icon-button-size: 100%;"
             >
               <svg
-                aria-labelledby="_r_fa_"
+                aria-labelledby="_r_fh_"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -2853,8 +2896,8 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           </button>
           <button
             aria-label="Threads"
-            aria-labelledby="_r_ff_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_fm_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2880,8 +2923,8 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           </button>
           <button
             aria-label="Room info"
-            aria-labelledby="_r_fk_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_fr_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -2910,7 +2953,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
           >
             <div
               aria-label="0 members"
-              aria-labelledby="_r_fp_"
+              aria-labelledby="_r_g0_"
               class="mx_AccessibleButton mx_FacePile"
               role="button"
               tabindex="0"
@@ -2979,13 +3022,13 @@ exports[`RoomView should not display the timeline when the room encryption is lo
                   tabindex="0"
                 >
                   <div
-                    aria-labelledby="_r_g4_"
+                    aria-labelledby="_r_gc_"
                     class="mx_E2EIcon mx_MessageComposer_e2eIcon"
                     data-testid="e2e-icon"
                     style="width: 12px; height: 12px;"
                   >
                     <svg
-                      class="mx_E2EIcon_verified"
+                      color="var(--cpd-color-icon-success-primary)"
                       fill="currentColor"
                       height="1em"
                       viewBox="0 0 24 24"
@@ -3314,8 +3357,8 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
           </button>
           <button
             aria-label="Chat"
-            aria-labelledby="_r_k7_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_kg_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -3341,8 +3384,8 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
           </button>
           <button
             aria-label="Threads"
-            aria-labelledby="_r_kc_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_kl_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -3368,8 +3411,8 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
           </button>
           <button
             aria-label="Room info"
-            aria-labelledby="_r_kh_"
-            class="_icon-button_1pz9o_8"
+            aria-labelledby="_r_kq_"
+            class="_icon-button_1215g_8"
             data-kind="primary"
             role="button"
             style="--cpd-icon-button-size: 32px;"
@@ -3398,7 +3441,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
           >
             <div
               aria-label="0 members"
-              aria-labelledby="_r_km_"
+              aria-labelledby="_r_kv_"
               class="mx_AccessibleButton mx_FacePile"
               role="button"
               tabindex="0"
@@ -3483,8 +3526,8 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
                 </p>
               </div>
               <button
-                aria-labelledby="_r_kv_"
-                class="_icon-button_1pz9o_8"
+                aria-labelledby="_r_l8_"
+                class="_icon-button_1215g_8"
                 data-kind="secondary"
                 data-testid="base-card-close-button"
                 role="button"
@@ -3543,7 +3586,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
                   >
                     <svg
                       aria-label="Messages in this room are not end-to-end encrypted"
-                      aria-labelledby="_r_l4_"
+                      aria-labelledby="_r_ld_"
                       class="mx_E2EIcon mx_MessageComposer_e2eIcon"
                       color="var(--cpd-color-icon-info-primary)"
                       fill="currentColor"
diff --git a/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
index fac0319a1a..0b7aa44459 100644
--- a/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
+++ b/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
@@ -131,18 +131,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_8_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_MwbPDmfGtm"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -229,18 +229,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_c_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_GQvdMWe954"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -328,18 +328,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_g_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_DVIAu5CsiH"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -449,11 +449,11 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                   class="_inline-field-control_19upo_44"
                 >
                   <div
-                    class="_container_1md5v_10"
+                    class="_container_153f2_10"
                   >
                     <input
                       aria-labelledby="_r_k_"
-                      class="_input_1md5v_18"
+                      class="_input_153f2_18"
                       disabled=""
                       id="checkbox_RD7nyrA2oh"
                       role="presentation"
@@ -461,7 +461,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                       type="checkbox"
                     />
                     <div
-                      class="_ui_1md5v_19"
+                      class="_ui_153f2_19"
                     >
                       <svg
                         aria-hidden="true"
@@ -549,18 +549,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_t_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_jWVJIPauy1"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -720,18 +720,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_3i_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_EetmBG4yVC"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -818,18 +818,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_3m_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_eEefiPqpMR"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -917,18 +917,18 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-labelledby="_r_3q_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_MwbPDmfGtm"
                     role="presentation"
                     tabindex="-1"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
diff --git a/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
index 84ee81bdd5..07fc57c9e4 100644
--- a/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
+++ b/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`ThreadPanel Header expect that All filter for ThreadPanelHeader properl
   >
     <button
       aria-labelledby="_r_0_"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -57,7 +57,7 @@ exports[`ThreadPanel Header expect that My filter for ThreadPanelHeader properly
   >
     <button
       aria-labelledby="_r_6_"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
diff --git a/test/unit-tests/components/structures/auth/Login-test.tsx b/test/unit-tests/components/structures/auth/Login-test.tsx
index d6fec89dcb..97737a84b7 100644
--- a/test/unit-tests/components/structures/auth/Login-test.tsx
+++ b/test/unit-tests/components/structures/auth/Login-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { fireEvent, render, screen, waitForElementToBeRemoved } from "jest-matrix-react";
 import { mocked, type MockedObject } from "jest-mock";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { DELEGATED_OIDC_COMPATIBILITY, IdentityProviderBrand, type OidcClientConfig } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import * as Matrix from "matrix-js-sdk/src/matrix";
@@ -18,7 +18,6 @@ import SdkConfig from "../../../../../src/SdkConfig";
 import { mkServerConfig, mockPlatformPeg, unmockPlatformPeg } from "../../../../test-utils";
 import Login from "../../../../../src/components/structures/auth/Login";
 import type BasePlatform from "../../../../../src/BasePlatform";
-import SettingsStore from "../../../../../src/settings/SettingsStore";
 import * as registerClientUtils from "../../../../../src/utils/oidc/registerClient";
 import { makeDelegatedAuthConfig } from "../../../../test-utils/oidc";
 
@@ -55,8 +54,6 @@ describe("Login", function () {
             mockClient.baseUrl = opts.baseUrl;
             return mockClient;
         });
-        fetchMock.resetBehavior();
-        fetchMock.resetHistory();
         fetchMock.get("https://matrix.org/_matrix/client/versions", {
             unstable_features: {},
             versions: ["v1.1"],
@@ -67,7 +64,6 @@ describe("Login", function () {
     });
 
     afterEach(function () {
-        fetchMock.restore();
         SdkConfig.reset(); // we touch the config, so clean up
         unmockPlatformPeg();
     });
@@ -327,7 +323,7 @@ describe("Login", function () {
     });
 
     it("should display an error when homeserver fails liveliness check", async () => {
-        fetchMock.resetBehavior();
+        fetchMock.removeRoutes();
         fetchMock.get("https://matrix.org/_matrix/client/versions", {
             status: 0,
         });
@@ -339,7 +335,7 @@ describe("Login", function () {
     });
 
     it("should reset liveliness error when server config changes", async () => {
-        fetchMock.resetBehavior();
+        fetchMock.removeRoutes();
         // matrix.org is not alive
         fetchMock.get("https://matrix.org/_matrix/client/versions", {
             status: 400,
@@ -376,21 +372,6 @@ describe("Login", function () {
             jest.spyOn(logger, "error").mockRestore();
         });
 
-        it("should not attempt registration when oidc native flow setting is disabled", async () => {
-            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
-
-            getComponent(hsUrl, isUrl, delegatedAuth);
-
-            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
-
-            // didn't try to register
-            expect(fetchMock).not.toHaveBeenCalledWith(delegatedAuth.registration_endpoint);
-            // continued with normal setup
-            expect(mockClient.loginFlows).toHaveBeenCalled();
-            // normal password login rendered
-            expect(screen.getByLabelText("Username")).toBeInTheDocument();
-        });
-
         it("should attempt to register oidc client", async () => {
             // dont mock, spy so we can check config values were correctly passed
             jest.spyOn(registerClientUtils, "getOidcClientId");
@@ -400,7 +381,7 @@ describe("Login", function () {
             await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
 
             // tried to register
-            expect(fetchMock).toHaveBeenCalledWith(delegatedAuth.registration_endpoint, expect.any(Object));
+            expect(fetchMock).toHaveFetched(delegatedAuth.registration_endpoint);
             // called with values from config
             expect(registerClientUtils.getOidcClientId).toHaveBeenCalledWith(delegatedAuth, oidcStaticClientsConfig);
         });
@@ -412,7 +393,7 @@ describe("Login", function () {
             await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
 
             // tried to register
-            expect(fetchMock).toHaveBeenCalledWith(delegatedAuth.registration_endpoint, expect.any(Object));
+            expect(fetchMock).toHaveFetched(delegatedAuth.registration_endpoint);
             expect(logger.error).toHaveBeenCalledWith(new Error(OidcError.DynamicRegistrationFailed));
 
             // continued with normal setup
@@ -432,38 +413,5 @@ describe("Login", function () {
             expect(mockClient.loginFlows).not.toHaveBeenCalled();
             expect(screen.getByText("Continue")).toBeInTheDocument();
         });
-
-        /**
-         * Oidc-aware flows still work while the oidc-native feature flag is disabled
-         */
-        it("should show oidc-aware flow for oidc-enabled homeserver when oidc native flow setting is disabled", async () => {
-            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
-            mockClient.loginFlows.mockResolvedValue({
-                flows: [
-                    {
-                        type: "m.login.sso",
-                        [DELEGATED_OIDC_COMPATIBILITY.name]: true,
-                    },
-                    {
-                        type: "m.login.password",
-                    },
-                ],
-            });
-
-            const { container } = getComponent(hsUrl, isUrl, delegatedAuth);
-
-            await waitForElementToBeRemoved(() => screen.queryAllByLabelText("Loading…"));
-
-            // didn't try to register
-            expect(fetchMock).not.toHaveBeenCalledWith(delegatedAuth.registration_endpoint);
-            // continued with normal setup
-            expect(mockClient.loginFlows).toHaveBeenCalled();
-            // oidc-aware 'continue' button displayed
-            const ssoButtons = container.querySelectorAll(".mx_SSOButton");
-            expect(ssoButtons.length).toBe(1);
-            expect(ssoButtons[0].textContent).toBe("Continue");
-            // no password form visible
-            expect(container.querySelector("form")).toBeFalsy();
-        });
     });
 });
diff --git a/test/unit-tests/components/structures/auth/Registration-test.tsx b/test/unit-tests/components/structures/auth/Registration-test.tsx
index 0a24fcf25b..20c6de1619 100644
--- a/test/unit-tests/components/structures/auth/Registration-test.tsx
+++ b/test/unit-tests/components/structures/auth/Registration-test.tsx
@@ -11,7 +11,7 @@ import React from "react";
 import { fireEvent, render, screen, waitFor, waitForElementToBeRemoved } from "jest-matrix-react";
 import { createClient, type MatrixClient, MatrixError, type OidcClientConfig } from "matrix-js-sdk/src/matrix";
 import { mocked, type MockedObject } from "jest-mock";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import SdkConfig, { DEFAULTS } from "../../../../../src/SdkConfig";
 import {
@@ -75,7 +75,6 @@ describe("Registration", function () {
 
     afterEach(function () {
         jest.restoreAllMocks();
-        fetchMock.restore();
         SdkConfig.reset(); // we touch the config, so clean up
         unmockPlatformPeg();
     });
diff --git a/test/unit-tests/components/structures/auth/__snapshots__/CompleteSecurity-test.tsx.snap b/test/unit-tests/components/structures/auth/__snapshots__/CompleteSecurity-test.tsx.snap
index 9606947f16..e22247b827 100644
--- a/test/unit-tests/components/structures/auth/__snapshots__/CompleteSecurity-test.tsx.snap
+++ b/test/unit-tests/components/structures/auth/__snapshots__/CompleteSecurity-test.tsx.snap
@@ -29,7 +29,19 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
                 class="mx_AccessibleButton mx_CompleteSecurity_skip"
                 role="button"
                 tabindex="0"
-              />
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                  />
+                </svg>
+              </div>
             </h1>
             <div
               class="mx_CompleteSecurity_body"
@@ -99,7 +111,7 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
                   class="mx_EncryptionCard_buttons"
                 >
                   <button
-                    class="_button_187yx_8"
+                    class="_button_13vu4_8"
                     data-kind="primary"
                     data-size="lg"
                     role="button"
@@ -119,7 +131,7 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
                      Use another device
                   </button>
                   <button
-                    class="_button_187yx_8"
+                    class="_button_13vu4_8"
                     data-kind="secondary"
                     data-size="lg"
                     role="button"
@@ -128,7 +140,7 @@ exports[`CompleteSecurity Allows verifying with another device if one is availab
                     Can't confirm?
                   </button>
                   <button
-                    class="_button_187yx_8"
+                    class="_button_13vu4_8"
                     data-kind="tertiary"
                     data-size="lg"
                     role="button"
@@ -209,7 +221,19 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
                 class="mx_AccessibleButton mx_CompleteSecurity_skip"
                 role="button"
                 tabindex="0"
-              />
+              >
+                <svg
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                  />
+                </svg>
+              </div>
             </h1>
             <div
               class="mx_CompleteSecurity_body"
@@ -279,7 +303,7 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
                   class="mx_EncryptionCard_buttons"
                 >
                   <button
-                    class="_button_187yx_8"
+                    class="_button_13vu4_8"
                     data-kind="primary"
                     data-size="lg"
                     role="button"
@@ -288,7 +312,7 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
                     Use recovery key
                   </button>
                   <button
-                    class="_button_187yx_8"
+                    class="_button_13vu4_8"
                     data-kind="secondary"
                     data-size="lg"
                     role="button"
@@ -297,7 +321,7 @@ exports[`CompleteSecurity Allows verifying with recovery key if one is available
                     Can't confirm?
                   </button>
                   <button
-                    class="_button_187yx_8"
+                    class="_button_13vu4_8"
                     data-kind="tertiary"
                     data-size="lg"
                     role="button"
diff --git a/test/unit-tests/components/viewmodels/composer/HistoryVisibleBannerViewModel-test.tsx b/test/unit-tests/components/viewmodels/composer/HistoryVisibleBannerViewModel-test.tsx
deleted file mode 100644
index b1ab6ef7ff..0000000000
--- a/test/unit-tests/components/viewmodels/composer/HistoryVisibleBannerViewModel-test.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { Room } from "matrix-js-sdk/src/matrix";
-
-import { SettingLevel } from "../../../../../src/settings/SettingLevel";
-import SettingsStore, { type CallbackFn } from "../../../../../src/settings/SettingsStore";
-import { mkEvent, stubClient, upsertRoomStateEvents } from "../../../../test-utils";
-import { HistoryVisibleBannerViewModel } from "../../../../../src/viewmodels/composer/HistoryVisibleBannerViewModel";
-
-describe("HistoryVisibleBannerViewModel", () => {
-    const ROOM_ID = "!roomId:example.org";
-
-    let room: Room;
-    let watcherCallbacks: CallbackFn[];
-    let acknowledgedHistoryVisibility: boolean;
-
-    beforeEach(() => {
-        watcherCallbacks = [];
-        acknowledgedHistoryVisibility = false;
-
-        jest.spyOn(SettingsStore, "setValue").mockImplementation(async (settingName, roomId, level, value) => {
-            if (settingName === "acknowledgedHistoryVisibility") {
-                acknowledgedHistoryVisibility = value;
-            }
-            watcherCallbacks.forEach((callbackFn) => callbackFn(settingName, roomId, level, value, value));
-        });
-
-        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName, roomId) => {
-            if (settingName === "acknowledgedHistoryVisibility") {
-                return acknowledgedHistoryVisibility;
-            }
-            if (settingName === "feature_share_history_on_invite") {
-                return true;
-            }
-            return SettingsStore.getDefaultValue(settingName);
-        });
-
-        jest.spyOn(SettingsStore, "watchSetting").mockImplementation((settingName, roomId, callbackFn) => {
-            watcherCallbacks.push(callbackFn);
-            return `mockWatcherId-${settingName}-${roomId}`;
-        });
-
-        stubClient();
-        room = new Room(ROOM_ID, {} as any, "@user:example.org");
-    });
-
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it("should not show the banner in unencrypted rooms", () => {
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: true, threadId: null });
-        expect(vm.getSnapshot().visible).toBe(false);
-    });
-
-    it("should not show the banner in encrypted rooms with joined history visibility", () => {
-        upsertRoomStateEvents(room, [
-            mkEvent({
-                event: true,
-                type: "m.room.encryption",
-                user: "@user1:server",
-                content: {},
-            }),
-            mkEvent({
-                event: true,
-                type: "m.room.history_visibility",
-                content: {
-                    history_visibility: "joined",
-                },
-                user: "@user1:server",
-            }),
-        ]);
-
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: true, threadId: null });
-        expect(vm.getSnapshot().visible).toBe(false);
-    });
-
-    it("should not show the banner if it has been dismissed", async () => {
-        await SettingsStore.setValue("acknowledgedHistoryVisibility", ROOM_ID, SettingLevel.ROOM_ACCOUNT, true);
-        upsertRoomStateEvents(room, [
-            mkEvent({
-                event: true,
-                type: "m.room.encryption",
-                user: "@user1:server",
-                content: {},
-            }),
-            mkEvent({
-                event: true,
-                type: "m.room.history_visibility",
-                user: "@user1:server",
-                content: {
-                    history_visibility: "shared",
-                },
-            }),
-        ]);
-
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: true, threadId: null });
-        expect(vm.getSnapshot().visible).toBe(false);
-        vm.dispose();
-    });
-
-    it("should not show the banner in threads", () => {
-        upsertRoomStateEvents(room, [
-            mkEvent({
-                event: true,
-                type: "m.room.encryption",
-                user: "@user1:server",
-                content: {},
-            }),
-            mkEvent({
-                event: true,
-                type: "m.room.history_visibility",
-                user: "@user1:server",
-                content: {
-                    history_visibility: "shared",
-                },
-            }),
-        ]);
-
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: true, threadId: "some thread ID" });
-        expect(vm.getSnapshot().visible).toBe(false);
-        vm.dispose();
-    });
-
-    it("should not show the banner if the user cannot send messages", () => {
-        upsertRoomStateEvents(room, [
-            mkEvent({
-                event: true,
-                type: "m.room.encryption",
-                user: "@user1:server",
-                content: {},
-            }),
-            mkEvent({
-                event: true,
-                type: "m.room.history_visibility",
-                user: "@user1:server",
-                content: {
-                    history_visibility: "shared",
-                },
-            }),
-        ]);
-
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: false, threadId: null });
-        expect(vm.getSnapshot().visible).toBe(false);
-        vm.dispose();
-    });
-
-    it("should not show the banner if history visibility is `invited`", () => {
-        upsertRoomStateEvents(room, [
-            mkEvent({
-                event: true,
-                type: "m.room.encryption",
-                user: "@user1:server",
-                content: {},
-            }),
-            mkEvent({
-                event: true,
-                type: "m.room.history_visibility",
-                user: "@user1:server",
-                content: {
-                    history_visibility: "invited",
-                },
-            }),
-        ]);
-
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: true, threadId: null });
-        expect(vm.getSnapshot().visible).toBe(false);
-        vm.dispose();
-    });
-
-    it("should show the banner in encrypted rooms with shared history visibility", async () => {
-        upsertRoomStateEvents(room, [
-            mkEvent({
-                event: true,
-                type: "m.room.encryption",
-                user: "@user1:server",
-                content: {},
-            }),
-            mkEvent({
-                event: true,
-                type: "m.room.history_visibility",
-                user: "@user1:server",
-                content: {
-                    history_visibility: "shared",
-                },
-            }),
-        ]);
-
-        const vm = new HistoryVisibleBannerViewModel({ room, canSendMessages: true, threadId: null });
-        expect(vm.getSnapshot().visible).toBe(true);
-        await vm.onClose();
-        expect(vm.getSnapshot().visible).toBe(false);
-    });
-});
diff --git a/test/unit-tests/components/viewmodels/roomlist/MessagePreviewViewModel-test.tsx b/test/unit-tests/components/viewmodels/roomlist/MessagePreviewViewModel-test.tsx
deleted file mode 100644
index 6c5b121022..0000000000
--- a/test/unit-tests/components/viewmodels/roomlist/MessagePreviewViewModel-test.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { renderHook, waitFor } from "jest-matrix-react";
-import { type Room } from "matrix-js-sdk/src/matrix";
-
-import { createTestClient, mkStubRoom } from "../../../../test-utils";
-import { type MessagePreview, MessagePreviewStore } from "../../../../../src/stores/room-list/MessagePreviewStore";
-import { useMessagePreviewViewModel } from "../../../../../src/components/viewmodels/roomlist/MessagePreviewViewModel";
-
-describe("MessagePreviewViewModel", () => {
-    let room: Room;
-
-    beforeEach(() => {
-        const matrixClient = createTestClient();
-        room = mkStubRoom("roomId", "roomName", matrixClient);
-    });
-
-    it("should do an initial fetch of the message preview", async () => {
-        // Mock the store to return some text.
-        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockImplementation(async (room) => {
-            return { text: "Hello world!" } as MessagePreview;
-        });
-
-        const { result: vm } = renderHook(() => useMessagePreviewViewModel(room));
-
-        // Eventually, vm.message should have the text from the store.
-        await waitFor(() => {
-            expect(vm.current.message).toEqual("Hello world!");
-        });
-    });
-
-    it("should fetch message preview again on update from store", async () => {
-        // Mock the store to return the text in variable message.
-        let message = "Hello World!";
-        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockImplementation(async (room) => {
-            return { text: message } as MessagePreview;
-        });
-        jest.spyOn(MessagePreviewStore, "getPreviewChangedEventName").mockImplementation((room) => {
-            return "UPDATE";
-        });
-
-        const { result: vm } = renderHook(() => useMessagePreviewViewModel(room));
-
-        // Let's assume the message changed.
-        message = "New message!";
-        MessagePreviewStore.instance.emit("UPDATE");
-
-        /// vm.message should be the updated message.
-        await waitFor(() => {
-            expect(vm.current.message).toEqual(message);
-        });
-    });
-});
diff --git a/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx b/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx
deleted file mode 100644
index ba93dc9072..0000000000
--- a/test/unit-tests/components/viewmodels/roomlist/RoomListHeaderViewModel-test.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { renderHook, act } from "jest-matrix-react";
-import { JoinRule, type MatrixClient, type Room, RoomType } from "matrix-js-sdk/src/matrix";
-import { mocked } from "jest-mock";
-import { range } from "lodash";
-
-import { useRoomListHeaderViewModel } from "../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel";
-import SpaceStore from "../../../../../src/stores/spaces/SpaceStore";
-import { mkStubRoom, stubClient, withClientContextRenderOptions } from "../../../../test-utils";
-import SettingsStore from "../../../../../src/settings/SettingsStore";
-import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
-import { Action } from "../../../../../src/dispatcher/actions";
-import {
-    shouldShowSpaceSettings,
-    showCreateNewRoom,
-    showSpaceInvite,
-    showSpacePreferences,
-    showSpaceSettings,
-} from "../../../../../src/utils/space";
-import { createRoom, hasCreateRoomRights } from "../../../../../src/components/viewmodels/roomlist/utils";
-import RoomListStoreV3 from "../../../../../src/stores/room-list-v3/RoomListStoreV3";
-import { SortOption } from "../../../../../src/components/viewmodels/roomlist/useSorter";
-import { SortingAlgorithm } from "../../../../../src/stores/room-list-v3/skip-list/sorters";
-
-jest.mock("../../../../../src/components/viewmodels/roomlist/utils", () => ({
-    hasCreateRoomRights: jest.fn().mockReturnValue(false),
-    createRoom: jest.fn(),
-}));
-
-jest.mock("../../../../../src/utils/space", () => ({
-    shouldShowSpaceSettings: jest.fn(),
-    showCreateNewRoom: jest.fn(),
-    showSpaceInvite: jest.fn(),
-    showSpacePreferences: jest.fn(),
-    showSpaceSettings: jest.fn(),
-}));
-
-describe("useRoomListHeaderViewModel", () => {
-    let matrixClient: MatrixClient;
-    let space: Room;
-
-    beforeEach(() => {
-        matrixClient = stubClient();
-        space = mkStubRoom("spaceId", "spaceName", matrixClient);
-        jest.spyOn(SettingsStore, "getValue").mockImplementation((name: string): any => {
-            if (name === "RoomList.preferredSorting") return SortingAlgorithm.Recency;
-        });
-    });
-
-    afterEach(() => {
-        jest.resetAllMocks();
-    });
-
-    function render() {
-        return renderHook(() => useRoomListHeaderViewModel(), withClientContextRenderOptions(matrixClient));
-    }
-
-    describe("title", () => {
-        it("should return Home as title", () => {
-            const { result } = render();
-            expect(result.current.title).toStrictEqual("Home");
-        });
-
-        it("should return the current space name as title", () => {
-            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-            const { result } = render();
-
-            expect(result.current.title).toStrictEqual("spaceName");
-        });
-    });
-
-    it("should be displayComposeMenu=true and canCreateRoom=true if the user can creates room", () => {
-        mocked(hasCreateRoomRights).mockReturnValue(false);
-        const { result, rerender } = render();
-        expect(result.current.displayComposeMenu).toBe(false);
-        expect(result.current.canCreateRoom).toBe(false);
-
-        mocked(hasCreateRoomRights).mockReturnValue(true);
-        rerender();
-        expect(result.current.displayComposeMenu).toBe(true);
-        expect(result.current.canCreateRoom).toBe(true);
-    });
-
-    it("should be displaySpaceMenu=true if the user is in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = render();
-        expect(result.current.displaySpaceMenu).toBe(true);
-    });
-
-    it("should be canInviteInSpace=true if the space join rule is public", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        jest.spyOn(space, "getJoinRule").mockReturnValue(JoinRule.Public);
-
-        const { result } = render();
-        expect(result.current.displaySpaceMenu).toBe(true);
-    });
-
-    it("should be canInviteInSpace=true if the user has the right", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        jest.spyOn(space, "canInvite").mockReturnValue(true);
-
-        const { result } = render();
-        expect(result.current.displaySpaceMenu).toBe(true);
-    });
-
-    it("should be canAccessSpaceSettings=true if the user has the right", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        mocked(shouldShowSpaceSettings).mockReturnValue(true);
-
-        const { result } = render();
-        expect(result.current.canAccessSpaceSettings).toBe(true);
-    });
-
-    it("should be canCreateVideoRoom=true if feature_video_rooms is enabled and can create room", () => {
-        mocked(hasCreateRoomRights).mockReturnValue(true);
-        jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
-
-        const { result } = render();
-        expect(result.current.canCreateVideoRoom).toBe(true);
-    });
-
-    it("should fire Action.CreateChat when createChatRoom is called", () => {
-        const spy = jest.spyOn(defaultDispatcher, "fire");
-        const { result } = render();
-        result.current.createChatRoom(new Event("click"));
-
-        expect(spy).toHaveBeenCalledWith(Action.CreateChat);
-    });
-
-    it("should call createRoom from utils when createRoom is called", () => {
-        const { result } = render();
-        result.current.createRoom(new Event("click"));
-
-        expect(createRoom).toHaveBeenCalled();
-    });
-
-    it("should call createRoom from utils when createRoom is called in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = render();
-        result.current.createRoom(new Event("click"));
-
-        expect(createRoom).toHaveBeenCalledWith(space);
-    });
-
-    it("should fire Action.CreateRoom with RoomType.UnstableCall when createVideoRoom is called and feature_element_call_video_rooms is enabled", () => {
-        jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
-        const spy = jest.spyOn(defaultDispatcher, "dispatch");
-        const { result } = render();
-        result.current.createVideoRoom();
-
-        expect(spy).toHaveBeenCalledWith({ action: Action.CreateRoom, type: RoomType.UnstableCall });
-    });
-
-    it("should fire Action.CreateRoom with RoomType.ElementVideo when createVideoRoom is called and feature_element_call_video_rooms is disabled", () => {
-        jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
-        const spy = jest.spyOn(defaultDispatcher, "dispatch");
-        const { result } = render();
-        result.current.createVideoRoom();
-
-        expect(spy).toHaveBeenCalledWith({ action: Action.CreateRoom, type: RoomType.ElementVideo });
-    });
-
-    it("should call showCreateNewRoom when createVideoRoom is called in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = render();
-        result.current.createVideoRoom();
-
-        expect(showCreateNewRoom).toHaveBeenCalledWith(space, RoomType.ElementVideo);
-    });
-
-    it("should fire Action.ViewRoom when openSpaceHome is called in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const spy = jest.spyOn(defaultDispatcher, "dispatch");
-        const { result } = render();
-        result.current.openSpaceHome();
-
-        expect(spy).toHaveBeenCalledWith({ action: Action.ViewRoom, room_id: space.roomId, metricsTrigger: undefined });
-    });
-
-    it("should call showSpaceInvite when inviteInSpace is called in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = render();
-        result.current.inviteInSpace();
-
-        expect(showSpaceInvite).toHaveBeenCalledWith(space);
-    });
-
-    it("should call showSpacePreferences when openSpacePreferences is called in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = render();
-        result.current.openSpacePreferences();
-
-        expect(showSpacePreferences).toHaveBeenCalledWith(space);
-    });
-
-    it("should call showSpaceSettings when openSpaceSettings is called in a space", () => {
-        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(space);
-        const { result } = render();
-        result.current.openSpaceSettings();
-
-        expect(showSpaceSettings).toHaveBeenCalledWith(space);
-    });
-
-    describe("Sorting", () => {
-        function mockAndCreateRooms() {
-            const rooms = range(10).map((i) => mkStubRoom(`foo${i}:matrix.org`, `Foo ${i}`, undefined));
-            const fn = jest
-                .spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace")
-                .mockImplementation(() => ({ spaceId: "home", rooms: [...rooms] }));
-            return { rooms, fn };
-        }
-
-        it("should change sort order", () => {
-            mockAndCreateRooms();
-            const { result: vm } = render();
-
-            const resort = jest.spyOn(RoomListStoreV3.instance, "resort").mockImplementation(() => {});
-
-            // Change the sort option
-            act(() => {
-                vm.current.sort(SortOption.AToZ);
-            });
-
-            // Resort method in RLS must have been called
-            expect(resort).toHaveBeenCalledWith(SortingAlgorithm.Alphabetic);
-        });
-
-        it("should set activeSortOption based on value from settings", () => {
-            // Let's say that the user's preferred sorting is alphabetic
-            jest.spyOn(SettingsStore, "getValue").mockImplementation(() => SortingAlgorithm.Alphabetic);
-
-            mockAndCreateRooms();
-            const { result: vm } = render();
-            expect(vm.current.activeSortOption).toEqual(SortOption.AToZ);
-        });
-    });
-});
diff --git a/test/unit-tests/components/viewmodels/roomlist/RoomListItemMenuViewModel-test.tsx b/test/unit-tests/components/viewmodels/roomlist/RoomListItemMenuViewModel-test.tsx
deleted file mode 100644
index d017084db5..0000000000
--- a/test/unit-tests/components/viewmodels/roomlist/RoomListItemMenuViewModel-test.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { renderHook } from "jest-matrix-react";
-import { mocked } from "jest-mock";
-import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
-
-import { mkStubRoom, stubClient, withClientContextRenderOptions } from "../../../../test-utils";
-import { useRoomListItemMenuViewModel } from "../../../../../src/components/viewmodels/roomlist/RoomListItemMenuViewModel";
-import {
-    hasAccessToNotificationMenu,
-    hasAccessToOptionsMenu,
-} from "../../../../../src/components/viewmodels/roomlist/utils";
-import DMRoomMap from "../../../../../src/utils/DMRoomMap";
-import { DefaultTagID } from "../../../../../src/stores/room-list/models";
-import { useUnreadNotifications } from "../../../../../src/hooks/useUnreadNotifications";
-import { NotificationLevel } from "../../../../../src/stores/notifications/NotificationLevel";
-import { clearRoomNotification, setMarkedUnreadState } from "../../../../../src/utils/notifications";
-import { tagRoom } from "../../../../../src/utils/room/tagRoom";
-import dispatcher from "../../../../../src/dispatcher/dispatcher";
-import { useNotificationState } from "../../../../../src/hooks/useRoomNotificationState";
-import { RoomNotifState } from "../../../../../src/RoomNotifs";
-
-jest.mock("../../../../../src/components/viewmodels/roomlist/utils", () => ({
-    hasAccessToOptionsMenu: jest.fn().mockReturnValue(false),
-    hasAccessToNotificationMenu: jest.fn().mockReturnValue(false),
-}));
-
-jest.mock("../../../../../src/hooks/useUnreadNotifications", () => ({
-    useUnreadNotifications: jest.fn(),
-}));
-
-jest.mock("../../../../../src/hooks/useRoomNotificationState", () => ({
-    useNotificationState: jest.fn(),
-}));
-
-jest.mock("../../../../../src/utils/notifications", () => ({
-    clearRoomNotification: jest.fn(),
-    setMarkedUnreadState: jest.fn(),
-}));
-
-jest.mock("../../../../../src/utils/room/tagRoom", () => ({
-    tagRoom: jest.fn(),
-}));
-
-describe("RoomListItemMenuViewModel", () => {
-    let matrixClient: MatrixClient;
-    let room: Room;
-
-    beforeEach(() => {
-        matrixClient = stubClient();
-        room = mkStubRoom("roomId", "roomName", matrixClient);
-
-        DMRoomMap.makeShared(matrixClient);
-        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
-
-        mocked(useUnreadNotifications).mockReturnValue({ symbol: null, count: 0, level: NotificationLevel.None });
-        mocked(useNotificationState).mockReturnValue([RoomNotifState.AllMessages, jest.fn()]);
-        jest.spyOn(dispatcher, "dispatch");
-    });
-
-    afterEach(() => {
-        jest.resetAllMocks();
-    });
-
-    function render() {
-        return renderHook(() => useRoomListItemMenuViewModel(room), withClientContextRenderOptions(matrixClient));
-    }
-
-    it("default", () => {
-        const { result } = render();
-        expect(result.current.showMoreOptionsMenu).toBe(false);
-        expect(result.current.canInvite).toBe(false);
-        expect(result.current.isFavourite).toBe(false);
-        expect(result.current.canCopyRoomLink).toBe(true);
-        expect(result.current.canMarkAsRead).toBe(false);
-        expect(result.current.canMarkAsUnread).toBe(true);
-    });
-
-    it("should has showMoreOptionsMenu to be true", () => {
-        mocked(hasAccessToOptionsMenu).mockReturnValue(true);
-        const { result } = render();
-        expect(result.current.showMoreOptionsMenu).toBe(true);
-    });
-
-    it("should has showNotificationMenu to be true", () => {
-        mocked(hasAccessToNotificationMenu).mockReturnValue(true);
-        const { result } = render();
-        expect(result.current.showNotificationMenu).toBe(true);
-    });
-
-    it("should be able to invite", () => {
-        jest.spyOn(room, "canInvite").mockReturnValue(true);
-        const { result } = render();
-        expect(result.current.canInvite).toBe(true);
-    });
-
-    it("should be a favourite", () => {
-        room.tags = { [DefaultTagID.Favourite]: { order: 0 } };
-        const { result } = render();
-        expect(result.current.isFavourite).toBe(true);
-    });
-
-    it("should not be able to copy the room link", () => {
-        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue("userId");
-        const { result } = render();
-        expect(result.current.canCopyRoomLink).toBe(false);
-    });
-
-    it("should be able to mark as read", () => {
-        // Add a notification
-        mocked(useUnreadNotifications).mockReturnValue({
-            symbol: null,
-            count: 1,
-            level: NotificationLevel.Notification,
-        });
-        const { result } = render();
-        expect(result.current.canMarkAsRead).toBe(true);
-        expect(result.current.canMarkAsUnread).toBe(false);
-    });
-
-    it("should has isNotificationAllMessage to be true", () => {
-        const { result } = render();
-        expect(result.current.isNotificationAllMessage).toBe(true);
-    });
-
-    it("should has isNotificationAllMessageLoud to be true", () => {
-        mocked(useNotificationState).mockReturnValue([RoomNotifState.AllMessagesLoud, jest.fn()]);
-        const { result } = render();
-        expect(result.current.isNotificationAllMessageLoud).toBe(true);
-    });
-
-    it("should has isNotificationMentionOnly to be true", () => {
-        mocked(useNotificationState).mockReturnValue([RoomNotifState.MentionsOnly, jest.fn()]);
-        const { result } = render();
-        expect(result.current.isNotificationMentionOnly).toBe(true);
-    });
-
-    it("should has isNotificationMute to be true", () => {
-        mocked(useNotificationState).mockReturnValue([RoomNotifState.Mute, jest.fn()]);
-        const { result } = render();
-        expect(result.current.isNotificationMute).toBe(true);
-    });
-
-    // Actions
-
-    it("should mark as read", () => {
-        const { result } = render();
-        result.current.markAsRead(new Event("click"));
-        expect(mocked(clearRoomNotification)).toHaveBeenCalledWith(room, matrixClient);
-    });
-
-    it("should mark as unread", () => {
-        const { result } = render();
-        result.current.markAsUnread(new Event("click"));
-        expect(mocked(setMarkedUnreadState)).toHaveBeenCalledWith(room, matrixClient, true);
-    });
-
-    it("should tag a room as favourite", () => {
-        const { result } = render();
-        result.current.toggleFavorite(new Event("click"));
-        expect(mocked(tagRoom)).toHaveBeenCalledWith(room, DefaultTagID.Favourite);
-    });
-
-    it("should tag a room as low priority", () => {
-        const { result } = render();
-        result.current.toggleLowPriority();
-        expect(mocked(tagRoom)).toHaveBeenCalledWith(room, DefaultTagID.LowPriority);
-    });
-
-    it("should dispatch invite action", () => {
-        const { result } = render();
-        result.current.invite(new Event("click"));
-        expect(dispatcher.dispatch).toHaveBeenCalledWith({
-            action: "view_invite",
-            roomId: room.roomId,
-        });
-    });
-
-    it("should dispatch a copy room action", () => {
-        const { result } = render();
-        result.current.copyRoomLink(new Event("click"));
-        expect(dispatcher.dispatch).toHaveBeenCalledWith({
-            action: "copy_room",
-            room_id: room.roomId,
-        });
-    });
-
-    it("should dispatch forget room action", () => {
-        // forget room is only available for archived rooms
-        room.tags = { [DefaultTagID.Archived]: { order: 0 } };
-
-        const { result } = render();
-        result.current.leaveRoom(new Event("click"));
-        expect(dispatcher.dispatch).toHaveBeenCalledWith({
-            action: "forget_room",
-            room_id: room.roomId,
-        });
-    });
-
-    it("should dispatch leave room action", () => {
-        const { result } = render();
-        result.current.leaveRoom(new Event("click"));
-        expect(dispatcher.dispatch).toHaveBeenCalledWith({
-            action: "leave_room",
-            room_id: room.roomId,
-        });
-    });
-
-    it("should call setRoomNotifState", () => {
-        const setRoomNotifState = jest.fn();
-        mocked(useNotificationState).mockReturnValue([RoomNotifState.AllMessages, setRoomNotifState]);
-        const { result } = render();
-        result.current.setRoomNotifState(RoomNotifState.Mute);
-        expect(setRoomNotifState).toHaveBeenCalledWith(RoomNotifState.Mute);
-    });
-});
diff --git a/test/unit-tests/components/viewmodels/roomlist/RoomListItemViewModel-test.tsx b/test/unit-tests/components/viewmodels/roomlist/RoomListItemViewModel-test.tsx
deleted file mode 100644
index 96bc53016e..0000000000
--- a/test/unit-tests/components/viewmodels/roomlist/RoomListItemViewModel-test.tsx
+++ /dev/null
@@ -1,280 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { renderHook, waitFor } from "jest-matrix-react";
-import { type Room } from "matrix-js-sdk/src/matrix";
-import { mocked } from "jest-mock";
-
-import dispatcher from "../../../../../src/dispatcher/dispatcher";
-import { Action } from "../../../../../src/dispatcher/actions";
-import { useRoomListItemViewModel } from "../../../../../src/components/viewmodels/roomlist/RoomListItemViewModel";
-import { createTestClient, mkStubRoom, withClientContextRenderOptions } from "../../../../test-utils";
-import {
-    hasAccessToNotificationMenu,
-    hasAccessToOptionsMenu,
-} from "../../../../../src/components/viewmodels/roomlist/utils";
-import { RoomNotificationState } from "../../../../../src/stores/notifications/RoomNotificationState";
-import { RoomNotificationStateStore } from "../../../../../src/stores/notifications/RoomNotificationStateStore";
-import * as UseCallModule from "../../../../../src/hooks/useCall";
-import { type MessagePreview, MessagePreviewStore } from "../../../../../src/stores/room-list/MessagePreviewStore";
-import DMRoomMap from "../../../../../src/utils/DMRoomMap";
-import { useMessagePreviewToggle } from "../../../../../src/components/viewmodels/roomlist/useMessagePreviewToggle";
-
-jest.mock("../../../../../src/components/viewmodels/roomlist/utils", () => ({
-    hasAccessToOptionsMenu: jest.fn().mockReturnValue(false),
-    hasAccessToNotificationMenu: jest.fn().mockReturnValue(false),
-}));
-
-jest.mock("../../../../../src/components/viewmodels/roomlist/useMessagePreviewToggle", () => ({
-    useMessagePreviewToggle: jest.fn().mockReturnValue({ shouldShowMessagePreview: true }),
-}));
-
-describe("RoomListItemViewModel", () => {
-    let room: Room;
-
-    beforeEach(() => {
-        const matrixClient = createTestClient();
-        room = mkStubRoom("roomId", "roomName", matrixClient);
-
-        const dmRoomMap = {
-            getUserIdForRoomId: jest.fn(),
-            getDMRoomsForUserId: jest.fn(),
-        } as unknown as DMRoomMap;
-        DMRoomMap.setShared(dmRoomMap);
-
-        mocked(useMessagePreviewToggle).mockReturnValue({
-            shouldShowMessagePreview: false,
-            toggleMessagePreview: jest.fn(),
-        });
-    });
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("should dispatch view room action on openRoom", async () => {
-        const { result: vm } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-
-        const fn = jest.spyOn(dispatcher, "dispatch");
-        vm.current.openRoom();
-        expect(fn).toHaveBeenCalledWith(
-            expect.objectContaining({
-                action: Action.ViewRoom,
-                room_id: room.roomId,
-                metricsTrigger: "RoomList",
-            }),
-        );
-    });
-
-    it("should show context menu if user has access to options menu", async () => {
-        mocked(hasAccessToOptionsMenu).mockReturnValue(true);
-        const { result: vm } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-        expect(vm.current.showContextMenu).toBe(true);
-    });
-
-    it("should show hover menu if user has access to options menu", async () => {
-        mocked(hasAccessToOptionsMenu).mockReturnValue(true);
-        const { result: vm } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-        expect(vm.current.showHoverMenu).toBe(true);
-    });
-
-    it("should show hover menu if user has access to notification menu", async () => {
-        mocked(hasAccessToNotificationMenu).mockReturnValue(true);
-        const { result: vm } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-        expect(vm.current.showHoverMenu).toBe(true);
-    });
-
-    it("should not show hover menu if user has an invitation notification", async () => {
-        mocked(hasAccessToOptionsMenu).mockReturnValue(true);
-
-        const notificationState = new RoomNotificationState(room, false);
-        jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(notificationState);
-        jest.spyOn(notificationState, "invited", "get").mockReturnValue(false);
-
-        const { result: vm } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-        expect(vm.current.showHoverMenu).toBe(true);
-    });
-
-    it("should return a message preview if one is available and they are enabled", async () => {
-        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
-            text: "Message look like this",
-        } as MessagePreview);
-        mocked(useMessagePreviewToggle).mockReturnValue({
-            shouldShowMessagePreview: true,
-            toggleMessagePreview: jest.fn(),
-        });
-
-        const { result: vm } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-        await waitFor(() => expect(vm.current.messagePreview).toBe("Message look like this"));
-    });
-
-    it("should hide message previews when disabled", async () => {
-        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
-            text: "Message look like this",
-        } as MessagePreview);
-
-        const { result: vm, rerender } = renderHook(
-            () => useRoomListItemViewModel(room),
-            withClientContextRenderOptions(room.client),
-        );
-
-        // This doesn't seem to test that the hook actually triggers an update,
-        // but I can't see how to test that.
-        rerender();
-
-        expect(vm.current.messagePreview).toBe(undefined);
-    });
-
-    it("should check message preview when room change", async () => {
-        const otherRoom = mkStubRoom("roomId2", "roomName2", room.client);
-
-        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
-            text: "Message look like this",
-        } as MessagePreview);
-        mocked(useMessagePreviewToggle).mockReturnValue({
-            shouldShowMessagePreview: true,
-            toggleMessagePreview: jest.fn(),
-        });
-
-        const { result: vm, rerender } = renderHook((props) => useRoomListItemViewModel(props), {
-            initialProps: room,
-            ...withClientContextRenderOptions(room.client),
-        });
-        await waitFor(() => expect(vm.current.messagePreview).toBe("Message look like this"));
-
-        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue(null);
-        rerender(otherRoom);
-        await waitFor(() => expect(vm.current.messagePreview).toBe(undefined));
-    });
-
-    describe("notification", () => {
-        let notificationState: RoomNotificationState;
-        beforeEach(() => {
-            notificationState = new RoomNotificationState(room, false);
-            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(notificationState);
-        });
-
-        it("should show notification decoration if there is call has participant", () => {
-            jest.spyOn(UseCallModule, "useParticipantCount").mockReturnValue(1);
-
-            const { result: vm } = renderHook(
-                () => useRoomListItemViewModel(room),
-                withClientContextRenderOptions(room.client),
-            );
-            expect(vm.current.showNotificationDecoration).toBe(true);
-        });
-
-        it.each([
-            {
-                label: "hasAnyNotificationOrActivity",
-                mock: () => jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true),
-            },
-            { label: "muted", mock: () => jest.spyOn(notificationState, "muted", "get").mockReturnValue(true) },
-        ])("should show notification decoration if $label=true", ({ mock }) => {
-            mock();
-            const { result: vm } = renderHook(
-                () => useRoomListItemViewModel(room),
-                withClientContextRenderOptions(room.client),
-            );
-            expect(vm.current.showNotificationDecoration).toBe(true);
-        });
-
-        it("should be bold if there is a notification", () => {
-            jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
-
-            const { result: vm } = renderHook(
-                () => useRoomListItemViewModel(room),
-                withClientContextRenderOptions(room.client),
-            );
-            expect(vm.current.isBold).toBe(true);
-        });
-
-        it("should recompute notification state when room changes", () => {
-            const newRoom = mkStubRoom("room2", "Room 2", room.client);
-            const newNotificationState = new RoomNotificationState(newRoom, false);
-
-            const { result, rerender } = renderHook((room) => useRoomListItemViewModel(room), {
-                ...withClientContextRenderOptions(room.client),
-                initialProps: room,
-            });
-
-            expect(result.current.showNotificationDecoration).toBe(false);
-
-            jest.spyOn(newNotificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
-            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(newNotificationState);
-            rerender(newRoom);
-
-            expect(result.current.showNotificationDecoration).toBe(true);
-        });
-    });
-
-    describe("a11yLabel", () => {
-        let notificationState: RoomNotificationState;
-        beforeEach(() => {
-            notificationState = new RoomNotificationState(room, false);
-            jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(notificationState);
-        });
-
-        it.each([
-            {
-                label: "unsent message",
-                mock: () => jest.spyOn(notificationState, "isUnsentMessage", "get").mockReturnValue(true),
-                expected: "Open room roomName with an unsent message.",
-            },
-            {
-                label: "invitation",
-                mock: () => jest.spyOn(notificationState, "invited", "get").mockReturnValue(true),
-                expected: "Open room roomName invitation.",
-            },
-            {
-                label: "mention",
-                mock: () => {
-                    jest.spyOn(notificationState, "isMention", "get").mockReturnValue(true);
-                    jest.spyOn(notificationState, "count", "get").mockReturnValue(3);
-                },
-                expected: "Open room roomName with 3 unread messages including mentions.",
-            },
-            {
-                label: "unread",
-                mock: () => {
-                    jest.spyOn(notificationState, "hasUnreadCount", "get").mockReturnValue(true);
-                    jest.spyOn(notificationState, "count", "get").mockReturnValue(3);
-                },
-                expected: "Open room roomName with 3 unread messages.",
-            },
-            {
-                label: "default",
-                expected: "Open room roomName",
-            },
-        ])("should return the $label label", ({ mock, expected }) => {
-            mock?.();
-            const { result: vm } = renderHook(
-                () => useRoomListItemViewModel(room),
-                withClientContextRenderOptions(room.client),
-            );
-            expect(vm.current.a11yLabel).toBe(expected);
-        });
-    });
-});
diff --git a/test/unit-tests/components/viewmodels/roomlist/RoomListViewModel-test.tsx b/test/unit-tests/components/viewmodels/roomlist/RoomListViewModel-test.tsx
deleted file mode 100644
index c8ede64320..0000000000
--- a/test/unit-tests/components/viewmodels/roomlist/RoomListViewModel-test.tsx
+++ /dev/null
@@ -1,341 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import { range } from "lodash";
-import { act, renderHook, waitFor } from "jest-matrix-react";
-import { mocked } from "jest-mock";
-
-import RoomListStoreV3, { LISTS_UPDATE_EVENT } from "../../../../../src/stores/room-list-v3/RoomListStoreV3";
-import { mkStubRoom } from "../../../../test-utils";
-import { useRoomListViewModel } from "../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
-import { FilterKey } from "../../../../../src/stores/room-list-v3/skip-list/filters";
-import { hasCreateRoomRights, createRoom } from "../../../../../src/components/viewmodels/roomlist/utils";
-import dispatcher from "../../../../../src/dispatcher/dispatcher";
-import { Action } from "../../../../../src/dispatcher/actions";
-import { SdkContextClass } from "../../../../../src/contexts/SDKContext";
-import SpaceStore from "../../../../../src/stores/spaces/SpaceStore";
-import { UPDATE_SELECTED_SPACE } from "../../../../../src/stores/spaces";
-
-jest.mock("../../../../../src/components/viewmodels/roomlist/utils", () => ({
-    hasCreateRoomRights: jest.fn().mockReturnValue(false),
-    createRoom: jest.fn(),
-}));
-
-describe("RoomListViewModel", () => {
-    function mockAndCreateRooms() {
-        const rooms = range(10).map((i) => mkStubRoom(`foo${i}:matrix.org`, `Foo ${i}`, undefined));
-        const fn = jest
-            .spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace")
-            .mockImplementation(() => ({ spaceId: "home", rooms: [...rooms] }));
-        return { rooms, fn };
-    }
-
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-
-    it("should return a list of rooms", async () => {
-        const { rooms } = mockAndCreateRooms();
-        const { result: vm } = renderHook(() => useRoomListViewModel());
-
-        expect(vm.current.roomsResult.rooms).toHaveLength(10);
-        for (const room of rooms) {
-            expect(vm.current.roomsResult.rooms).toContain(room);
-        }
-    });
-
-    it("should update list of rooms on event from room list store", async () => {
-        const { rooms } = mockAndCreateRooms();
-        const { result: vm } = renderHook(() => useRoomListViewModel());
-
-        const newRoom = mkStubRoom("bar:matrix.org", "Bar", undefined);
-        rooms.push(newRoom);
-        await act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-
-        await waitFor(() => {
-            expect(vm.current.roomsResult.rooms).toContain(newRoom);
-        });
-    });
-
-    describe("Filters", () => {
-        it("should provide list of available filters", () => {
-            mockAndCreateRooms();
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            // should have 6 filters
-            expect(vm.current.primaryFilters).toHaveLength(7);
-            // check the order
-            for (const [i, name] of [
-                "Unreads",
-                "People",
-                "Rooms",
-                "Favourites",
-                "Mentions",
-                "Invites",
-                "Low priority",
-            ].entries()) {
-                expect(vm.current.primaryFilters[i].name).toEqual(name);
-                expect(vm.current.primaryFilters[i].active).toEqual(false);
-            }
-        });
-
-        it("should get filtered rooms from RLS on toggle", () => {
-            const { fn } = mockAndCreateRooms();
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            // Let's say we toggle the People toggle
-            const i = vm.current.primaryFilters.findIndex((f) => f.name === "People");
-            act(() => {
-                vm.current.primaryFilters[i].toggle();
-            });
-            expect(fn).toHaveBeenCalledWith([FilterKey.PeopleFilter]);
-            expect(vm.current.primaryFilters[i].active).toEqual(true);
-        });
-
-        it("should change active property on toggle", () => {
-            mockAndCreateRooms();
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            // Let's say we toggle the People filter
-            const i = vm.current.primaryFilters.findIndex((f) => f.name === "People");
-            expect(vm.current.primaryFilters[i].active).toEqual(false);
-            act(() => {
-                vm.current.primaryFilters[i].toggle();
-            });
-            expect(vm.current.primaryFilters[i].active).toEqual(true);
-
-            // Let's say that we toggle the Favourite filter
-            const j = vm.current.primaryFilters.findIndex((f) => f.name === "Favourites");
-            act(() => {
-                vm.current.primaryFilters[j].toggle();
-            });
-            expect(vm.current.primaryFilters[i].active).toEqual(false);
-            expect(vm.current.primaryFilters[j].active).toEqual(true);
-        });
-
-        it("should return the current active primary filter", async () => {
-            // Let's say that the user's preferred sorting is alphabetic
-            mockAndCreateRooms();
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            // Toggle people filter
-            const i = vm.current.primaryFilters.findIndex((f) => f.name === "People");
-            expect(vm.current.primaryFilters[i].active).toEqual(false);
-            act(() => vm.current.primaryFilters[i].toggle());
-
-            // The active primary filter should be the People filter
-            expect(vm.current.activePrimaryFilter).toEqual(vm.current.primaryFilters[i]);
-        });
-
-        it("should not remove all filters when active space is changed", async () => {
-            mockAndCreateRooms();
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-
-            // Let's first toggle the People filter
-            const i = vm.current.primaryFilters.findIndex((f) => f.name === "People");
-            act(() => {
-                vm.current.primaryFilters[i].toggle();
-            });
-            expect(vm.current.primaryFilters[i].active).toEqual(true);
-
-            // Simulate a space change
-            await act(() => SpaceStore.instance.emit(UPDATE_SELECTED_SPACE));
-
-            // Primary filter should remain unchanged
-            expect(vm.current.activePrimaryFilter?.name).toEqual("People");
-        });
-    });
-
-    describe("Create room and chat", () => {
-        it("should be canCreateRoom=false if hasCreateRoomRights=false", () => {
-            mocked(hasCreateRoomRights).mockReturnValue(false);
-            const { result } = renderHook(() => useRoomListViewModel());
-            expect(result.current.canCreateRoom).toBe(false);
-        });
-
-        it("should be canCreateRoom=true if hasCreateRoomRights=true", () => {
-            mocked(hasCreateRoomRights).mockReturnValue(true);
-            const { result } = renderHook(() => useRoomListViewModel());
-            expect(result.current.canCreateRoom).toBe(true);
-        });
-
-        it("should call createRoom", () => {
-            const { result } = renderHook(() => useRoomListViewModel());
-            result.current.createRoom();
-            expect(mocked(createRoom)).toHaveBeenCalled();
-        });
-
-        it("should dispatch Action.CreateChat", () => {
-            const spy = jest.spyOn(dispatcher, "fire");
-            const { result } = renderHook(() => useRoomListViewModel());
-            result.current.createChatRoom();
-            expect(spy).toHaveBeenCalledWith(Action.CreateChat);
-        });
-    });
-
-    describe("Sticky room and active index", () => {
-        function expectActiveRoom(vm: ReturnType<typeof useRoomListViewModel>, i: number, roomId: string) {
-            expect(vm.activeIndex).toEqual(i);
-            expect(vm.roomsResult.rooms[i].roomId).toEqual(roomId);
-        }
-
-        it("active index is calculated with the last opened room in a space", () => {
-            // Let's say there's two spaces: !space1:matrix.org and !space2:matrix.org
-            // Let's also say that the current active space is !space1:matrix.org
-            let currentSpace = "!space1:matrix.org";
-            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockImplementation(() => currentSpace);
-
-            const rooms = range(10).map((i) => mkStubRoom(`foo${i}:matrix.org`, `Foo ${i}`, undefined));
-            // Let's say all the rooms are in space1
-            const roomsInSpace1 = { spaceId: currentSpace, rooms: [...rooms] };
-            // Let's say all rooms with even index are in space 2
-            const roomsInSpace2 = { spaceId: "!space2:matrix.org", rooms: [...rooms].filter((_, i) => i % 2 === 0) };
-            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockImplementation(() =>
-                currentSpace === "!space1:matrix.org" ? roomsInSpace1 : roomsInSpace2,
-            );
-
-            // Let's say that the room at index 4 is currently active
-            const roomId = rooms[4].roomId;
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => roomId);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expect(vm.current.activeIndex).toEqual(4);
-
-            // Let's say that space is changed to "!space2:matrix.org"
-            currentSpace = "!space2:matrix.org";
-            // Let's say that room[6] is active in space 2
-            const activeRoomIdInSpace2 = rooms[6].roomId;
-            jest.spyOn(SpaceStore.instance, "getLastSelectedRoomIdForSpace").mockImplementation(
-                () => activeRoomIdInSpace2,
-            );
-            act(() => {
-                RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT);
-            });
-
-            // Active index should be 3 even without the room change event.
-            expectActiveRoom(vm.current, 3, activeRoomIdInSpace2);
-        });
-
-        it("active room and active index are retained on order change", () => {
-            const { rooms } = mockAndCreateRooms();
-
-            // Let's say that the room at index 5 is active
-            const roomId = rooms[5].roomId;
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => roomId);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expect(vm.current.activeIndex).toEqual(5);
-
-            // Let's say that room at index 9 moves to index 5
-            const room9 = rooms[9];
-            rooms.splice(9, 1);
-            rooms.splice(5, 0, room9);
-            act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-
-            // Active room index should still be 5
-            expectActiveRoom(vm.current, 5, roomId);
-
-            // Let's add 2 new rooms from index 0
-            const newRoom1 = mkStubRoom("bar1:matrix.org", "Bar 1", undefined);
-            const newRoom2 = mkStubRoom("bar2:matrix.org", "Bar 2", undefined);
-            rooms.unshift(newRoom1, newRoom2);
-            act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-
-            // Active room index should still be 5
-            expectActiveRoom(vm.current, 5, roomId);
-        });
-
-        it("active room and active index are updated when another room is opened", () => {
-            const { rooms } = mockAndCreateRooms();
-            const roomId = rooms[5].roomId;
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => roomId);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expectActiveRoom(vm.current, 5, roomId);
-
-            // Let's say that room at index 9 becomes active
-            const room = rooms[9];
-            act(() => {
-                dispatcher.dispatch(
-                    {
-                        action: Action.ActiveRoomChanged,
-                        oldRoomId: null,
-                        newRoomId: room.roomId,
-                    },
-                    true,
-                );
-            });
-
-            // Active room index should change to reflect new room
-            expectActiveRoom(vm.current, 9, room.roomId);
-        });
-
-        it("active room and active index are updated when active index spills out of rooms array bounds", () => {
-            const { rooms } = mockAndCreateRooms();
-            // Let's say that the room at index 5 is active
-            const roomId = rooms[5].roomId;
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => roomId);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expectActiveRoom(vm.current, 5, roomId);
-
-            // Let's say that we remove rooms from the start of the array
-            for (let i = 0; i < 4; ++i) {
-                // We should be able to do 4 deletions before we run out of rooms
-                rooms.splice(0, 1);
-                act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-                expectActiveRoom(vm.current, 5, roomId);
-            }
-
-            // If we remove one more room from the start, there's not going to be enough rooms
-            // to maintain the active index.
-            rooms.splice(0, 1);
-            act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-            expectActiveRoom(vm.current, 0, roomId);
-        });
-
-        it("active room and active index are retained when rooms that appear after the active room are deleted", () => {
-            const { rooms } = mockAndCreateRooms();
-            // Let's say that the room at index 5 is active
-            const roomId = rooms[5].roomId;
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => roomId);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expectActiveRoom(vm.current, 5, roomId);
-
-            // Let's say that we remove rooms from the start of the array
-            for (let i = 0; i < 4; ++i) {
-                // Deleting rooms after index 5 (active) should not update the active index
-                rooms.splice(6, 1);
-                act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-                expectActiveRoom(vm.current, 5, roomId);
-            }
-        });
-
-        it("active room index becomes undefined when active room is deleted", () => {
-            const { rooms } = mockAndCreateRooms();
-            // Let's say that the room at index 5 is active
-            let roomId: string | null = rooms[5].roomId;
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => roomId);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expectActiveRoom(vm.current, 5, roomId);
-
-            // Let's remove the active room (i.e room at index 5)
-            rooms.splice(5, 1);
-            roomId = null;
-            act(() => RoomListStoreV3.instance.emit(LISTS_UPDATE_EVENT));
-            expect(vm.current.activeIndex).toBeUndefined();
-        });
-
-        it("active room index is initially undefined", () => {
-            mockAndCreateRooms();
-
-            // Let's say that there's no active room currently
-            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockImplementation(() => null);
-
-            const { result: vm } = renderHook(() => useRoomListViewModel());
-            expect(vm.current.activeIndex).toEqual(undefined);
-        });
-    });
-});
diff --git a/test/unit-tests/components/viewmodels/roomlist/useRoomListNavigation-test.ts b/test/unit-tests/components/viewmodels/roomlist/useRoomListNavigation-test.ts
deleted file mode 100644
index 1ae8606697..0000000000
--- a/test/unit-tests/components/viewmodels/roomlist/useRoomListNavigation-test.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { renderHook } from "jest-matrix-react";
-import { type Room } from "matrix-js-sdk/src/matrix";
-import { waitFor } from "@testing-library/dom";
-
-import { SdkContextClass } from "../../../../../src/contexts/SDKContext";
-import dispatcher from "../../../../../src/dispatcher/dispatcher";
-import { mkStubRoom, stubClient } from "../../../../test-utils";
-import { useRoomListNavigation } from "../../../../../src/components/viewmodels/roomlist/useRoomListNavigation";
-import { Action } from "../../../../../src/dispatcher/actions";
-import DMRoomMap from "../../../../../src/utils/DMRoomMap";
-import { RoomNotificationStateStore } from "../../../../../src/stores/notifications/RoomNotificationStateStore";
-import { type RoomNotificationState } from "../../../../../src/stores/notifications/RoomNotificationState";
-
-describe("useRoomListNavigation", () => {
-    let rooms: Room[];
-
-    beforeEach(() => {
-        const matrixClient = stubClient();
-        rooms = [
-            mkStubRoom("room1", "Room 1", matrixClient),
-            mkStubRoom("room2", "Room 2", matrixClient),
-            mkStubRoom("room3", "Room 3", matrixClient),
-        ];
-
-        DMRoomMap.makeShared(matrixClient);
-        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
-        jest.spyOn(dispatcher, "dispatch");
-    });
-
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-
-    it("should navigate to the next room based on delta", async () => {
-        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("room1");
-
-        renderHook(() => useRoomListNavigation(rooms));
-        dispatcher.dispatch({
-            action: Action.ViewRoomDelta,
-            delta: 1,
-            unread: false,
-        });
-
-        await waitFor(() =>
-            expect(dispatcher.dispatch).toHaveBeenCalledWith({
-                action: Action.ViewRoom,
-                room_id: "room2",
-                show_room_tile: true,
-                metricsTrigger: "WebKeyboardShortcut",
-                metricsViaKeyboard: true,
-            }),
-        );
-    });
-
-    it("should navigate to the previous room based on delta", async () => {
-        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("room2");
-
-        renderHook(() => useRoomListNavigation(rooms));
-        dispatcher.dispatch({
-            action: Action.ViewRoomDelta,
-            delta: -1,
-            unread: false,
-        });
-
-        await waitFor(() =>
-            expect(dispatcher.dispatch).toHaveBeenCalledWith({
-                action: Action.ViewRoom,
-                room_id: "room1",
-                show_room_tile: true,
-                metricsTrigger: "WebKeyboardShortcut",
-                metricsViaKeyboard: true,
-            }),
-        );
-    });
-
-    it("should wrap around to the first room when navigating past the last room", async () => {
-        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("room3");
-
-        renderHook(() => useRoomListNavigation(rooms));
-        dispatcher.dispatch({
-            action: Action.ViewRoomDelta,
-            delta: 1,
-            unread: false,
-        });
-
-        await waitFor(() =>
-            expect(dispatcher.dispatch).toHaveBeenCalledWith({
-                action: Action.ViewRoom,
-                room_id: "room1",
-                show_room_tile: true,
-                metricsTrigger: "WebKeyboardShortcut",
-                metricsViaKeyboard: true,
-            }),
-        );
-    });
-
-    it("should wrap around to the last room when navigating before the first room", async () => {
-        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("room1");
-
-        renderHook(() => useRoomListNavigation(rooms));
-        dispatcher.dispatch({
-            action: Action.ViewRoomDelta,
-            delta: -1,
-            unread: false,
-        });
-
-        await waitFor(() =>
-            expect(dispatcher.dispatch).toHaveBeenCalledWith({
-                action: Action.ViewRoom,
-                room_id: "room3",
-                show_room_tile: true,
-                metricsTrigger: "WebKeyboardShortcut",
-                metricsViaKeyboard: true,
-            }),
-        );
-    });
-
-    it("should filter rooms to only unread when unread=true", async () => {
-        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("room1");
-        jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation(
-            (room) =>
-                ({
-                    isUnread: room.roomId !== "room1",
-                }) as RoomNotificationState,
-        );
-
-        renderHook(() => useRoomListNavigation(rooms));
-
-        dispatcher.dispatch({
-            action: Action.ViewRoomDelta,
-            delta: 1,
-            unread: true,
-        });
-
-        await waitFor(() =>
-            expect(dispatcher.dispatch).toHaveBeenCalledWith({
-                action: Action.ViewRoom,
-                room_id: "room2",
-                show_room_tile: true,
-                metricsTrigger: "WebKeyboardShortcut",
-                metricsViaKeyboard: true,
-            }),
-        );
-    });
-});
diff --git a/test/unit-tests/components/views/VerificationShowSas-test.tsx b/test/unit-tests/components/views/VerificationShowSas-test.tsx
deleted file mode 100644
index f9312e906e..0000000000
--- a/test/unit-tests/components/views/VerificationShowSas-test.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-Copyright 2023 The Matrix.org Foundation C.I.C.
-
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
-
-import { type EmojiMapping } from "matrix-js-sdk/src/crypto-api";
-
-import { tEmoji } from "../../../../src/components/views/verification/VerificationShowSas";
-
-describe("tEmoji", () => {
-    it.each([
-        ["en-GB", "Dog"],
-        ["en", "Dog"],
-        ["de-DE", "Hund"],
-        ["pt", "Cachorro"],
-    ])("should handle locale %s", (locale, expectation) => {
-        const emoji: EmojiMapping = ["🐶", "Dog"];
-        expect(tEmoji(emoji, locale)).toEqual(expectation);
-    });
-});
diff --git a/test/unit-tests/components/views/auth/AuthFooter-test.tsx b/test/unit-tests/components/views/auth/AuthFooter-test.tsx
index e1d5260cd0..3d4ae819f0 100644
--- a/test/unit-tests/components/views/auth/AuthFooter-test.tsx
+++ b/test/unit-tests/components/views/auth/AuthFooter-test.tsx
@@ -10,13 +10,8 @@ import React from "react";
 import { render } from "jest-matrix-react";
 
 import AuthFooter from "../../../../../src/components/views/auth/AuthFooter";
-import { setupLanguageMock } from "../../../../setup/setupLanguage";
 
 describe("<AuthFooter />", () => {
-    beforeEach(() => {
-        setupLanguageMock();
-    });
-
     it("should match snapshot", () => {
         const { asFragment } = render(<AuthFooter />);
         expect(asFragment()).toMatchSnapshot();
diff --git a/test/unit-tests/components/views/auth/AuthPage-test.tsx b/test/unit-tests/components/views/auth/AuthPage-test.tsx
index 1c5b856946..908c7c8b62 100644
--- a/test/unit-tests/components/views/auth/AuthPage-test.tsx
+++ b/test/unit-tests/components/views/auth/AuthPage-test.tsx
@@ -10,12 +10,10 @@ import React from "react";
 import { render } from "jest-matrix-react";
 
 import AuthPage from "../../../../../src/components/views/auth/AuthPage";
-import { setupLanguageMock } from "../../../../setup/setupLanguage";
 import SdkConfig from "../../../../../src/SdkConfig.ts";
 
 describe("<AuthPage />", () => {
     beforeEach(() => {
-        setupLanguageMock();
         SdkConfig.reset();
         // @ts-ignore private access
         AuthPage.welcomeBackgroundUrl = undefined;
diff --git a/test/unit-tests/components/views/auth/OAuthStage-test.tsx b/test/unit-tests/components/views/auth/OAuthStage-test.tsx
new file mode 100644
index 0000000000..548ef9caab
--- /dev/null
+++ b/test/unit-tests/components/views/auth/OAuthStage-test.tsx
@@ -0,0 +1,109 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import { fireEvent, render, type RenderResult } from "jest-matrix-react";
+
+import InteractiveAuthComponent from "../../../../../src/components/structures/InteractiveAuth";
+import { getMockClientWithEventEmitter, unmockClientPeg } from "../../../../test-utils";
+
+describe("InteractiveAuthComponent", function () {
+    const mockClient = getMockClientWithEventEmitter({
+        generateClientSecret: jest.fn().mockReturnValue("t35tcl1Ent5ECr3T"),
+        getDomain: jest.fn().mockReturnValue("test.local"),
+    });
+    const authUrl = "https://test.local/oauth?action=foo";
+    const onAuthFinished = jest.fn();
+    const makeRequest = jest.fn().mockResolvedValue({ a: 1 });
+
+    const defaultProps = {
+        matrixClient: mockClient,
+        makeRequest: jest.fn().mockResolvedValue(undefined),
+        onAuthFinished: jest.fn(),
+    };
+    const getComponent = (props = {}) => render(<InteractiveAuthComponent {...defaultProps} {...props} />);
+
+    beforeEach(function () {
+        jest.clearAllMocks();
+        jest.spyOn(global.window, "open").mockImplementation();
+    });
+
+    afterAll(() => {
+        unmockClientPeg();
+    });
+
+    const getSubmitButton = ({ container }: RenderResult) => container.querySelector(".mx_Dialog_nonDialogButton");
+
+    it("should use an m.oauth stage", async () => {
+        const authData = {
+            session: "sess",
+            flows: [{ stages: ["m.oauth"] }],
+            params: {
+                "m.oauth": {
+                    url: authUrl,
+                },
+            },
+        };
+
+        const wrapper = getComponent({ makeRequest, onAuthFinished, authData });
+
+        const submitNode = getSubmitButton(wrapper);
+        expect(submitNode).toBeTruthy();
+
+        // click button; should trigger the auth URL to be opened
+        fireEvent.click(submitNode!);
+
+        expect(global.window.open).toHaveBeenCalledWith(authUrl, "_blank");
+    });
+
+    it("should use an unstable org.matrix.cross_signing_reset stage", async () => {
+        const authData = {
+            session: "sess",
+            flows: [{ stages: ["org.matrix.cross_signing_reset"] }],
+            params: {
+                "org.matrix.cross_signing_reset": {
+                    url: authUrl,
+                },
+            },
+        };
+
+        const wrapper = getComponent({ makeRequest, onAuthFinished, authData });
+
+        const submitNode = getSubmitButton(wrapper);
+        expect(submitNode).toBeTruthy();
+
+        // click button; should trigger the auth URL to be opened
+        fireEvent.click(submitNode!);
+
+        expect(global.window.open).toHaveBeenCalledWith(authUrl, "_blank");
+    });
+
+    it("should use the first flow when both stable and unstable are present", async () => {
+        const authData = {
+            session: "sess",
+            flows: [{ stages: ["org.matrix.cross_signing_reset"] }, { stages: ["m.oauth"] }],
+            params: {
+                "org.matrix.cross_signing_reset": {
+                    url: authUrl,
+                },
+                "m.oauth": {
+                    url: "https://should.not.be/opened",
+                },
+            },
+        };
+
+        const wrapper = getComponent({ makeRequest, onAuthFinished, authData });
+
+        const submitNode = getSubmitButton(wrapper);
+        expect(submitNode).toBeTruthy();
+
+        // click button; should trigger the auth URL to be opened
+        fireEvent.click(submitNode!);
+
+        expect(global.window.open).toHaveBeenCalledWith(authUrl, "_blank");
+    });
+});
diff --git a/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap b/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap
index e4c9ec4854..c7e0a1c0be 100644
--- a/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap
+++ b/test/unit-tests/components/views/auth/__snapshots__/InteractiveAuthEntryComponents-test.tsx.snap
@@ -73,7 +73,7 @@ exports[`<MasUnlockCrossSigningAuthEntry/> should render 1`] = `
       class="mx_EncryptionCard_buttons"
     >
       <button
-        class="_button_187yx_8 mx_Dialog_nonDialogButton _has-icon_187yx_57"
+        class="_button_13vu4_8 mx_Dialog_nonDialogButton _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -97,7 +97,7 @@ exports[`<MasUnlockCrossSigningAuthEntry/> should render 1`] = `
         Continue to account
       </button>
       <button
-        class="_button_187yx_8 mx_Dialog_nonDialogButton"
+        class="_button_13vu4_8 mx_Dialog_nonDialogButton"
         data-kind="tertiary"
         data-size="lg"
         role="button"
diff --git a/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap b/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
index db3bf6264b..5c52ccf215 100644
--- a/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
+++ b/test/unit-tests/components/views/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
@@ -19,7 +19,19 @@ exports[`DecoratedRoomAvatar shows an avatar with globe icon and tooltip for pub
       aria-labelledby="_r_0_"
       class="mx_DecoratedRoomAvatar_icon mx_DecoratedRoomAvatar_icon_globe"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m-1-2.05V18q-.825 0-1.412-.587A1.93 1.93 0 0 1 9 16v-1l-4.8-4.8q-.075.45-.138.9Q4 11.55 4 12q0 3.025 1.987 5.3T11 19.95m6.9-2.55q.5-.55.9-1.187.4-.638.662-1.326.263-.687.4-1.412Q20 12.75 20 12a7.85 7.85 0 0 0-1.363-4.475A7.7 7.7 0 0 0 15 4.6V5q0 .824-.588 1.412A1.93 1.93 0 0 1 13 7h-2v2q0 .424-.287.713A.97.97 0 0 1 10 10H8v2h6q.424 0 .713.287.287.288.287.713v3h1q.65 0 1.175.387.525.388.725 1.013"
+        />
+      </svg>
+    </div>
   </div>
 </DocumentFragment>
 `;
diff --git a/test/unit-tests/components/views/beta/BetaCard-test.tsx b/test/unit-tests/components/views/beta/BetaCard-test.tsx
index 06ede990e6..47c9b29230 100644
--- a/test/unit-tests/components/views/beta/BetaCard-test.tsx
+++ b/test/unit-tests/components/views/beta/BetaCard-test.tsx
@@ -13,7 +13,6 @@ import { render, screen } from "jest-matrix-react";
 import { shouldShowFeedback } from "../../../../../src/utils/Feedback";
 import BetaCard from "../../../../../src/components/views/beta/BetaCard";
 import SettingsStore from "../../../../../src/settings/SettingsStore";
-import { type TranslationKey } from "../../../../../src/languageHandler";
 import { type FeatureSettingKey } from "../../../../../src/settings/Settings.tsx";
 
 jest.mock("../../../../../src/utils/Feedback");
diff --git a/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx b/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx
index b1d3b063dc..925928cf21 100644
--- a/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx
+++ b/test/unit-tests/components/views/context_menus/EmbeddedPage-test.tsx
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { render, screen } from "jest-matrix-react";
 import { mocked } from "jest-mock";
 
@@ -19,7 +19,7 @@ jest.mock("../../../../../src/languageHandler", () => ({
 }));
 
 describe("<EmbeddedPage />", () => {
-    it.each([`"`, `'`, `&#x27;`, `&#x34;`])("should translate _t strings", async (character) => {
+    it.each([`"`, `'`, `&#27;`, `&#34;`])("should translate _t strings [%s]", async (character) => {
         mocked(_t).mockReturnValue("Przeglądaj pokoje");
         fetchMock.get("https://home.page", {
             body: `<h1>_t(${character}Explore rooms${character})</h1>`,
diff --git a/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx b/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx
index cd9246267d..737e3e63fc 100644
--- a/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx
+++ b/test/unit-tests/components/views/context_menus/MessageContextMenu-test.tsx
@@ -665,7 +665,10 @@ describe("MessageContextMenu", () => {
         it("shows view in room button when the event is a thread root", () => {
             const eventContent = createMessageEventContent("hello");
             const mxEvent = new MatrixEvent({ type: EventType.RoomMessage, content: eventContent });
-            mxEvent.getThread = () => ({ rootEvent: mxEvent }) as Thread;
+            mxEvent.getThread = () =>
+                ({
+                    rootEvent: mxEvent,
+                }) as Thread;
             const props = {
                 rightClick: true,
             };
diff --git a/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap b/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap
index b1537afa6a..8d7b6add45 100644
--- a/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap
+++ b/test/unit-tests/components/views/context_menus/__snapshots__/EmbeddedPage-test.tsx.snap
@@ -26,7 +26,7 @@ exports[`<EmbeddedPage /> should show error if unable to load 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<EmbeddedPage /> should translate _t strings 1`] = `
+exports[`<EmbeddedPage /> should translate _t strings ["] 1`] = `
 <DocumentFragment>
   <div
     class="undefined_guest"
@@ -42,7 +42,7 @@ exports[`<EmbeddedPage /> should translate _t strings 1`] = `
 </DocumentFragment>
 `;
 
-exports[`<EmbeddedPage /> should translate _t strings 2`] = `
+exports[`<EmbeddedPage /> should translate _t strings [&#27;] 1`] = `
 <DocumentFragment>
   <div
     class="undefined_guest"
@@ -58,7 +58,7 @@ exports[`<EmbeddedPage /> should translate _t strings 2`] = `
 </DocumentFragment>
 `;
 
-exports[`<EmbeddedPage /> should translate _t strings 3`] = `
+exports[`<EmbeddedPage /> should translate _t strings [&#34;] 1`] = `
 <DocumentFragment>
   <div
     class="undefined_guest"
@@ -74,7 +74,7 @@ exports[`<EmbeddedPage /> should translate _t strings 3`] = `
 </DocumentFragment>
 `;
 
-exports[`<EmbeddedPage /> should translate _t strings 4`] = `
+exports[`<EmbeddedPage /> should translate _t strings ['] 1`] = `
 <DocumentFragment>
   <div
     class="undefined_guest"
diff --git a/test/unit-tests/components/views/dialogs/AnalyticsLearnMoreDialog-test.tsx b/test/unit-tests/components/views/dialogs/AnalyticsLearnMoreDialog-test.tsx
new file mode 100644
index 0000000000..bd98363ca5
--- /dev/null
+++ b/test/unit-tests/components/views/dialogs/AnalyticsLearnMoreDialog-test.tsx
@@ -0,0 +1,22 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { render } from "jest-matrix-react";
+import React from "react";
+
+import { AnalyticsLearnMoreDialog } from "../../../../../src/components/views/dialogs/AnalyticsLearnMoreDialog.tsx";
+
+describe("AnalyticsLearnMoreDialog", () => {
+    it("should match snapshot", async () => {
+        const { getByText, asFragment } = render(
+            <AnalyticsLearnMoreDialog onFinished={jest.fn()} analyticsOwner="Element" />,
+        );
+
+        expect(getByText("Help improve Element")).toBeInTheDocument();
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx b/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx
index f48db6ed91..78257711c2 100644
--- a/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/BugReportDialog-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 import { render, waitFor, type RenderResult } from "jest-matrix-react";
 import userEvent from "@testing-library/user-event";
 import React from "react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { type Mocked } from "jest-mock";
 
 import BugReportDialog, {
@@ -17,6 +17,7 @@ import BugReportDialog, {
 import SdkConfig from "../../../../../src/SdkConfig";
 import { type ConsoleLogger } from "../../../../../src/rageshake/rageshake";
 import SettingsStore from "../../../../../src/settings/SettingsStore";
+import { BugReportEndpointURLLocal } from "../../../../../src/IConfigOptions";
 
 const BUG_REPORT_URL = "https://example.org/submit";
 
@@ -59,7 +60,6 @@ describe("BugReportDialog", () => {
         global.mx_rage_logger = prevLogger;
         jest.restoreAllMocks();
         SdkConfig.reset();
-        fetchMock.restore();
     });
 
     it("can close the bug reporter", async () => {
@@ -70,7 +70,7 @@ describe("BugReportDialog", () => {
 
     it("can submit a bug report", async () => {
         const { getByLabelText, getByText } = renderComponent();
-        fetchMock.postOnce(BUG_REPORT_URL, { report_url: "https://exmaple.org/report/url" });
+        fetchMock.postOnce(BUG_REPORT_URL, { report_url: "https://example.org/report/url" });
         await userEvent.type(getByLabelText("GitHub issue"), "https://example.org/some/issue");
         await userEvent.type(getByLabelText("Notes"), "Additional text");
         await userEvent.click(getByText("Send logs"));
@@ -79,6 +79,14 @@ describe("BugReportDialog", () => {
         expect(fetchMock).toHaveFetched(BUG_REPORT_URL);
     });
 
+    it("renders when the config only allows local downloads", async () => {
+        SdkConfig.put({
+            bug_report_endpoint_url: BugReportEndpointURLLocal,
+        });
+        const { container } = renderComponent();
+        expect(container).toMatchSnapshot("local-bug-reporter");
+    });
+
     it.each([
         {
             errcode: undefined,
diff --git a/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx b/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx
index f240e97169..47ca2bc3ff 100644
--- a/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/ChangelogDialog-test.tsx
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { render, screen, waitForElementToBeRemoved } from "jest-matrix-react";
 
 import ChangelogDialog, {
diff --git a/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx b/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx
index 34f8daa88a..448a762876 100644
--- a/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/DevtoolsDialog-test.tsx
@@ -56,8 +56,7 @@ describe("DevtoolsDialog", () => {
         const copiedBtn = getByLabelText(container, "Copied!");
 
         expect(copiedBtn).toBeInTheDocument();
-        expect(navigator.clipboard.writeText).toHaveBeenCalled();
-        await expect(navigator.clipboard.readText()).resolves.toBe(room.roomId);
+        expect(navigator.clipboard.writeText).toHaveBeenCalledWith(room.roomId);
     });
 
     it("copies the thread root id when provided", async () => {
@@ -72,7 +71,6 @@ describe("DevtoolsDialog", () => {
         const copiedBtn = getByLabelText(container, "Copied!");
 
         expect(copiedBtn).toBeInTheDocument();
-        expect(navigator.clipboard.writeText).toHaveBeenCalled();
-        await expect(navigator.clipboard.readText()).resolves.toBe(threadRootId);
+        expect(navigator.clipboard.writeText).toHaveBeenCalledWith(threadRootId);
     });
 });
diff --git a/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx b/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx
index cf9e103ee6..2a7ed61f13 100644
--- a/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/IncomingSasDialog-test.tsx
@@ -34,7 +34,7 @@ describe("IncomingSasDialog", () => {
 
     it("should show some emojis once keys are exchanged", () => {
         const mockVerifier = makeMockVerifier();
-        const { container } = renderComponent(mockVerifier);
+        const { getAllByText } = renderComponent(mockVerifier);
 
         // fire the ShowSas event
         const sasEvent = makeMockSasCallbacks();
@@ -42,11 +42,8 @@ describe("IncomingSasDialog", () => {
             mockVerifier.emit(VerifierEvent.ShowSas, sasEvent);
         });
 
-        const emojis = container.getElementsByClassName("mx_VerificationShowSas_emojiSas_block");
-        expect(emojis.length).toEqual(7);
-        for (const emoji of emojis) {
-            expect(emoji).toHaveTextContent("🦄Unicorn");
-        }
+        expect(getAllByText("🦄")).toHaveLength(7);
+        expect(getAllByText("Unicorn")).toHaveLength(7);
     });
 });
 
diff --git a/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx b/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx
index 7dbb08ac20..1758468c93 100644
--- a/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/ServerPickerDialog-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { fireEvent, render, screen } from "jest-matrix-react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import ServerPickerDialog from "../../../../../src/components/views/dialogs/ServerPickerDialog";
 import SdkConfig from "../../../../../src/SdkConfig";
@@ -54,7 +54,7 @@ describe("<ServerPickerDialog />", () => {
             validated_server_config: defaultServerConfig,
         });
 
-        fetchMock.resetHistory();
+        fetchMock.clearHistory();
         fetchMock.catch({
             status: 404,
             body: '{"errcode": "M_UNRECOGNIZED", "error": "Unrecognized request"}',
diff --git a/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx b/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx
index 2cf9511686..1cbb5b3e03 100644
--- a/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/SpotlightDialog-test.tsx
@@ -33,6 +33,8 @@ import { SettingLevel } from "../../../../../src/settings/SettingLevel";
 import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
 import SdkConfig from "../../../../../src/SdkConfig";
 import { Action } from "../../../../../src/dispatcher/actions";
+import { MetaSpace } from "../../../../../src/stores/spaces";
+import SpaceStore from "../../../../../src/stores/spaces/SpaceStore.ts";
 
 jest.useFakeTimers();
 
@@ -699,4 +701,29 @@ describe("Spotlight Dialog", () => {
             expect(keyboardPrompt?.textContent).not.toContain("→");
         });
     });
+
+    describe("metaspaces", () => {
+        beforeEach(() => {
+            jest.spyOn(SpaceStore.instance, "enabledMetaSpaces", "get").mockReturnValue([
+                MetaSpace.Home,
+                MetaSpace.Favourites,
+                MetaSpace.People,
+                MetaSpace.Orphans,
+            ]);
+        });
+
+        it.each([MetaSpace.Home, MetaSpace.Favourites, MetaSpace.People])(
+            "should show metaspace %s",
+            async (metaSpace) => {
+                const onFinished = jest.fn();
+                const { asFragment, container } = render(
+                    <SpotlightDialog initialText={metaSpace.split("-")[0]} onFinished={onFinished} />,
+                );
+                await waitFor(() =>
+                    expect(container.querySelector(".mx_SpotlightDialog_metaspaceResult")).toBeInTheDocument(),
+                );
+                expect(asFragment()).toMatchSnapshot();
+            },
+        );
+    });
 });
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
new file mode 100644
index 0000000000..12ee8850f0
--- /dev/null
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/AnalyticsLearnMoreDialog-test.tsx.snap
@@ -0,0 +1,142 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`AnalyticsLearnMoreDialog should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+  <div
+    aria-describedby="mx_AnalyticsLearnMore"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_AnalyticsLearnMoreDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    >
+      <h1
+        class="mx_Heading_h3 mx_Dialog_title"
+        id="mx_BaseDialog_title"
+      >
+        Help improve Element
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+    >
+      <div
+        class="mx_AnalyticsLearnMore_image_holder"
+      />
+      <div
+        class="mx_AnalyticsLearnMore_copy"
+      >
+        Help us identify issues and improve Element by sharing anonymous usage data. To understand how people use multiple devices, we'll generate a random identifier, shared by your devices.
+      </div>
+      <ul
+        class="mx_AnalyticsLearnMore_bullets"
+      >
+        <li>
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"
+            />
+          </svg>
+          <span>
+            We 
+            <strong>
+              don't
+            </strong>
+             record or profile any account data
+          </span>
+        </li>
+        <li>
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"
+            />
+          </svg>
+          <span>
+            We 
+            <strong>
+              don't
+            </strong>
+             share information with third parties
+          </span>
+        </li>
+        <li>
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"
+            />
+          </svg>
+          You can turn this off anytime in settings
+        </li>
+      </ul>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        />
+      </span>
+    </div>
+    <div
+      aria-label="Close dialog"
+      class="mx_AccessibleButton mx_Dialog_cancelButton"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
new file mode 100644
index 0000000000..d721676762
--- /dev/null
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/BugReportDialog-test.tsx.snap
@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`BugReportDialog renders when the config only allows local downloads: local-bug-reporter 1`] = `
+<div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+  <div
+    aria-describedby="mx_Dialog_content"
+    aria-labelledby="mx_BaseDialog_title"
+    class="mx_BugReportDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    >
+      <h1
+        class="mx_Heading_h3 mx_Dialog_title"
+        id="mx_BaseDialog_title"
+      >
+        Download logs
+      </h1>
+    </div>
+    <div
+      class="mx_Dialog_content"
+      id="mx_Dialog_content"
+    >
+      <p
+        class="_typography_6v6n8_153 _font-body-md-semibold_6v6n8_55"
+      >
+        Reminder: Your browser is unsupported, so your experience may be unpredictable.
+      </p>
+      <p
+        class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
+      >
+        Debug logs contain application usage data including your username, the IDs or aliases of the rooms you have visited, which UI elements you last interacted with, and the usernames of other users. They do not contain messages.
+      </p>
+    </div>
+    <div
+      class="mx_Dialog_buttons"
+    >
+      <span
+        class="mx_Dialog_buttons_row"
+      >
+        <button
+          data-testid="dialog-cancel-button"
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="mx_Dialog_primary"
+          data-testid="dialog-primary-button"
+          type="button"
+        >
+          Download logs
+        </button>
+      </span>
+    </div>
+    <div
+      aria-label="Close dialog"
+      class="mx_AccessibleButton mx_Dialog_cancelButton"
+      role="button"
+      tabindex="0"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+</div>
+`;
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
index 6f0d3ae91b..e828bd55fa 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ChangelogDialog-test.tsx.snap
@@ -111,7 +111,19 @@ exports[`<ChangelogDialog /> should fetch github proxy url for each repo with ol
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap
index 31abd1aedf..18f325138c 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap
@@ -59,7 +59,7 @@ exports[`ConfirmKeyStorageOffDialog renders 1`] = `
       class="mx_EncryptionCard_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -68,7 +68,7 @@ exports[`ConfirmKeyStorageOffDialog renders 1`] = `
         Go to Settings
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="lg"
         role="button"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
index 74b5bf31eb..632eac5a6f 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
@@ -151,7 +151,19 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
index 95b407165c..a38972d276 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmUserActionDialog-test.tsx.snap
@@ -85,7 +85,19 @@ exports[`ConfirmUserActionDialog renders 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
index 314aafb29c..a74186c6ac 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
@@ -227,7 +227,19 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -455,7 +467,19 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -685,7 +709,19 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
index 1a51e40cca..c6a5296e64 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
@@ -271,7 +271,19 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
index fd3ec6425c..3186e05330 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ExportDialog-test.tsx.snap
@@ -125,6 +125,18 @@ exports[`<ExportDialog /> renders export dialog 1`] = `
       <label
         for="export-type"
       />
+      <svg
+        class="mx_Field_select_chevron"
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+        />
+      </svg>
     </div>
     <span
       class="mx_ExportDialog_subheading"
@@ -161,15 +173,15 @@ exports[`<ExportDialog /> renders export dialog 1`] = `
           class="_inline-field-control_19upo_44"
         >
           <div
-            class="_container_1md5v_10"
+            class="_container_153f2_10"
           >
             <input
-              class="_input_1md5v_18"
+              class="_input_153f2_18"
               id="include-attachments"
               type="checkbox"
             />
             <div
-              class="_ui_1md5v_19"
+              class="_ui_153f2_19"
             >
               <svg
                 aria-hidden="true"
@@ -225,7 +237,19 @@ exports[`<ExportDialog /> renders export dialog 1`] = `
     class="mx_AccessibleButton mx_Dialog_cancelButton"
     role="button"
     tabindex="0"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+      />
+    </svg>
+  </div>
 </div>
 `;
 
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap
index 8ef822dfc4..a5625236c4 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/FeedbackDialog-test.tsx.snap
@@ -32,7 +32,17 @@ exports[`FeedbackDialog should respect feedback config 1`] = `
       <div
         class="mx_FeedbackDialog_section"
       >
-        <div />
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M19 8h-1.81a6 6 0 0 0-1.82-1.96l.93-.93a.996.996 0 1 0-1.41-1.41l-1.47 1.47C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L9.11 3.7A.996.996 0 1 0 7.7 5.11l.92.93C7.88 6.55 7.26 7.22 6.81 8H5c-.55 0-1 .45-1 1s.45 1 1 1h1.09c-.05.33-.09.66-.09 1v1H5c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .34.04.67.09 1H5c-.55 0-1 .45-1 1s.45 1 1 1h1.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H19c.55 0 1-.45 1-1s-.45-1-1-1h-1.09c.05-.33.09-.66.09-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v-1c0-.34-.04-.67-.09-1H19c.55 0 1-.45 1-1s-.45-1-1-1m-6 8h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1m0-4h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1"
+          />
+        </svg>
         <h3>
           Report a bug
         </h3>
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
index 1d1fdbd307..699e4f745a 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/IntegrationsDisabledDialog-test.tsx.snap
@@ -57,7 +57,19 @@ exports[`<IntegrationsDisabledDialog /> should render as expected 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
index f458ec15e3..ba466dc9c0 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
@@ -79,7 +79,19 @@ exports[`LogoutDialog Prompts user to go to settings if there is a backup on the
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -168,7 +180,19 @@ exports[`LogoutDialog Prompts user to go to settings if there is no backup on th
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -235,7 +259,19 @@ exports[`LogoutDialog shows a regular dialog when crypto is disabled 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
index e8a7773166..9d71bdf13b 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
@@ -85,16 +85,16 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
                 class="_inline-field-control_19upo_44"
               >
                 <div
-                  class="_container_1md5v_10"
+                  class="_container_153f2_10"
                 >
                   <input
                     aria-describedby="_r_5_"
-                    class="_input_1md5v_18"
+                    class="_input_153f2_18"
                     id="checkbox_vY7Q4uEh9K"
                     type="checkbox"
                   />
                   <div
-                    class="_ui_1md5v_19"
+                    class="_ui_153f2_19"
                   >
                     <svg
                       aria-hidden="true"
@@ -191,7 +191,19 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -316,7 +328,19 @@ exports[`<ManageRestrictedJoinRuleDialog /> should render empty state 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
index 65df19b937..9d0a049083 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ManualDeviceKeyVerificationDialog-test.tsx.snap
@@ -97,7 +97,19 @@ exports[`ManualDeviceKeyVerificationDialog should render correctly 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap
index 8f1f32d8bb..f41937f2e0 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap
@@ -41,8 +41,9 @@ exports[`<MessageEditHistory /> should match the snapshot 1`] = `
             <li>
               <div
                 aria-label="Thu, Jan 1, 1970"
-                class="mx_TimelineSeparator"
+                class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
                 role="separator"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
               >
                 <hr
                   role="none"
@@ -108,7 +109,19 @@ exports[`<MessageEditHistory /> should match the snapshot 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -159,8 +172,9 @@ exports[`<MessageEditHistory /> should support events with 1`] = `
             <li>
               <div
                 aria-label="Thu, Jan 1, 1970"
-                class="mx_TimelineSeparator"
+                class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
                 role="separator"
+                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
               >
                 <hr
                   role="none"
@@ -323,7 +337,19 @@ exports[`<MessageEditHistory /> should support events with 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
index 00656e47ab..0581e80f78 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
@@ -124,7 +124,19 @@ exports[`ReportRoomDialog displays admin message 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap
index 4352b3a826..79a6d5d38f 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap
@@ -144,7 +144,19 @@ exports[`<ServerPickerDialog /> should render dialog 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
index e6ead980dd..999b18ffc6 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/ShareDialog-test.tsx.snap
@@ -36,7 +36,7 @@ exports[`ShareDialog should not render the QR code if disabled 1`] = `
         </span>
       </div>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -121,7 +121,19 @@ exports[`ShareDialog should not render the QR code if disabled 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -193,7 +205,7 @@ exports[`ShareDialog should not render the socials if disabled 1`] = `
         </span>
       </div>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -219,7 +231,19 @@ exports[`ShareDialog should not render the socials if disabled 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -292,15 +316,15 @@ exports[`ShareDialog should render a share dialog for a matrix event 1`] = `
       </div>
       <label>
         <div
-          class="_container_1md5v_10"
+          class="_container_153f2_10"
         >
           <input
             checked=""
-            class="_input_1md5v_18"
+            class="_input_153f2_18"
             type="checkbox"
           />
           <div
-            class="_ui_1md5v_19"
+            class="_ui_153f2_19"
           >
             <svg
               aria-hidden="true"
@@ -319,7 +343,7 @@ exports[`ShareDialog should render a share dialog for a matrix event 1`] = `
         Link to selected message
       </label>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -404,7 +428,19 @@ exports[`ShareDialog should render a share dialog for a matrix event 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -477,14 +513,14 @@ exports[`ShareDialog should render a share dialog for a room 1`] = `
       </div>
       <label>
         <div
-          class="_container_1md5v_10"
+          class="_container_153f2_10"
         >
           <input
-            class="_input_1md5v_18"
+            class="_input_153f2_18"
             type="checkbox"
           />
           <div
-            class="_ui_1md5v_19"
+            class="_ui_153f2_19"
           >
             <svg
               aria-hidden="true"
@@ -503,7 +539,7 @@ exports[`ShareDialog should render a share dialog for a room 1`] = `
         Link to most recent message
       </label>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -588,7 +624,19 @@ exports[`ShareDialog should render a share dialog for a room 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -660,7 +708,7 @@ exports[`ShareDialog should render a share dialog for a room member 1`] = `
         </span>
       </div>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -745,7 +793,19 @@ exports[`ShareDialog should render a share dialog for a room member 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -817,7 +877,7 @@ exports[`ShareDialog should render a share dialog for an URL 1`] = `
         </span>
       </div>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -902,7 +962,19 @@ exports[`ShareDialog should render a share dialog for an URL 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/SpotlightDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/SpotlightDialog-test.tsx.snap
new file mode 100644
index 0000000000..c66af206da
--- /dev/null
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/SpotlightDialog-test.tsx.snap
@@ -0,0 +1,759 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`Spotlight Dialog metaspaces should show metaspace favourites-space 1`] = `
+<DocumentFragment>
+  <div
+    id="mx_SpotlightDialog_keyboardPrompt"
+  >
+    <span>
+      Use 
+      <kbd>
+        ↓
+      </kbd>
+      <kbd>
+        ↑
+      </kbd>
+       to scroll
+    </span>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+  <div
+    aria-label="Search Dialog"
+    class="mx_SpotlightDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div
+      class="mx_SpotlightDialog_searchBox mx_textinput"
+    >
+      <input
+        aria-activedescendant="mx_SpotlightDialog_button_result_Favourites"
+        aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+        aria-label="Search"
+        aria-owns="mx_SpotlightDialog_content"
+        autocapitalize="off"
+        autocomplete="off"
+        autocorrect="off"
+        placeholder="Search"
+        spellcheck="false"
+        type="text"
+        value="favourites"
+      />
+    </div>
+    <div
+      aria-activedescendant="mx_SpotlightDialog_button_result_Favourites"
+      aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+      id="mx_SpotlightDialog_content"
+      role="listbox"
+    >
+      <div
+        aria-labelledby="mx_SpotlightDialog_section_spaces"
+        class="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+        role="group"
+      >
+        <h4
+          id="mx_SpotlightDialog_section_spaces"
+        >
+          Spaces you're in
+        </h4>
+        <div>
+          <li
+            aria-selected="true"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_result_Favourites"
+            role="option"
+            tabindex="-1"
+          >
+            <div
+              class="mx_SpotlightDialog_metaspaceResult"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M13.905 9.378 12 5.52l-1.905 3.86-4.259.618 3.082 3.004-.727 4.242L12 15.24l3.81 2.003-.728-4.242 3.082-3.004zM8.767 7.55l2.336-4.733a1 1 0 0 1 1.794 0l2.336 4.733 5.223.76a1 1 0 0 1 .555 1.705L17.23 13.7l.892 5.202a1 1 0 0 1-1.45 1.054L12 17.5l-4.672 2.456a1 1 0 0 1-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 0 1 .555-1.706z"
+                />
+              </svg>
+            </div>
+            Favourites
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+        </div>
+      </div>
+      <div
+        aria-labelledby="mx_SpotlightDialog_section_otherSearches"
+        class="mx_SpotlightDialog_section mx_SpotlightDialog_otherSearches"
+        role="group"
+      >
+        <h4
+          id="mx_SpotlightDialog_section_otherSearches"
+        >
+          Use "favourites" to search
+        </h4>
+        <div>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_explorePublicSpaces"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M6 21q-1.65 0-2.825-1.175T2 17t1.175-2.825T6 13t2.825 1.175T10 17t-1.175 2.825T6 21m12 0q-1.65 0-2.825-1.175T14 17t1.175-2.825T18 13t2.825 1.175T22 17t-1.175 2.825T18 21M6 19q.824 0 1.412-.587Q8 17.825 8 17t-.588-1.412A1.93 1.93 0 0 0 6 15q-.824 0-1.412.588A1.93 1.93 0 0 0 4 17q0 .824.588 1.413Q5.175 19 6 19m12 0q.824 0 1.413-.587Q20 17.825 20 17t-.587-1.412A1.93 1.93 0 0 0 18 15q-.824 0-1.413.588A1.93 1.93 0 0 0 16 17q0 .824.587 1.413Q17.176 19 18 19m-6-8q-1.65 0-2.825-1.175T8 7t1.175-2.825T12 3t2.825 1.175T16 7t-1.175 2.825T12 11m0-2q.825 0 1.412-.588Q14 7.826 14 7q0-.824-.588-1.412A1.93 1.93 0 0 0 12 5q-.825 0-1.412.588A1.93 1.93 0 0 0 10 7q0 .824.588 1.412Q11.175 9 12 9"
+              />
+            </svg>
+            Public spaces
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_explorePublicRooms"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m8.566 17-.944 4.094q-.086.406-.372.656t-.687.25q-.543 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.801-3.5H3.158q-.572 0-.916-.484a1.27 1.27 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12q-.57 0-.915-.484a1.27 1.27 0 0 1-.2-1.078A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094q.085-.406.372-.656.286-.25.686-.25.544 0 .887.469.345.468.2 1.031l-.8 3.5h4.578l.944-4.094q.085-.406.372-.656.286-.25.687-.25.543 0 .887.469t.2 1.031L17.723 7h3.119q.573 0 .916.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937H17.15l-1.145 5h3.12q.57 0 .915.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937h-3.691l-.944 4.094q-.087.406-.373.656t-.686.25q-.544 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.8-3.5zm.573-2.5h4.578l1.144-5h-4.578z"
+              />
+            </svg>
+            Public rooms
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_startChat"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
+              />
+              <path
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
+              />
+              <path
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
+              />
+            </svg>
+            People
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_searchMessages"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
+              />
+            </svg>
+            Messages
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;
+
+exports[`Spotlight Dialog metaspaces should show metaspace home-space 1`] = `
+<DocumentFragment>
+  <div
+    id="mx_SpotlightDialog_keyboardPrompt"
+  >
+    <span>
+      Use 
+      <kbd>
+        ↓
+      </kbd>
+      <kbd>
+        ↑
+      </kbd>
+       to scroll
+    </span>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+  <div
+    aria-label="Search Dialog"
+    class="mx_SpotlightDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div
+      class="mx_SpotlightDialog_searchBox mx_textinput"
+    >
+      <input
+        aria-activedescendant="mx_SpotlightDialog_button_result_Home"
+        aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+        aria-label="Search"
+        aria-owns="mx_SpotlightDialog_content"
+        autocapitalize="off"
+        autocomplete="off"
+        autocorrect="off"
+        placeholder="Search"
+        spellcheck="false"
+        type="text"
+        value="home"
+      />
+    </div>
+    <div
+      aria-activedescendant="mx_SpotlightDialog_button_result_Home"
+      aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+      id="mx_SpotlightDialog_content"
+      role="listbox"
+    >
+      <div
+        aria-labelledby="mx_SpotlightDialog_section_spaces"
+        class="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+        role="group"
+      >
+        <h4
+          id="mx_SpotlightDialog_section_spaces"
+        >
+          Spaces you're in
+        </h4>
+        <div>
+          <li
+            aria-selected="true"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_result_Home"
+            role="option"
+            tabindex="-1"
+          >
+            <div
+              class="mx_SpotlightDialog_metaspaceResult"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M16 11v8h3V9.177l-7-3.889-7 3.889V19h3v-8zm-6 10H5a2 2 0 0 1-2-2V9.177a2 2 0 0 1 1.029-1.748l7-3.89a2 2 0 0 1 1.942 0l7 3.89A2 2 0 0 1 21 9.177V19a2 2 0 0 1-2 2h-5v-8h-4z"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
+            Home
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+        </div>
+      </div>
+      <div
+        aria-labelledby="mx_SpotlightDialog_section_otherSearches"
+        class="mx_SpotlightDialog_section mx_SpotlightDialog_otherSearches"
+        role="group"
+      >
+        <h4
+          id="mx_SpotlightDialog_section_otherSearches"
+        >
+          Use "home" to search
+        </h4>
+        <div>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_explorePublicSpaces"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M6 21q-1.65 0-2.825-1.175T2 17t1.175-2.825T6 13t2.825 1.175T10 17t-1.175 2.825T6 21m12 0q-1.65 0-2.825-1.175T14 17t1.175-2.825T18 13t2.825 1.175T22 17t-1.175 2.825T18 21M6 19q.824 0 1.412-.587Q8 17.825 8 17t-.588-1.412A1.93 1.93 0 0 0 6 15q-.824 0-1.412.588A1.93 1.93 0 0 0 4 17q0 .824.588 1.413Q5.175 19 6 19m12 0q.824 0 1.413-.587Q20 17.825 20 17t-.587-1.412A1.93 1.93 0 0 0 18 15q-.824 0-1.413.588A1.93 1.93 0 0 0 16 17q0 .824.587 1.413Q17.176 19 18 19m-6-8q-1.65 0-2.825-1.175T8 7t1.175-2.825T12 3t2.825 1.175T16 7t-1.175 2.825T12 11m0-2q.825 0 1.412-.588Q14 7.826 14 7q0-.824-.588-1.412A1.93 1.93 0 0 0 12 5q-.825 0-1.412.588A1.93 1.93 0 0 0 10 7q0 .824.588 1.412Q11.175 9 12 9"
+              />
+            </svg>
+            Public spaces
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_explorePublicRooms"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m8.566 17-.944 4.094q-.086.406-.372.656t-.687.25q-.543 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.801-3.5H3.158q-.572 0-.916-.484a1.27 1.27 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12q-.57 0-.915-.484a1.27 1.27 0 0 1-.2-1.078A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094q.085-.406.372-.656.286-.25.686-.25.544 0 .887.469.345.468.2 1.031l-.8 3.5h4.578l.944-4.094q.085-.406.372-.656.286-.25.687-.25.543 0 .887.469t.2 1.031L17.723 7h3.119q.573 0 .916.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937H17.15l-1.145 5h3.12q.57 0 .915.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937h-3.691l-.944 4.094q-.087.406-.373.656t-.686.25q-.544 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.8-3.5zm.573-2.5h4.578l1.144-5h-4.578z"
+              />
+            </svg>
+            Public rooms
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_startChat"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
+              />
+              <path
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
+              />
+              <path
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
+              />
+            </svg>
+            People
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_searchMessages"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
+              />
+            </svg>
+            Messages
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;
+
+exports[`Spotlight Dialog metaspaces should show metaspace people-space 1`] = `
+<DocumentFragment>
+  <div
+    id="mx_SpotlightDialog_keyboardPrompt"
+  >
+    <span>
+      Use 
+      <kbd>
+        ↓
+      </kbd>
+      <kbd>
+        ↑
+      </kbd>
+       to scroll
+    </span>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+  <div
+    aria-label="Search Dialog"
+    class="mx_SpotlightDialog mx_Dialog_fixedWidth"
+    data-focus-lock-disabled="false"
+    role="dialog"
+    tabindex="-1"
+  >
+    <div
+      class="mx_Dialog_header"
+    />
+    <div
+      class="mx_SpotlightDialog_searchBox mx_textinput"
+    >
+      <input
+        aria-activedescendant="mx_SpotlightDialog_button_result_People"
+        aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+        aria-label="Search"
+        aria-owns="mx_SpotlightDialog_content"
+        autocapitalize="off"
+        autocomplete="off"
+        autocorrect="off"
+        placeholder="Search"
+        spellcheck="false"
+        type="text"
+        value="people"
+      />
+    </div>
+    <div
+      aria-activedescendant="mx_SpotlightDialog_button_result_People"
+      aria-describedby="mx_SpotlightDialog_keyboardPrompt"
+      id="mx_SpotlightDialog_content"
+      role="listbox"
+    >
+      <div
+        aria-labelledby="mx_SpotlightDialog_section_spaces"
+        class="mx_SpotlightDialog_section mx_SpotlightDialog_results"
+        role="group"
+      >
+        <h4
+          id="mx_SpotlightDialog_section_spaces"
+        >
+          Spaces you're in
+        </h4>
+        <div>
+          <li
+            aria-selected="true"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_result_People"
+            role="option"
+            tabindex="-1"
+          >
+            <div
+              class="mx_SpotlightDialog_metaspaceResult"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
+                />
+                <path
+                  d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
+                />
+                <path
+                  d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
+                />
+              </svg>
+            </div>
+            People
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+        </div>
+      </div>
+      <div
+        aria-labelledby="mx_SpotlightDialog_section_otherSearches"
+        class="mx_SpotlightDialog_section mx_SpotlightDialog_otherSearches"
+        role="group"
+      >
+        <h4
+          id="mx_SpotlightDialog_section_otherSearches"
+        >
+          Use "people" to search
+        </h4>
+        <div>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_explorePublicSpaces"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M6 21q-1.65 0-2.825-1.175T2 17t1.175-2.825T6 13t2.825 1.175T10 17t-1.175 2.825T6 21m12 0q-1.65 0-2.825-1.175T14 17t1.175-2.825T18 13t2.825 1.175T22 17t-1.175 2.825T18 21M6 19q.824 0 1.412-.587Q8 17.825 8 17t-.588-1.412A1.93 1.93 0 0 0 6 15q-.824 0-1.412.588A1.93 1.93 0 0 0 4 17q0 .824.588 1.413Q5.175 19 6 19m12 0q.824 0 1.413-.587Q20 17.825 20 17t-.587-1.412A1.93 1.93 0 0 0 18 15q-.824 0-1.413.588A1.93 1.93 0 0 0 16 17q0 .824.587 1.413Q17.176 19 18 19m-6-8q-1.65 0-2.825-1.175T8 7t1.175-2.825T12 3t2.825 1.175T16 7t-1.175 2.825T12 11m0-2q.825 0 1.412-.588Q14 7.826 14 7q0-.824-.588-1.412A1.93 1.93 0 0 0 12 5q-.825 0-1.412.588A1.93 1.93 0 0 0 10 7q0 .824.588 1.412Q11.175 9 12 9"
+              />
+            </svg>
+            Public spaces
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_explorePublicRooms"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m8.566 17-.944 4.094q-.086.406-.372.656t-.687.25q-.543 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.801-3.5H3.158q-.572 0-.916-.484a1.27 1.27 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12q-.57 0-.915-.484a1.27 1.27 0 0 1-.2-1.078A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094q.085-.406.372-.656.286-.25.686-.25.544 0 .887.469.345.468.2 1.031l-.8 3.5h4.578l.944-4.094q.085-.406.372-.656.286-.25.687-.25.543 0 .887.469t.2 1.031L17.723 7h3.119q.573 0 .916.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937H17.15l-1.145 5h3.12q.57 0 .915.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937h-3.691l-.944 4.094q-.087.406-.373.656t-.686.25q-.544 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.8-3.5zm.573-2.5h4.578l1.144-5h-4.578z"
+              />
+            </svg>
+            Public rooms
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_startChat"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
+              />
+              <path
+                d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
+              />
+              <path
+                d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
+              />
+            </svg>
+            People
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+          <li
+            aria-selected="false"
+            class="mx_AccessibleButton mx_SpotlightDialog_option"
+            id="mx_SpotlightDialog_button_searchMessages"
+            role="option"
+            tabindex="-1"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
+              />
+            </svg>
+            Messages
+            <div
+              class="mx_SpotlightDialog_option--endAdornment"
+            >
+              <kbd
+                aria-hidden="true"
+                class="mx_SpotlightDialog_enterPrompt"
+              >
+                ↵
+              </kbd>
+            </div>
+          </li>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    data-focus-guard="true"
+    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
+    tabindex="0"
+  />
+</DocumentFragment>
+`;
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap
index 044e0a2911..1f0fc266f6 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/UnpinAllDialog-test.tsx.snap
@@ -33,7 +33,7 @@ exports[`<UnpinAllDialog /> should render 1`] = `
       class="mx_UnpinAllDialog_buttons"
     >
       <button
-        class="_button_187yx_8 _destructive_187yx_107"
+        class="_button_13vu4_8 _destructive_13vu4_110"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -42,7 +42,7 @@ exports[`<UnpinAllDialog /> should render 1`] = `
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -56,7 +56,19 @@ exports[`<UnpinAllDialog /> should render 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/UntrustedDeviceDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/UntrustedDeviceDialog-test.tsx.snap
index d2da93910d..d2d69ebf26 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/UntrustedDeviceDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/UntrustedDeviceDialog-test.tsx.snap
@@ -27,7 +27,7 @@ exports[`<UntrustedDeviceDialog /> should display the dialog for the device of a
           style="width: 24px; height: 24px;"
         >
           <svg
-            class="mx_E2EIcon_warning"
+            color="var(--cpd-color-icon-critical-primary)"
             fill="currentColor"
             height="1em"
             viewBox="0 0 24 24"
@@ -79,7 +79,19 @@ exports[`<UntrustedDeviceDialog /> should display the dialog for the device of a
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -116,7 +128,7 @@ exports[`<UntrustedDeviceDialog /> should display the dialog for the device of t
           style="width: 24px; height: 24px;"
         >
           <svg
-            class="mx_E2EIcon_warning"
+            color="var(--cpd-color-icon-critical-primary)"
             fill="currentColor"
             height="1em"
             viewBox="0 0 24 24"
@@ -168,7 +180,19 @@ exports[`<UntrustedDeviceDialog /> should display the dialog for the device of t
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap
index 689167e46c..1a7c60d413 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/UploadConfirmDialog-test.tsx.snap
@@ -69,7 +69,19 @@ exports[`<UploadConfirmDialog /> should display image preview 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
index 8a42285ea0..79d21cf19f 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
@@ -37,7 +37,7 @@ exports[`VerificationRequestDialog After scanning QR, shows confirmation dialog
         style="width: 128px; height: 128px;"
       >
         <svg
-          class="mx_E2EIcon_verified"
+          color="var(--cpd-color-icon-success-primary)"
           fill="currentColor"
           height="1em"
           viewBox="0 0 24 24"
@@ -75,7 +75,19 @@ exports[`VerificationRequestDialog After scanning QR, shows confirmation dialog
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -119,7 +131,19 @@ exports[`VerificationRequestDialog After we started verification here, says we a
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -223,7 +247,19 @@ exports[`VerificationRequestDialog Initially, asks how you would like to verify
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -277,7 +313,19 @@ exports[`VerificationRequestDialog Shows a failure message if verification was c
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -324,7 +372,7 @@ exports[`VerificationRequestDialog Shows a successful message if verification fi
         style="width: 128px; height: 128px;"
       >
         <svg
-          class="mx_E2EIcon_verified"
+          color="var(--cpd-color-icon-success-primary)"
           fill="currentColor"
           height="1em"
           viewBox="0 0 24 24"
@@ -351,7 +399,19 @@ exports[`VerificationRequestDialog Shows a successful message if verification fi
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -396,41 +456,38 @@ exports[`VerificationRequestDialog When other device accepted emoji, displays em
           Confirm that the emojis below match those shown on your other device.
         </p>
         <div
-          class="mx_VerificationShowSas_emojiSas"
+          class="_container_1lqqy_8 mx_VerificationShowSas_emojiSas"
         >
           <div
-            class="mx_VerificationShowSas_emojiSas_block"
+            class="_segment_1lqqy_15"
           >
             <div
               aria-hidden="true"
-              class="mx_VerificationShowSas_emojiSas_emoji"
+              class="_emoji_1lqqy_23"
             >
               🐶
             </div>
             <div
-              class="mx_VerificationShowSas_emojiSas_label"
+              class="_label_1lqqy_29"
             >
               Dog
             </div>
           </div>
           <div
-            class="mx_VerificationShowSas_emojiSas_block"
+            class="_segment_1lqqy_15"
           >
             <div
               aria-hidden="true"
-              class="mx_VerificationShowSas_emojiSas_emoji"
+              class="_emoji_1lqqy_23"
             >
               🐱
             </div>
             <div
-              class="mx_VerificationShowSas_emojiSas_label"
+              class="_label_1lqqy_29"
             >
               Cat
             </div>
           </div>
-          <div
-            class="mx_VerificationShowSas_emojiSas_break"
-          />
         </div>
         <p />
         <div
@@ -458,7 +515,19 @@ exports[`VerificationRequestDialog When other device accepted emoji, displays em
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
index 761dc94e49..8610b5cf10 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
@@ -101,7 +101,19 @@ exports[`WidgetOpenIDPermissionsDialog should render 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap b/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
index ee3ebf88b5..10915b5222 100644
--- a/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
@@ -73,7 +73,7 @@ exports[`<Users /> should render a single device - signed by owner 1`] = `
             data-testid="e2e-icon"
           >
             <svg
-              class="mx_E2EIcon_normal"
+              color="var(--cpd-color-icon-tertiary)"
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
@@ -237,7 +237,7 @@ exports[`<Users /> should render a single device - unsigned 1`] = `
             data-testid="e2e-icon"
           >
             <svg
-              class="mx_E2EIcon_warning"
+              color="var(--cpd-color-icon-critical-primary)"
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
@@ -401,7 +401,7 @@ exports[`<Users /> should render a single device - verified by cross-signing 1`]
             data-testid="e2e-icon"
           >
             <svg
-              class="mx_E2EIcon_verified"
+              color="var(--cpd-color-icon-success-primary)"
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
@@ -555,7 +555,7 @@ exports[`<Users /> should render a single user 1`] = `
             data-testid="e2e-icon"
           >
             <svg
-              class="mx_E2EIcon_verified"
+              color="var(--cpd-color-icon-success-primary)"
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
@@ -587,7 +587,7 @@ exports[`<Users /> should render a single user 1`] = `
               data-testid="e2e-icon"
             >
               <svg
-                class="mx_E2EIcon_verified"
+                color="var(--cpd-color-icon-success-primary)"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -613,7 +613,7 @@ exports[`<Users /> should render a single user 1`] = `
               data-testid="e2e-icon"
             >
               <svg
-                class="mx_E2EIcon_normal"
+                color="var(--cpd-color-icon-tertiary)"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
@@ -637,7 +637,7 @@ exports[`<Users /> should render a single user 1`] = `
               data-testid="e2e-icon"
             >
               <svg
-                class="mx_E2EIcon_warning"
+                color="var(--cpd-color-icon-critical-primary)"
                 fill="currentColor"
                 height="1em"
                 viewBox="0 0 24 24"
diff --git a/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
index 138b79a609..82c0f1a869 100644
--- a/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/security/__snapshots__/CreateSecretStorageDialog-test.tsx.snap
@@ -53,9 +53,6 @@ exports[`CreateSecretStorageDialog handles the happy path 1`] = `
               <div
                 class="mx_CreateSecretStorageDialog_optionTitle"
               >
-                <span
-                  class="mx_CreateSecretStorageDialog_optionIcon mx_CreateSecretStorageDialog_optionIcon_secureBackup"
-                />
                 Generate a Recovery Key
               </div>
               <div>
@@ -83,9 +80,6 @@ exports[`CreateSecretStorageDialog handles the happy path 1`] = `
               <div
                 class="mx_CreateSecretStorageDialog_optionTitle"
               >
-                <span
-                  class="mx_CreateSecretStorageDialog_optionIcon mx_CreateSecretStorageDialog_optionIcon_securePhrase"
-                />
                 Enter a Security Phrase
               </div>
               <div>
@@ -147,7 +141,7 @@ exports[`CreateSecretStorageDialog handles the happy path 2`] = `
       class="mx_Dialog_header"
     >
       <h1
-        class="mx_Heading_h3 mx_Dialog_title mx_CreateSecretStorageDialog_titleWithIcon mx_CreateSecretStorageDialog_secureBackupTitle"
+        class="mx_Heading_h3 mx_Dialog_title"
         id="mx_BaseDialog_title"
       >
         Save your Recovery Key
diff --git a/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap
index 25b1032e64..cfee3dd7d7 100644
--- a/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/security/__snapshots__/ExportE2eKeysDialog-test.tsx.snap
@@ -102,7 +102,19 @@ exports[`ExportE2eKeysDialog renders 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap
index 0923ef3469..37bfb2765f 100644
--- a/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/security/__snapshots__/ImportE2eKeysDialog-test.tsx.snap
@@ -103,7 +103,19 @@ exports[`ImportE2eKeysDialog renders 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
index 76ebb04191..b82770405c 100644
--- a/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
@@ -91,7 +91,19 @@ exports[`<RestoreKeyBackupDialog /> should display an error when recovery key is
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -191,7 +203,19 @@ exports[`<RestoreKeyBackupDialog /> should not raise an error when recovery is v
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -291,7 +315,19 @@ exports[`<RestoreKeyBackupDialog /> should render 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -357,7 +393,19 @@ exports[`<RestoreKeyBackupDialog /> should restore key backup when Recovery key
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -423,7 +471,19 @@ exports[`<RestoreKeyBackupDialog /> should restore key backup when passphrase is
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -490,7 +550,19 @@ exports[`<RestoreKeyBackupDialog /> should restore key backup when the key is ca
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
@@ -557,7 +629,19 @@ exports[`<RestoreKeyBackupDialog /> should restore key backup when the key is in
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/elements/BugReportDialogButton-test.tsx b/test/unit-tests/components/views/elements/BugReportDialogButton-test.tsx
new file mode 100644
index 0000000000..34b2067653
--- /dev/null
+++ b/test/unit-tests/components/views/elements/BugReportDialogButton-test.tsx
@@ -0,0 +1,53 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { render } from "jest-matrix-react";
+import React, { type ComponentProps } from "react";
+import { afterEach } from "node:test";
+import userEvent from "@testing-library/user-event";
+
+import { BugReportDialogButton } from "../../../../../src/components/views/elements/BugReportDialogButton";
+import SdkConfig from "../../../../../src/SdkConfig";
+import Modal from "../../../../../src/Modal";
+import BugReportDialog from "../../../../../src/components/views/dialogs/BugReportDialog";
+import { BugReportEndpointURLLocal } from "../../../../../src/IConfigOptions";
+
+describe("<BugReportDialogButton />", () => {
+    const getComponent = (props: ComponentProps<typeof BugReportDialogButton> = {}) =>
+        render(<BugReportDialogButton {...props} />);
+
+    afterEach(() => {
+        SdkConfig.reset();
+        jest.restoreAllMocks();
+    });
+
+    it("renders nothing if the bug reporter is disabled", () => {
+        SdkConfig.put({ bug_report_endpoint_url: undefined });
+        const { container } = getComponent({});
+        expect(container).toBeEmptyDOMElement();
+    });
+
+    it("renders 'submit' label if a URL is configured", () => {
+        SdkConfig.put({ bug_report_endpoint_url: "https://example.org" });
+        const { container } = getComponent({});
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders 'download' label if 'loca' is configured", () => {
+        SdkConfig.put({ bug_report_endpoint_url: BugReportEndpointURLLocal });
+        const { container } = getComponent({});
+        expect(container).toMatchSnapshot();
+    });
+
+    it("passes through props to dialog", async () => {
+        SdkConfig.put({ bug_report_endpoint_url: BugReportEndpointURLLocal });
+        const spy = jest.spyOn(Modal, "createDialog");
+        const { getByRole } = getComponent({ label: "a label", error: "an error" });
+        await userEvent.click(getByRole("button"));
+        expect(spy).toHaveBeenCalledWith(BugReportDialog, { error: "an error", label: "a label" });
+    });
+});
diff --git a/test/unit-tests/components/views/elements/ImageView-test.tsx b/test/unit-tests/components/views/elements/ImageView-test.tsx
index 6537a3948a..4a5bd83710 100644
--- a/test/unit-tests/components/views/elements/ImageView-test.tsx
+++ b/test/unit-tests/components/views/elements/ImageView-test.tsx
@@ -9,7 +9,7 @@
 import React from "react";
 import { mocked } from "jest-mock";
 import { render, fireEvent, waitFor } from "jest-matrix-react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { MatrixEvent } from "matrix-js-sdk/src/matrix";
 
 import ImageView from "../../../../../src/components/views/elements/ImageView";
@@ -23,7 +23,6 @@ jest.mock("../../../../../src/utils/FileDownloader");
 describe("<ImageView />", () => {
     beforeEach(() => {
         jest.resetAllMocks();
-        fetchMock.reset();
     });
 
     it("renders correctly", () => {
diff --git a/test/unit-tests/components/views/elements/ReplyChain-test.tsx b/test/unit-tests/components/views/elements/ReplyChain-test.tsx
index 38f5684eb7..4f750869c6 100644
--- a/test/unit-tests/components/views/elements/ReplyChain-test.tsx
+++ b/test/unit-tests/components/views/elements/ReplyChain-test.tsx
@@ -1,81 +1,62 @@
 /*
-Copyright 2024 New Vector Ltd.
-Copyright 2021 The Matrix.org Foundation C.I.C.
+Copyright 2025 Element Creations Ltd.
 
 SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import * as testUtils from "../../../../test-utils";
-import { getParentEventId } from "../../../../../src/utils/Reply";
+import React from "react";
+import { render, waitFor } from "jest-matrix-react";
+
+import ReplyChain from "../../../../../src/components/views/elements/ReplyChain.tsx";
+import { mkEvent, stubClient, withClientContextRenderOptions } from "../../../../test-utils";
 
 describe("ReplyChain", () => {
-    describe("getParentEventId", () => {
-        it("retrieves relation reply from unedited event", () => {
-            const originalEventWithRelation = testUtils.mkEvent({
-                event: true,
-                type: "m.room.message",
-                content: {
-                    "msgtype": "m.text",
-                    "body": "> Reply to this message\n\n foo",
-                    "m.relates_to": {
-                        "m.in_reply_to": {
-                            event_id: "$qkjmFBTEc0VvfVyzq1CJuh1QZi_xDIgNEFjZ4Pq34og",
-                        },
-                    },
-                },
-                user: "some_other_user",
-                room: "room_id",
-            });
+    it("should call setQuoteExpanded if chain is longer than 2 lines", async () => {
+        // Jest/JSDOM won't set clientHeight/scrollHeight for us so we have to synthesise it
+        jest.spyOn(Element.prototype, "clientHeight", "get").mockReturnValue(100);
+        jest.spyOn(Element.prototype, "scrollHeight", "get").mockReturnValue(150);
 
-            expect(getParentEventId(originalEventWithRelation)).toStrictEqual(
-                "$qkjmFBTEc0VvfVyzq1CJuh1QZi_xDIgNEFjZ4Pq34og",
-            );
+        const cli = stubClient();
+        const { room_id: roomId } = await cli.createRoom({});
+        const room = cli.getRoom(roomId)!;
+
+        const targetEv = mkEvent({
+            event: true,
+            type: "m.room.message",
+            user: cli.getUserId()!,
+            room: roomId,
+            id: "$event1",
+            content: {
+                body: "A\nB\nC",
+                msgtype: "m.text",
+            },
         });
+        jest.spyOn(room, "findEventById").mockReturnValue(targetEv);
 
-        it("retrieves relation reply from original event when edited", () => {
-            const originalEventWithRelation = testUtils.mkEvent({
-                event: true,
-                type: "m.room.message",
-                content: {
-                    "msgtype": "m.text",
-                    "body": "> Reply to this message\n\n foo",
-                    "m.relates_to": {
-                        "m.in_reply_to": {
-                            event_id: "$qkjmFBTEc0VvfVyzq1CJuh1QZi_xDIgNEFjZ4Pq34og",
-                        },
+        const parentEv = mkEvent({
+            event: true,
+            type: "m.room.message",
+            user: cli.getUserId()!,
+            room: roomId,
+            id: "$event2",
+            content: {
+                "body": "Reply",
+                "msgtype": "m.text",
+                "m.relates_to": {
+                    "m.in_reply_to": {
+                        event_id: "$event1",
                     },
                 },
-                user: "some_other_user",
-                room: "room_id",
-            });
-
-            const editEvent = testUtils.mkEvent({
-                event: true,
-                type: "m.room.message",
-                content: {
-                    "msgtype": "m.text",
-                    "body": "> Reply to this message\n\n * foo bar",
-                    "m.new_content": {
-                        msgtype: "m.text",
-                        body: "foo bar",
-                    },
-                    "m.relates_to": {
-                        rel_type: "m.replace",
-                        event_id: originalEventWithRelation.getId(),
-                    },
-                },
-                user: "some_other_user",
-                room: "room_id",
-            });
-
-            // The edit replaces the original event
-            originalEventWithRelation.makeReplaced(editEvent);
-
-            // The relation should be pulled from the original event
-            expect(getParentEventId(originalEventWithRelation)).toStrictEqual(
-                "$qkjmFBTEc0VvfVyzq1CJuh1QZi_xDIgNEFjZ4Pq34og",
-            );
+            },
         });
+        const setQuoteExpanded = jest.fn();
+        const { asFragment } = render(
+            <ReplyChain parentEv={parentEv} setQuoteExpanded={setQuoteExpanded} />,
+            withClientContextRenderOptions(cli),
+        );
+
+        await waitFor(() => expect(setQuoteExpanded).toHaveBeenCalledWith(false));
+        expect(asFragment()).toMatchSnapshot();
     });
 });
diff --git a/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
index 3c88a63cb6..d3dd88572f 100644
--- a/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
+++ b/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
@@ -26,13 +26,16 @@ exports[`AppTile destroys non-persisted right panel widget on room change 1`] =
             aria-haspopup="true"
             aria-label="Options"
             class="mx_AccessibleButton mx_BaseCard_header_title_button--option"
+            data-state="closed"
+            id="radix-_r_0_"
             role="button"
             tabindex="0"
+            type="button"
           />
         </div>
         <button
-          aria-labelledby="_r_0_"
-          class="_icon-button_1pz9o_8"
+          aria-labelledby="_r_2_"
+          class="_icon-button_1215g_8"
           data-kind="secondary"
           data-testid="base-card-close-button"
           role="button"
@@ -173,8 +176,11 @@ exports[`AppTile for a pinned widget should render 1`] = `
           aria-haspopup="true"
           aria-label="Options"
           class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          data-state="closed"
+          id="radix-_r_1k_"
           role="button"
           tabindex="0"
+          type="button"
         >
           <svg
             class="mx_Icon mx_Icon_12"
@@ -286,8 +292,11 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
           aria-haspopup="true"
           aria-label="Options"
           class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+          data-state="closed"
+          id="radix-_r_30_"
           role="button"
           tabindex="0"
+          type="button"
         >
           <svg
             class="mx_Icon mx_Icon_12"
@@ -340,8 +349,8 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
             <span>
               Using this widget may share data 
               <div
-                aria-describedby="_r_2f_"
-                aria-labelledby="_r_2e_"
+                aria-describedby="_r_33_"
+                aria-labelledby="_r_32_"
                 class="mx_TextWithTooltip_target mx_TextWithTooltip_target--helpIcon"
               >
                 <svg
@@ -478,8 +487,11 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                 aria-haspopup="true"
                 aria-label="Options"
                 class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
+                data-state="closed"
+                id="radix-_r_10_"
                 role="button"
                 tabindex="0"
+                type="button"
               >
                 <svg
                   class="mx_Icon mx_Icon_12"
diff --git a/test/unit-tests/components/views/elements/__snapshots__/BugReportDialogButton-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/BugReportDialogButton-test.tsx.snap
new file mode 100644
index 0000000000..9d3f37db66
--- /dev/null
+++ b/test/unit-tests/components/views/elements/__snapshots__/BugReportDialogButton-test.tsx.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<BugReportDialogButton /> renders 'download' label if 'loca' is configured 1`] = `
+<div>
+  <button
+    class="_button_13vu4_8"
+    data-kind="secondary"
+    data-size="sm"
+    role="button"
+    tabindex="0"
+  >
+    Download logs
+  </button>
+</div>
+`;
+
+exports[`<BugReportDialogButton /> renders 'submit' label if a URL is configured 1`] = `
+<div>
+  <button
+    class="_button_13vu4_8"
+    data-kind="secondary"
+    data-size="sm"
+    role="button"
+    tabindex="0"
+  >
+    Submit debug logs
+  </button>
+</div>
+`;
diff --git a/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap
index 40af301ccf..34df12f2c0 100644
--- a/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap
+++ b/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap
@@ -23,40 +23,154 @@ exports[`<ImageView /> renders correctly 1`] = `
         <div
           aria-describedby="_r_2_"
           aria-label="Zoom out"
-          class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomOut"
+          class="mx_AccessibleButton mx_ImageView_button"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M13.5 9.5q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-6a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5z"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11"
+              fill-rule="evenodd"
+            />
+          </svg>
+        </div>
         <div
           aria-label="Zoom in"
-          class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomIn"
+          class="mx_AccessibleButton mx_ImageView_button"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <g
+              clip-path="url(#a)"
+            >
+              <path
+                d="M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
+              />
+              <path
+                clip-rule="evenodd"
+                d="M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11"
+                fill-rule="evenodd"
+              />
+              <path
+                d="M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414zM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0"
+              />
+              <path
+                d="M7.875 11.375h1.75v1.75q0 .372.252.623A.85.85 0 0 0 10.5 14a.85.85 0 0 0 .623-.252.85.85 0 0 0 .252-.623v-1.75h1.75a.85.85 0 0 0 .623-.252A.85.85 0 0 0 14 10.5a.85.85 0 0 0-.252-.623.85.85 0 0 0-.623-.252h-1.75v-1.75a.85.85 0 0 0-.252-.623A.85.85 0 0 0 10.5 7a.85.85 0 0 0-.623.252.85.85 0 0 0-.252.623v1.75h-1.75a.85.85 0 0 0-.623.252A.85.85 0 0 0 7 10.5q0 .372.252.623a.85.85 0 0 0 .623.252"
+              />
+            </g>
+            <defs>
+              <clippath
+                id="a"
+              >
+                <path
+                  d="M0 0h24v24H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
         <div
           aria-label="Rotate Left"
-          class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCCW"
+          class="mx_AccessibleButton mx_ImageView_button"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M6.56 7.98C6.1 7.52 5.31 7.6 5 8.17c-.28.51-.5 1.03-.67 1.58-.19.63.31 1.25.96 1.25h.01c.43 0 .82-.28.94-.7q.18-.6.48-1.17c.22-.37.15-.84-.16-1.15M5.31 13h-.02c-.65 0-1.15.62-.96 1.25.16.54.38 1.07.66 1.58.31.57 1.11.66 1.57.2.3-.31.38-.77.17-1.15-.2-.37-.36-.76-.48-1.16a.97.97 0 0 0-.94-.72m2.85 6.02q.765.42 1.59.66c.62.18 1.24-.32 1.24-.96v-.03c0-.43-.28-.82-.7-.94-.4-.12-.78-.28-1.15-.48a.97.97 0 0 0-1.16.17l-.03.03c-.45.45-.36 1.24.21 1.55M13 4.07v-.66c0-.89-1.08-1.34-1.71-.71L9.17 4.83c-.4.4-.4 1.04 0 1.43l2.13 2.08c.63.62 1.7.17 1.7-.72V6.09c2.84.48 5 2.94 5 5.91 0 2.73-1.82 5.02-4.32 5.75a.97.97 0 0 0-.68.94v.02c0 .65.61 1.14 1.23.96A7.976 7.976 0 0 0 20 12c0-4.08-3.05-7.44-7-7.93"
+            />
+          </svg>
+        </div>
         <div
           aria-label="Rotate Right"
-          class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCW"
+          class="mx_AccessibleButton mx_ImageView_button"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <g
+              clip-path="url(#a)"
+            >
+              <path
+                d="M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"
+              />
+            </g>
+            <defs>
+              <clippath
+                id="a"
+              >
+                <path
+                  d="M0 0h24v24H0z"
+                />
+              </clippath>
+            </defs>
+          </svg>
+        </div>
         <div
           aria-label="Download"
-          class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_download"
+          class="mx_AccessibleButton mx_ImageView_button"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 15.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.95.95 0 0 1-.275-.7q0-.425.275-.7.274-.275.712-.288t.713.263L11 12.15V5q0-.424.287-.713A.97.97 0 0 1 12 4q.424 0 .713.287Q13 4.576 13 5v7.15l1.875-1.875q.274-.274.713-.263.437.014.712.288a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-3.6 3.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063M6 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-2q0-.424.287-.713A.97.97 0 0 1 5 15q.424 0 .713.287Q6 15.576 6 16v2h12v-2q0-.424.288-.713A.97.97 0 0 1 19 15q.424 0 .712.287.288.288.288.713v2q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20z"
+            />
+          </svg>
+        </div>
         <div
           aria-label="Close"
           class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_close"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+            />
+          </svg>
+        </div>
       </div>
     </div>
     <div
diff --git a/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap
index 6e759d1810..7a3bbe4ac1 100644
--- a/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap
+++ b/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap
@@ -15,17 +15,17 @@ exports[`<LabelledCheckbox /> should render with byline of "this is a byline" 1`
           class="_inline-field-control_19upo_44"
         >
           <div
-            class="_container_1md5v_10"
+            class="_container_153f2_10"
           >
             <input
               aria-describedby="_r_4_"
               checked=""
-              class="_input_1md5v_18"
+              class="_input_153f2_18"
               id="checkbox_vY7Q4uEh9K"
               type="checkbox"
             />
             <div
-              class="_ui_1md5v_19"
+              class="_ui_153f2_19"
             >
               <svg
                 aria-hidden="true"
@@ -83,16 +83,16 @@ exports[`<LabelledCheckbox /> should render with byline of undefined 1`] = `
           class="_inline-field-control_19upo_44"
         >
           <div
-            class="_container_1md5v_10"
+            class="_container_153f2_10"
           >
             <input
               checked=""
-              class="_input_1md5v_18"
+              class="_input_153f2_18"
               id="checkbox_vY7Q4uEh9K"
               type="checkbox"
             />
             <div
-              class="_ui_1md5v_19"
+              class="_ui_153f2_19"
             >
               <svg
                 aria-hidden="true"
diff --git a/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap
index 93d794a179..20b866d2b2 100644
--- a/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/elements/__snapshots__/PollCreateDialog-test.tsx.snap
@@ -26,7 +26,19 @@ exports[`PollCreateDialog renders a blank poll 1`] = `
       class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
     <form
       class="mx_CompoundDialog_form"
     >
@@ -60,6 +72,18 @@ exports[`PollCreateDialog renders a blank poll 1`] = `
             <label
               for="mx_Field_1"
             />
+            <svg
+              class="mx_Field_select_chevron"
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+              />
+            </svg>
           </div>
           <p>
             Voters see results as soon as they have voted
@@ -111,7 +135,19 @@ exports[`PollCreateDialog renders a blank poll 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_PollCreateDialog_option"
@@ -137,7 +173,19 @@ exports[`PollCreateDialog renders a blank poll 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
@@ -205,7 +253,19 @@ exports[`PollCreateDialog renders a question and some options 1`] = `
       class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
     <form
       class="mx_CompoundDialog_form"
     >
@@ -239,6 +299,18 @@ exports[`PollCreateDialog renders a question and some options 1`] = `
             <label
               for="mx_Field_4"
             />
+            <svg
+              class="mx_Field_select_chevron"
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+              />
+            </svg>
           </div>
           <p>
             Voters see results as soon as they have voted
@@ -290,7 +362,19 @@ exports[`PollCreateDialog renders a question and some options 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_PollCreateDialog_option"
@@ -316,7 +400,19 @@ exports[`PollCreateDialog renders a question and some options 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_PollCreateDialog_option"
@@ -342,7 +438,19 @@ exports[`PollCreateDialog renders a question and some options 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
@@ -408,7 +516,19 @@ exports[`PollCreateDialog renders info from a previous event 1`] = `
       class="mx_AccessibleButton mx_CompoundDialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
     <form
       class="mx_CompoundDialog_form"
     >
@@ -442,6 +562,18 @@ exports[`PollCreateDialog renders info from a previous event 1`] = `
             <label
               for="mx_Field_5"
             />
+            <svg
+              class="mx_Field_select_chevron"
+              fill="currentColor"
+              height="1em"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+              />
+            </svg>
           </div>
           <p>
             Voters see results as soon as they have voted
@@ -493,7 +625,19 @@ exports[`PollCreateDialog renders info from a previous event 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_PollCreateDialog_option"
@@ -519,7 +663,19 @@ exports[`PollCreateDialog renders info from a previous event 1`] = `
               class="mx_AccessibleButton mx_PollCreateDialog_removeOption"
               role="button"
               tabindex="0"
-            />
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_AccessibleButton mx_PollCreateDialog_addOption mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
diff --git a/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
new file mode 100644
index 0000000000..b22e49ae12
--- /dev/null
+++ b/test/unit-tests/components/views/elements/__snapshots__/ReplyChain-test.tsx.snap
@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`ReplyChain should call setQuoteExpanded if chain is longer than 2 lines 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_ReplyChain_wrapper"
+  >
+    <div />
+    <div>
+      <blockquote
+        class="mx_ReplyChain mx_ReplyChain_color2"
+      >
+        <div
+          class="mx_ReplyTile"
+        >
+          <a
+            href="#"
+          >
+            <div
+              class="mx_ReplyTile_sender"
+            >
+              <span
+                class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
+                data-color="2"
+                data-testid="avatar-img"
+                data-type="round"
+                role="presentation"
+                style="--cpd-avatar-size: 16px;"
+                title="@userId:matrix.org"
+              >
+                u
+              </span>
+              <div
+                class="mx_DisambiguatedProfile"
+              >
+                <span
+                  class="mx_Username_color2 mx_DisambiguatedProfile_displayName"
+                  dir="auto"
+                >
+                  @userId:matrix.org
+                </span>
+              </div>
+            </div>
+            <div
+              class="mx_MTextBody mx_EventTile_content"
+            >
+              <div
+                class="mx_EventTile_body translate"
+                dir="auto"
+              >
+                A
+B
+C
+              </div>
+            </div>
+          </a>
+        </div>
+      </blockquote>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap b/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
index 3216492774..4fd595d51a 100644
--- a/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
+++ b/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
@@ -54,7 +54,7 @@ exports[`<LocationShareMenu /> with live location disabled goes to labs flag scr
     </div>
     <button
       aria-disabled="true"
-      class="_button_187yx_8 mx_EnableLiveShare_button"
+      class="_button_13vu4_8 mx_EnableLiveShare_button"
       data-kind="primary"
       data-size="lg"
       role="button"
diff --git a/test/unit-tests/components/views/messages/DecryptionFailureBody-test.tsx b/test/unit-tests/components/views/messages/DecryptionFailureBody-test.tsx
deleted file mode 100644
index ce628da309..0000000000
--- a/test/unit-tests/components/views/messages/DecryptionFailureBody-test.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * Copyright 2024 New Vector Ltd.
- * Copyright 2023 The Matrix.org Foundation C.I.C.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { render } from "jest-matrix-react";
-import { type MatrixEvent } from "matrix-js-sdk/src/matrix";
-import { mkDecryptionFailureMatrixEvent } from "matrix-js-sdk/src/testing";
-import { DecryptionFailureCode } from "matrix-js-sdk/src/crypto-api";
-
-import { mkEvent } from "../../../../test-utils";
-import { DecryptionFailureBody } from "../../../../../src/components/views/messages/DecryptionFailureBody";
-import { LocalDeviceVerificationStateContext } from "../../../../../src/contexts/LocalDeviceVerificationStateContext";
-
-describe("DecryptionFailureBody", () => {
-    function customRender(event: MatrixEvent, localDeviceVerified: boolean = false) {
-        return render(
-            <LocalDeviceVerificationStateContext.Provider value={localDeviceVerified}>
-                <DecryptionFailureBody mxEvent={event} />
-            </LocalDeviceVerificationStateContext.Provider>,
-        );
-    }
-
-    it(`Should display "Unable to decrypt message"`, () => {
-        // When
-        const event = mkEvent({
-            type: "m.room.message",
-            room: "myfakeroom",
-            user: "myfakeuser",
-            content: {
-                msgtype: "m.bad.encrypted",
-            },
-            event: true,
-        });
-        const { container } = customRender(event);
-
-        // Then
-        expect(container).toMatchSnapshot();
-    });
-
-    it(`Should display "The sender has blocked you from receiving this message"`, async () => {
-        // When
-        const event = await mkDecryptionFailureMatrixEvent({
-            code: DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE,
-            msg: "withheld",
-            roomId: "myfakeroom",
-            sender: "myfakeuser",
-        });
-
-        const { container } = customRender(event);
-
-        // Then
-        expect(container).toMatchSnapshot();
-    });
-
-    it("should handle historical messages with no key backup", async () => {
-        // When
-        const event = await mkDecryptionFailureMatrixEvent({
-            code: DecryptionFailureCode.HISTORICAL_MESSAGE_NO_KEY_BACKUP,
-            msg: "No backup",
-            roomId: "fakeroom",
-            sender: "fakesender",
-        });
-        const { container } = customRender(event);
-
-        // Then
-        expect(container).toHaveTextContent("Historical messages are not available on this device");
-    });
-
-    it.each([true, false])(
-        "should handle historical messages when there is a backup and device verification is %s",
-        async (verified) => {
-            // When
-            const event = await mkDecryptionFailureMatrixEvent({
-                code: DecryptionFailureCode.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
-                msg: "Failure",
-                roomId: "fakeroom",
-                sender: "fakesender",
-            });
-            const { container } = customRender(event, verified);
-
-            // Then
-            expect(container).toHaveTextContent(
-                verified ? "Unable to decrypt" : "You need to verify this device for access to historical messages",
-            );
-        },
-    );
-
-    it("should handle undecryptable pre-join messages", async () => {
-        // When
-        const event = await mkDecryptionFailureMatrixEvent({
-            code: DecryptionFailureCode.HISTORICAL_MESSAGE_USER_NOT_JOINED,
-            msg: "Not joined",
-            roomId: "fakeroom",
-            sender: "fakesender",
-        });
-        const { container } = customRender(event);
-
-        // Then
-        expect(container).toHaveTextContent("You don't have access to this message");
-    });
-
-    it("should handle messages from users who change identities after verification", async () => {
-        // When
-        const event = await mkDecryptionFailureMatrixEvent({
-            code: DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED,
-            msg: "User previously verified",
-            roomId: "fakeroom",
-            sender: "fakesender",
-        });
-        const { container } = customRender(event);
-
-        // Then
-        expect(container).toMatchSnapshot();
-    });
-
-    it("should handle messages from unverified devices", async () => {
-        // When
-        const event = await mkDecryptionFailureMatrixEvent({
-            code: DecryptionFailureCode.UNSIGNED_SENDER_DEVICE,
-            msg: "Unsigned device",
-            roomId: "fakeroom",
-            sender: "fakesender",
-        });
-        const { container } = customRender(event);
-
-        // Then
-        expect(container).toHaveTextContent("Sent from an insecure device");
-    });
-});
diff --git a/test/unit-tests/components/views/messages/DownloadActionButton-test.tsx b/test/unit-tests/components/views/messages/DownloadActionButton-test.tsx
index b127fbc4dc..a209ca1d29 100644
--- a/test/unit-tests/components/views/messages/DownloadActionButton-test.tsx
+++ b/test/unit-tests/components/views/messages/DownloadActionButton-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { mocked } from "jest-mock";
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { fireEvent, render, screen, waitFor } from "jest-matrix-react";
 import { MatrixEvent } from "matrix-js-sdk/src/matrix";
 import userEvent from "@testing-library/user-event";
@@ -37,7 +37,6 @@ describe("DownloadActionButton", () => {
 
     beforeEach(() => {
         jest.restoreAllMocks();
-        fetchMockJest.restore();
     });
 
     afterEach(() => {
@@ -51,7 +50,7 @@ describe("DownloadActionButton", () => {
             (mxc) => `https://matrix.org/_matrix/media/r0/download/${mxc.slice(6)}`,
         );
 
-        fetchMockJest.getOnce("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", {
+        fetchMock.getOnce("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", {
             status: 404,
             body: { errcode: "M_NOT_FOUND", error: "Not found" },
         });
@@ -78,7 +77,7 @@ describe("DownloadActionButton", () => {
 
         const user = userEvent.setup();
 
-        fetchMockJest.getOnce("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", "TESTFILE");
+        fetchMock.getOnce("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", "TESTFILE");
 
         const event = new MatrixEvent({
             room_id: "!room:id",
@@ -106,7 +105,7 @@ describe("DownloadActionButton", () => {
 
         stubClient();
 
-        fetchMockJest.getOnce("http://this.is.a.url/matrix.org/1234", "TESTFILE");
+        fetchMock.getOnce("http://this.is.a.url/matrix.org/1234", "TESTFILE");
 
         const mediaEventHelper = new MediaEventHelper(plainEvent);
 
@@ -127,7 +126,7 @@ describe("DownloadActionButton", () => {
 
         stubClient();
 
-        fetchMockJest.getOnce("http://this.is.a.url/matrix.org/1234", "UFTUGJMF");
+        fetchMock.getOnce("http://this.is.a.url/matrix.org/1234", "UFTUGJMF");
 
         const e2eEvent = new MatrixEvent({
             room_id: "!room:id",
diff --git a/test/unit-tests/components/views/messages/MFileBody-test.tsx b/test/unit-tests/components/views/messages/MFileBody-test.tsx
index e5e56c2efa..93bc2f28db 100644
--- a/test/unit-tests/components/views/messages/MFileBody-test.tsx
+++ b/test/unit-tests/components/views/messages/MFileBody-test.tsx
@@ -85,4 +85,31 @@ describe("<MFileBody/>", () => {
         expect(getByRole("link", { name: "Download" })).toBeInTheDocument();
         expect(container).toMatchSnapshot();
     });
+
+    it.each(["m.file", "m.audio", "m.video"])("should show %s generic placeholder", async (msgtype) => {
+        const mediaEvent = new MatrixEvent({
+            room_id: "!room:server",
+            sender: userId,
+            type: EventType.RoomMessage,
+            content: {
+                body: "alt",
+                msgtype,
+                url: "mxc://server/image",
+            },
+        });
+
+        const { container, getByRole } = render(
+            <ScopedRoomContextProvider {...({ timelineRenderingType: TimelineRenderingType.File } as any)}>
+                <MFileBody
+                    {...props}
+                    mxEvent={mediaEvent}
+                    mediaEventHelper={new MediaEventHelper(mediaEvent)}
+                    showGenericPlaceholder={true}
+                />
+            </ScopedRoomContextProvider>,
+        );
+
+        expect(getByRole("button", { name: "alt" })).toBeInTheDocument();
+        expect(container).toMatchSnapshot();
+    });
 });
diff --git a/test/unit-tests/components/views/messages/MImageBody-test.tsx b/test/unit-tests/components/views/messages/MImageBody-test.tsx
index 41d89ff505..882e1fa5d8 100644
--- a/test/unit-tests/components/views/messages/MImageBody-test.tsx
+++ b/test/unit-tests/components/views/messages/MImageBody-test.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { fireEvent, render, screen, waitFor, waitForElementToBeRemoved, within } from "jest-matrix-react";
 import { EventType, getHttpUriForMxc, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import encrypt from "matrix-encrypt-attachment";
 import { mocked } from "jest-mock";
 import fs from "fs";
@@ -121,7 +121,7 @@ describe("<MImageBody/>", () => {
             withClientContextRenderOptions(cli),
         );
 
-        expect(fetchMock).toHaveBeenCalledWith(url);
+        expect(fetchMock).toHaveFetched(url);
 
         await screen.findByText("Error downloading image");
     });
@@ -167,7 +167,7 @@ describe("<MImageBody/>", () => {
 
             expect(screen.getByText("Show image")).toBeInTheDocument();
 
-            expect(fetchMock).not.toHaveFetched(url);
+            expect(fetchMock).toHaveFetchedTimes(0, url);
         });
 
         it("should render hidden image placeholder", async () => {
@@ -246,13 +246,9 @@ describe("<MImageBody/>", () => {
 
         mocked(global.URL.createObjectURL).mockReturnValue("blob:generated-thumb");
 
-        fetchMock.getOnce(
-            "https://server/_matrix/media/v3/download/server/image",
-            {
-                body: fs.readFileSync(path.resolve(__dirname, "..", "..", "..", "images", "animated-logo.webp")),
-            },
-            { sendAsJson: false },
-        );
+        fetchMock.getOnce("https://server/_matrix/media/v3/download/server/image", {
+            body: fs.readFileSync(path.resolve(__dirname, "..", "..", "..", "images", "animated-logo.webp")),
+        });
 
         const event = new MatrixEvent({
             room_id: "!room:server",
diff --git a/test/unit-tests/components/views/messages/MStickerBody-test.tsx b/test/unit-tests/components/views/messages/MStickerBody-test.tsx
index 3ae44215d1..bcc79b5c50 100644
--- a/test/unit-tests/components/views/messages/MStickerBody-test.tsx
+++ b/test/unit-tests/components/views/messages/MStickerBody-test.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { render, screen } from "jest-matrix-react";
 import { EventType, getHttpUriForMxc, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import userEvent from "@testing-library/user-event";
 
 import { RoomPermalinkCreator } from "../../../../../src/utils/permalinks/Permalinks";
diff --git a/test/unit-tests/components/views/messages/MVideoBody-test.tsx b/test/unit-tests/components/views/messages/MVideoBody-test.tsx
index a4fe79df96..51390f2136 100644
--- a/test/unit-tests/components/views/messages/MVideoBody-test.tsx
+++ b/test/unit-tests/components/views/messages/MVideoBody-test.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { EventType, getHttpUriForMxc, type IContent, type MatrixClient, MatrixEvent } from "matrix-js-sdk/src/matrix";
 import { fireEvent, render, screen } from "jest-matrix-react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { type MockedObject } from "jest-mock";
 
 import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
@@ -170,7 +170,7 @@ describe("MVideoBody", () => {
 
             expect(screen.getByText("Show video")).toBeInTheDocument();
 
-            expect(fetchMock).not.toHaveFetched(thumbUrl);
+            expect(fetchMock).toHaveFetchedTimes(0, thumbUrl);
         });
 
         it("should render video poster after user consent", async () => {
diff --git a/test/unit-tests/components/views/messages/MessageActionBar-test.tsx b/test/unit-tests/components/views/messages/MessageActionBar-test.tsx
index cab8dd4c11..e44e25d78d 100644
--- a/test/unit-tests/components/views/messages/MessageActionBar-test.tsx
+++ b/test/unit-tests/components/views/messages/MessageActionBar-test.tsx
@@ -536,4 +536,29 @@ describe("<MessageActionBar />", () => {
             await waitFor(() => expect(screen.getByLabelText("Unpin")).toBeInTheDocument());
         });
     });
+
+    describe("expand/collapse quote buttons", () => {
+        it.each([
+            ["expand", false],
+            ["collapse", true],
+        ])("should render %s", (state, value) => {
+            const { getByLabelText } = getComponent({
+                mxEvent: new MatrixEvent({
+                    type: EventType.RoomMessage,
+                    sender: userId,
+                    room_id: roomId,
+                    content: {
+                        "msgtype": MsgType.Text,
+                        "body": "Hello",
+                        "m.relates_to": {
+                            "m.in_reply_to": { event_id: alicesMessageEvent.getId() },
+                        },
+                    },
+                    event_id: "$alices_reply",
+                }),
+                isQuoteExpanded: value,
+            });
+            expect(getByLabelText(`${state[0].toUpperCase()}${state.slice(1)} quotes`)).toBeInTheDocument();
+        });
+    });
 });
diff --git a/test/unit-tests/components/views/messages/MessageEvent-test.tsx b/test/unit-tests/components/views/messages/MessageEvent-test.tsx
index a2f788c4ab..17b3e81623 100644
--- a/test/unit-tests/components/views/messages/MessageEvent-test.tsx
+++ b/test/unit-tests/components/views/messages/MessageEvent-test.tsx
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { render, type RenderResult } from "jest-matrix-react";
 import { type MatrixClient, type MatrixEvent, EventType, type Room, MsgType } from "matrix-js-sdk/src/matrix";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import fs from "fs";
 import path from "path";
 
@@ -96,13 +96,9 @@ describe("MessageEvent", () => {
         }
 
         function mockMedia() {
-            fetchMock.getOnce(
-                "https://server/_matrix/media/v3/download/server/image",
-                {
-                    body: fs.readFileSync(path.resolve(__dirname, "..", "..", "..", "images", "animated-logo.webp")),
-                },
-                { sendAsJson: false },
-            );
+            fetchMock.getOnce("https://server/_matrix/media/v3/download/server/image", {
+                body: fs.readFileSync(path.resolve(__dirname, "..", "..", "..", "images", "animated-logo.webp")),
+            });
         }
 
         it("should render a TextualBody and an ImageBody", () => {
diff --git a/test/unit-tests/components/views/messages/ReactionsRowButton-test.tsx b/test/unit-tests/components/views/messages/ReactionsRowButton-test.tsx
index 3b4298a61c..ef6fa3ba61 100644
--- a/test/unit-tests/components/views/messages/ReactionsRowButton-test.tsx
+++ b/test/unit-tests/components/views/messages/ReactionsRowButton-test.tsx
@@ -7,19 +7,38 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import { type IContent, MatrixEvent, Room } from "matrix-js-sdk/src/matrix";
-import { render } from "jest-matrix-react";
+import { EventType, type IContent, MatrixEvent, RelationType, Room } from "matrix-js-sdk/src/matrix";
+import { fireEvent, render } from "jest-matrix-react";
 
 import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
 import { getMockClientWithEventEmitter } from "../../../../test-utils";
 import ReactionsRowButton, { type IProps } from "../../../../../src/components/views/messages/ReactionsRowButton";
+import dis from "../../../../../src/dispatcher/dispatcher";
+import { type Media, mediaFromMxc } from "../../../../../src/customisations/Media";
+
+jest.mock("../../../../../src/dispatcher/dispatcher");
+
+jest.mock("../../../../../src/customisations/Media", () => ({
+    mediaFromMxc: jest.fn(),
+}));
+
+jest.mock("@element-hq/web-shared-components", () => {
+    const actual = jest.requireActual("@element-hq/web-shared-components");
+    return {
+        ...actual,
+        ReactionsRowButtonTooltipView: ({ children }: { children: React.ReactNode }) => <>{children}</>,
+    };
+});
+
+const mockMediaFromMxc = mediaFromMxc as jest.MockedFunction<typeof mediaFromMxc>;
 
 describe("ReactionsRowButton", () => {
     const userId = "@alice:server";
     const roomId = "!randomcharacters:aser.ver";
     const mockClient = getMockClientWithEventEmitter({
-        mxcUrlToHttp: jest.fn().mockReturnValue("https://not.a.real.url"),
         getRoom: jest.fn(),
+        sendEvent: jest.fn().mockResolvedValue({ event_id: "$sent_event" }),
+        redactEvent: jest.fn().mockResolvedValue({}),
     });
     const room = new Room(roomId, mockClient, userId);
 
@@ -52,6 +71,10 @@ describe("ReactionsRowButton", () => {
         mockClient.getRoom.mockImplementation((roomId: string): Room | null => {
             return roomId === room.roomId ? room : null;
         });
+        // Default mock for mediaFromMxc
+        mockMediaFromMxc.mockReturnValue({
+            srcHttp: "https://not.a.real.url",
+        } as unknown as Media);
     });
 
     it("renders reaction row button emojis correctly", () => {
@@ -122,4 +145,402 @@ describe("ReactionsRowButton", () => {
 
         expect(root.asFragment()).toMatchSnapshot();
     });
+
+    it("calls setProps on ViewModel when props change", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { rerender, container } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Create new props with different values
+        const newMxEvent = new MatrixEvent({
+            room_id: roomId,
+            event_id: "$test2:example.com",
+            content: { body: "test2" },
+        });
+
+        const newReactionEvents = [
+            new MatrixEvent({
+                type: "m.reaction",
+                sender: "@user3:example.com",
+                content: {
+                    "m.relates_to": {
+                        event_id: "$user3:example.com",
+                        key: "👎",
+                        rel_type: "m.annotation",
+                    },
+                },
+            }),
+        ];
+
+        const updatedProps: IProps = {
+            ...props,
+            mxEvent: newMxEvent,
+            content: "👎",
+            reactionEvents: newReactionEvents,
+            customReactionImagesEnabled: false,
+        };
+
+        rerender(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...updatedProps} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // The component should have updated - verify by checking the rendered content
+        expect(container.querySelector(".mx_ReactionsRowButton_content")?.textContent).toBe("👎");
+    });
+
+    it("disposes ViewModel on unmount", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { unmount } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Unmount should not throw
+        expect(() => unmount()).not.toThrow();
+    });
+
+    it("redacts reaction when clicking with myReactionEvent", () => {
+        const myReactionEvent = new MatrixEvent({
+            type: "m.reaction",
+            sender: userId,
+            event_id: "$my_reaction:example.com",
+            content: {
+                "m.relates_to": {
+                    event_id: "$user1:example.com",
+                    key: "👍",
+                    rel_type: "m.annotation",
+                },
+            },
+        });
+
+        const props: IProps = {
+            ...createProps({
+                "m.relates_to": {
+                    event_id: "$user1:example.com",
+                    key: "👍",
+                    rel_type: "m.annotation",
+                },
+            }),
+            myReactionEvent,
+        };
+
+        const root = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        const button = root.getByRole("button");
+        fireEvent.click(button);
+
+        expect(mockClient.redactEvent).toHaveBeenCalledWith(roomId, "$my_reaction:example.com");
+    });
+
+    it("sends reaction when clicking without myReactionEvent", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$test:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const root = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        const button = root.getByRole("button");
+        fireEvent.click(button);
+
+        expect(mockClient.sendEvent).toHaveBeenCalledWith(roomId, EventType.Reaction, {
+            "m.relates_to": {
+                rel_type: RelationType.Annotation,
+                event_id: "$test:example.com",
+                key: "👍",
+            },
+        });
+        expect(dis.dispatch).toHaveBeenCalledWith({ action: "message_sent" });
+    });
+
+    it("uses reactors as label when content is empty", () => {
+        const props: IProps = {
+            mxEvent: new MatrixEvent({
+                room_id: roomId,
+                event_id: "$test:example.com",
+                content: { body: "test" },
+            }),
+            content: "", // Empty content
+            count: 2,
+            reactionEvents: [
+                new MatrixEvent({
+                    type: "m.reaction",
+                    sender: "@user1:example.com",
+                    content: {},
+                }),
+                new MatrixEvent({
+                    type: "m.reaction",
+                    sender: "@user2:example.com",
+                    content: {},
+                }),
+            ],
+            customReactionImagesEnabled: true,
+        };
+
+        const root = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // The button should still render
+        const button = root.getByRole("button");
+        expect(button).toBeInTheDocument();
+    });
+
+    it("renders custom image reaction with fallback label when no shortcode", () => {
+        const props: IProps = {
+            mxEvent: new MatrixEvent({
+                room_id: roomId,
+                event_id: "$test:example.com",
+                content: { body: "test" },
+            }),
+            content: "mxc://example.com/custom_image",
+            count: 1,
+            reactionEvents: [
+                new MatrixEvent({
+                    type: "m.reaction",
+                    sender: "@user1:example.com",
+                    content: {
+                        "m.relates_to": {
+                            event_id: "$test:example.com",
+                            key: "mxc://example.com/custom_image",
+                            rel_type: "m.annotation",
+                        },
+                    },
+                }),
+            ],
+            customReactionImagesEnabled: true,
+        };
+
+        const root = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Should render an image element for custom reaction
+        const img = root.container.querySelector("img.mx_ReactionsRowButton_content");
+        expect(img).toBeInTheDocument();
+        expect(img).toHaveAttribute("src", "https://not.a.real.url");
+    });
+
+    it("falls back to text when mxc URL cannot be converted to HTTP", () => {
+        // Make mediaFromMxc return null srcHttp to simulate failed conversion
+        mockMediaFromMxc.mockReturnValueOnce({
+            srcHttp: null,
+        } as unknown as Media);
+
+        const props: IProps = {
+            mxEvent: new MatrixEvent({
+                room_id: roomId,
+                event_id: "$test:example.com",
+                content: { body: "test" },
+            }),
+            content: "mxc://example.com/invalid_image",
+            count: 1,
+            reactionEvents: [
+                new MatrixEvent({
+                    type: "m.reaction",
+                    sender: "@user1:example.com",
+                    content: {
+                        "m.relates_to": {
+                            event_id: "$test:example.com",
+                            key: "mxc://example.com/invalid_image",
+                            rel_type: "m.annotation",
+                        },
+                    },
+                }),
+            ],
+            customReactionImagesEnabled: true,
+        };
+
+        const root = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Should render span (not img) when imageSrc is null
+        const span = root.container.querySelector("span.mx_ReactionsRowButton_content");
+        expect(span).toBeInTheDocument();
+        const img = root.container.querySelector("img.mx_ReactionsRowButton_content");
+        expect(img).not.toBeInTheDocument();
+    });
+
+    it("updates ViewModel when only mxEvent changes", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { rerender } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Only change mxEvent
+        const newMxEvent = new MatrixEvent({
+            room_id: roomId,
+            event_id: "$test2:example.com",
+            content: { body: "test2" },
+        });
+
+        expect(() =>
+            rerender(
+                <MatrixClientContext.Provider value={mockClient}>
+                    <ReactionsRowButton {...props} mxEvent={newMxEvent} />
+                </MatrixClientContext.Provider>,
+            ),
+        ).not.toThrow();
+    });
+
+    it("updates ViewModel when only content changes", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { rerender, container } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Only change content
+        rerender(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} content="👎" />
+            </MatrixClientContext.Provider>,
+        );
+
+        expect(container.querySelector(".mx_ReactionsRowButton_content")?.textContent).toBe("👎");
+    });
+
+    it("updates ViewModel when only reactionEvents changes", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { rerender } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Only change reactionEvents
+        const newReactionEvents = [
+            new MatrixEvent({
+                type: "m.reaction",
+                sender: "@user3:example.com",
+                content: {
+                    "m.relates_to": {
+                        event_id: "$user1:example.com",
+                        key: "👍",
+                        rel_type: "m.annotation",
+                    },
+                },
+            }),
+        ];
+
+        expect(() =>
+            rerender(
+                <MatrixClientContext.Provider value={mockClient}>
+                    <ReactionsRowButton {...props} reactionEvents={newReactionEvents} />
+                </MatrixClientContext.Provider>,
+            ),
+        ).not.toThrow();
+    });
+
+    it("updates ViewModel when only customReactionImagesEnabled changes", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { rerender } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Only change customReactionImagesEnabled
+        expect(() =>
+            rerender(
+                <MatrixClientContext.Provider value={mockClient}>
+                    <ReactionsRowButton {...props} customReactionImagesEnabled={false} />
+                </MatrixClientContext.Provider>,
+            ),
+        ).not.toThrow();
+    });
+
+    it("does not update ViewModel when props stay the same", () => {
+        const props = createProps({
+            "m.relates_to": {
+                event_id: "$user1:example.com",
+                key: "👍",
+                rel_type: "m.annotation",
+            },
+        });
+
+        const { rerender } = render(
+            <MatrixClientContext.Provider value={mockClient}>
+                <ReactionsRowButton {...props} />
+            </MatrixClientContext.Provider>,
+        );
+
+        // Rerender with same props - setProps should not be called
+        expect(() =>
+            rerender(
+                <MatrixClientContext.Provider value={mockClient}>
+                    <ReactionsRowButton {...props} />
+                </MatrixClientContext.Provider>,
+            ),
+        ).not.toThrow();
+    });
 });
diff --git a/test/unit-tests/components/views/messages/__snapshots__/DateSeparator-test.tsx.snap b/test/unit-tests/components/views/messages/__snapshots__/DateSeparator-test.tsx.snap
index 3b5f687c70..055ce6b337 100644
--- a/test/unit-tests/components/views/messages/__snapshots__/DateSeparator-test.tsx.snap
+++ b/test/unit-tests/components/views/messages/__snapshots__/DateSeparator-test.tsx.snap
@@ -4,8 +4,9 @@ exports[`DateSeparator renders invalid date separator correctly 1`] = `
 <DocumentFragment>
   <div
     aria-label="Invalid timestamp"
-    class="mx_TimelineSeparator"
+    class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
     role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
   >
     <hr
       role="none"
@@ -31,8 +32,9 @@ exports[`DateSeparator renders the date separator correctly 1`] = `
 <DocumentFragment>
   <div
     aria-label="today"
-    class="mx_TimelineSeparator"
+    class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
     role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
   >
     <hr
       role="none"
@@ -58,8 +60,9 @@ exports[`DateSeparator when feature_jump_to_date is enabled renders the date sep
 <DocumentFragment>
   <div
     aria-label="Fri, Dec 17, 2021"
-    class="mx_TimelineSeparator"
+    class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8"
     role="separator"
+    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
   >
     <hr
       role="none"
diff --git a/test/unit-tests/components/views/messages/__snapshots__/DecryptionFailureBody-test.tsx.snap b/test/unit-tests/components/views/messages/__snapshots__/DecryptionFailureBody-test.tsx.snap
deleted file mode 100644
index 823b1f5e6c..0000000000
--- a/test/unit-tests/components/views/messages/__snapshots__/DecryptionFailureBody-test.tsx.snap
+++ /dev/null
@@ -1,45 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`DecryptionFailureBody Should display "The sender has blocked you from receiving this message" 1`] = `
-<div>
-  <div
-    class="mx_DecryptionFailureBody mx_EventTile_content"
-  >
-    The sender has blocked you from receiving this message because your device is unverified
-  </div>
-</div>
-`;
-
-exports[`DecryptionFailureBody Should display "Unable to decrypt message" 1`] = `
-<div>
-  <div
-    class="mx_DecryptionFailureBody mx_EventTile_content"
-  >
-    Unable to decrypt message
-  </div>
-</div>
-`;
-
-exports[`DecryptionFailureBody should handle messages from users who change identities after verification 1`] = `
-<div>
-  <div
-    class="mx_DecryptionFailureBody mx_EventTile_content mx_DecryptionFailureSenderTrustRequirement"
-  >
-    <span>
-      <svg
-        class="mx_Icon mx_Icon_16"
-        fill="currentColor"
-        height="1em"
-        viewBox="0 0 24 24"
-        width="1em"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12q0-1.35-.437-2.6A8 8 0 0 0 18.3 7.1L7.1 18.3q1.05.825 2.3 1.262T12 20m-6.3-3.1L16.9 5.7a8 8 0 0 0-2.3-1.263A7.8 7.8 0 0 0 12 4Q8.65 4 6.325 6.325T4 12q0 1.35.438 2.6A8 8 0 0 0 5.7 16.9"
-        />
-      </svg>
-      Sender's verified identity was reset
-    </span>
-  </div>
-</div>
-`;
diff --git a/test/unit-tests/components/views/messages/__snapshots__/MFileBody-test.tsx.snap b/test/unit-tests/components/views/messages/__snapshots__/MFileBody-test.tsx.snap
index 2e4b78b3bc..a36a889539 100644
--- a/test/unit-tests/components/views/messages/__snapshots__/MFileBody-test.tsx.snap
+++ b/test/unit-tests/components/views/messages/__snapshots__/MFileBody-test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<MFileBody/> should show a download button in file rendering type 1`] =
       class="mx_MFileBody_download"
     >
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="sm"
         rel="noreferrer noopener"
@@ -35,3 +35,126 @@ exports[`<MFileBody/> should show a download button in file rendering type 1`] =
   </span>
 </div>
 `;
+
+exports[`<MFileBody/> should show m.audio generic placeholder 1`] = `
+<div>
+  <span
+    class="mx_MFileBody"
+  >
+    <div
+      class="mx_AccessibleButton mx_MediaBody mx_MFileBody_info"
+      role="button"
+      tabindex="0"
+    >
+      <span
+        class="mx_MFileBody_info_icon"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M3 14v-4a2 2 0 0 1 2-2h2l3.293-3.293c.63-.63 1.707-.184 1.707.707v13.172c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2m11.122-5.536a1 1 0 0 1 1.414 0A5 5 0 0 1 17 12c0 1.38-.56 2.632-1.464 3.536a1 1 0 0 1-1.415-1.415 3 3 0 0 0 .88-2.121c0-.829-.335-1.577-.88-2.121a1 1 0 0 1 0-1.415"
+          />
+          <path
+            d="M16.95 5.636a1 1 0 0 1 1.414 0A8.98 8.98 0 0 1 21 12a8.98 8.98 0 0 1-2.636 6.364 1 1 0 0 1-1.414-1.414A6.98 6.98 0 0 0 19 12a6.98 6.98 0 0 0-2.05-4.95 1 1 0 0 1 0-1.414"
+          />
+        </svg>
+      </span>
+      <span
+        aria-labelledby="_r_6_"
+        tabindex="0"
+      >
+        <span
+          class="mx_MFileBody_info_filename"
+        >
+          alt
+        </span>
+      </span>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<MFileBody/> should show m.file generic placeholder 1`] = `
+<div>
+  <span
+    class="mx_MFileBody"
+  >
+    <div
+      class="mx_AccessibleButton mx_MediaBody mx_MFileBody_info"
+      role="button"
+      tabindex="0"
+    >
+      <span
+        class="mx_MFileBody_info_icon"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M11.5 22q-2.3 0-3.9-1.6T6 16.5V6q0-1.65 1.175-2.825T10 2t2.825 1.175T14 6v9.5q0 1.05-.725 1.775T11.5 18t-1.775-.725T9 15.5V6.75A.73.73 0 0 1 9.75 6a.73.73 0 0 1 .75.75v8.75q0 .424.287.712.288.288.713.288.424 0 .713-.288a.97.97 0 0 0 .287-.712V6q0-1.05-.725-1.775T10 3.5t-1.775.725T7.5 6v10.5q0 1.65 1.175 2.825T11.5 20.5t2.825-1.175T15.5 16.5V6.75a.73.73 0 0 1 .75-.75.73.73 0 0 1 .75.75v9.75q0 2.3-1.6 3.9T11.5 22"
+          />
+        </svg>
+      </span>
+      <span
+        aria-labelledby="_r_0_"
+        tabindex="0"
+      >
+        <span
+          class="mx_MFileBody_info_filename"
+        >
+          alt
+        </span>
+      </span>
+    </div>
+  </span>
+</div>
+`;
+
+exports[`<MFileBody/> should show m.video generic placeholder 1`] = `
+<div>
+  <span
+    class="mx_MFileBody"
+  >
+    <div
+      class="mx_AccessibleButton mx_MediaBody mx_MFileBody_info"
+      role="button"
+      tabindex="0"
+    >
+      <span
+        class="mx_MFileBody_info_icon"
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4"
+          />
+        </svg>
+      </span>
+      <span
+        aria-labelledby="_r_c_"
+        tabindex="0"
+      >
+        <span
+          class="mx_MFileBody_info_filename"
+        >
+          alt
+        </span>
+      </span>
+    </div>
+  </span>
+</div>
+`;
diff --git a/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap b/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap
index 7f54e73f9b..5b2befbd61 100644
--- a/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap
+++ b/test/unit-tests/components/views/messages/__snapshots__/MImageBody-test.tsx.snap
@@ -110,34 +110,136 @@ exports[`<MImageBody/> should open ImageView using thumbnail for encrypted svg 1
     >
       <div
         aria-label="Zoom out"
-        class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomOut"
+        class="mx_AccessibleButton mx_ImageView_button"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M13.5 9.5q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-6a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5z"
+          />
+          <path
+            clip-rule="evenodd"
+            d="M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11"
+            fill-rule="evenodd"
+          />
+        </svg>
+      </div>
       <div
         aria-label="Zoom in"
-        class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomIn"
+        class="mx_AccessibleButton mx_ImageView_button"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#a)"
+          >
+            <path
+              d="M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
+            />
+            <path
+              clip-rule="evenodd"
+              d="M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11"
+              fill-rule="evenodd"
+            />
+            <path
+              d="M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414zM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0"
+            />
+            <path
+              d="M7.875 11.375h1.75v1.75q0 .372.252.623A.85.85 0 0 0 10.5 14a.85.85 0 0 0 .623-.252.85.85 0 0 0 .252-.623v-1.75h1.75a.85.85 0 0 0 .623-.252A.85.85 0 0 0 14 10.5a.85.85 0 0 0-.252-.623.85.85 0 0 0-.623-.252h-1.75v-1.75a.85.85 0 0 0-.252-.623A.85.85 0 0 0 10.5 7a.85.85 0 0 0-.623.252.85.85 0 0 0-.252.623v1.75h-1.75a.85.85 0 0 0-.623.252A.85.85 0 0 0 7 10.5q0 .372.252.623a.85.85 0 0 0 .623.252"
+            />
+          </g>
+          <defs>
+            <clippath
+              id="a"
+            >
+              <path
+                d="M0 0h24v24H0z"
+              />
+            </clippath>
+          </defs>
+        </svg>
+      </div>
       <div
         aria-label="Rotate Left"
-        class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCCW"
+        class="mx_AccessibleButton mx_ImageView_button"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M6.56 7.98C6.1 7.52 5.31 7.6 5 8.17c-.28.51-.5 1.03-.67 1.58-.19.63.31 1.25.96 1.25h.01c.43 0 .82-.28.94-.7q.18-.6.48-1.17c.22-.37.15-.84-.16-1.15M5.31 13h-.02c-.65 0-1.15.62-.96 1.25.16.54.38 1.07.66 1.58.31.57 1.11.66 1.57.2.3-.31.38-.77.17-1.15-.2-.37-.36-.76-.48-1.16a.97.97 0 0 0-.94-.72m2.85 6.02q.765.42 1.59.66c.62.18 1.24-.32 1.24-.96v-.03c0-.43-.28-.82-.7-.94-.4-.12-.78-.28-1.15-.48a.97.97 0 0 0-1.16.17l-.03.03c-.45.45-.36 1.24.21 1.55M13 4.07v-.66c0-.89-1.08-1.34-1.71-.71L9.17 4.83c-.4.4-.4 1.04 0 1.43l2.13 2.08c.63.62 1.7.17 1.7-.72V6.09c2.84.48 5 2.94 5 5.91 0 2.73-1.82 5.02-4.32 5.75a.97.97 0 0 0-.68.94v.02c0 .65.61 1.14 1.23.96A7.976 7.976 0 0 0 20 12c0-4.08-3.05-7.44-7-7.93"
+          />
+        </svg>
+      </div>
       <div
         aria-label="Rotate Right"
-        class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCW"
+        class="mx_AccessibleButton mx_ImageView_button"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <g
+            clip-path="url(#a)"
+          >
+            <path
+              d="M14.83 4.83 12.7 2.7c-.62-.62-1.7-.18-1.7.71v.66C7.06 4.56 4 7.92 4 12c0 3.64 2.43 6.71 5.77 7.68.62.18 1.23-.32 1.23-.96v-.03a.97.97 0 0 0-.68-.94A5.98 5.98 0 0 1 6 12c0-2.97 2.16-5.43 5-5.91v1.53c0 .89 1.07 1.33 1.7.71l2.13-2.08a.99.99 0 0 0 0-1.42m4.84 4.93q-.24-.825-.66-1.59c-.31-.57-1.1-.66-1.56-.2l-.01.01c-.31.31-.38.78-.17 1.16.2.37.36.76.48 1.16.12.42.51.7.94.7h.02c.65 0 1.15-.62.96-1.24M13 18.68v.02c0 .65.62 1.14 1.24.96q.825-.24 1.59-.66c.57-.31.66-1.1.2-1.56l-.02-.02a.97.97 0 0 0-1.16-.17c-.37.21-.76.37-1.16.49-.41.12-.69.51-.69.94m4.44-2.65c.46.46 1.25.37 1.56-.2.28-.51.5-1.04.67-1.59.18-.62-.31-1.24-.96-1.24h-.02c-.44 0-.82.28-.94.7q-.18.6-.48 1.17c-.21.38-.13.86.17 1.16"
+            />
+          </g>
+          <defs>
+            <clippath
+              id="a"
+            >
+              <path
+                d="M0 0h24v24H0z"
+              />
+            </clippath>
+          </defs>
+        </svg>
+      </div>
       <div
         aria-label="Download"
-        class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_download"
+        class="mx_AccessibleButton mx_ImageView_button"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 15.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.95.95 0 0 1-.275-.7q0-.425.275-.7.274-.275.712-.288t.713.263L11 12.15V5q0-.424.287-.713A.97.97 0 0 1 12 4q.424 0 .713.287Q13 4.576 13 5v7.15l1.875-1.875q.274-.274.713-.263.437.014.712.288a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-3.6 3.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063M6 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 18v-2q0-.424.287-.713A.97.97 0 0 1 5 15q.424 0 .713.287Q6 15.576 6 16v2h12v-2q0-.424.288-.713A.97.97 0 0 1 19 15q.424 0 .712.287.288.288.288.713v2q0 .824-.587 1.413A1.93 1.93 0 0 1 18 20z"
+          />
+        </svg>
+      </div>
       <div
         aria-expanded="false"
         aria-haspopup="true"
@@ -145,13 +247,37 @@ exports[`<MImageBody/> should open ImageView using thumbnail for encrypted svg 1
         class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_more"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+          />
+        </svg>
+      </div>
       <div
         aria-label="Close"
         class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_close"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+          />
+        </svg>
+      </div>
     </div>
   </div>
   <div
@@ -183,7 +309,19 @@ exports[`<MImageBody/> should render MFileBody for svg with no thumbnail 1`] = `
     >
       <span
         class="mx_MFileBody_info_icon"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M11.5 22q-2.3 0-3.9-1.6T6 16.5V6q0-1.65 1.175-2.825T10 2t2.825 1.175T14 6v9.5q0 1.05-.725 1.775T11.5 18t-1.775-.725T9 15.5V6.75A.73.73 0 0 1 9.75 6a.73.73 0 0 1 .75.75v8.75q0 .424.287.712.288.288.713.288.424 0 .713-.288a.97.97 0 0 0 .287-.712V6q0-1.05-.725-1.775T10 3.5t-1.775.725T7.5 6v10.5q0 1.65 1.175 2.825T11.5 20.5t2.825-1.175T15.5 16.5V6.75a.73.73 0 0 1 .75-.75.73.73 0 0 1 .75.75v9.75q0 2.3-1.6 3.9T11.5 22"
+          />
+        </svg>
+      </span>
       <span
         aria-labelledby="_r_0_"
         tabindex="0"
diff --git a/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap b/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap
index 1b57a0aa0f..6d16a9fd6a 100644
--- a/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap
+++ b/test/unit-tests/components/views/messages/__snapshots__/MPollBody-test.tsx.snap
@@ -147,7 +147,19 @@ exports[`MPollBody renders a finished poll 1`] = `
             value="italian"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
@@ -293,7 +305,19 @@ exports[`MPollBody renders a finished poll with multiple winners 1`] = `
             value="pizza"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
@@ -452,7 +476,19 @@ exports[`MPollBody renders a finished poll with multiple winners 1`] = `
             value="wings"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
@@ -1123,7 +1159,19 @@ exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] =
             value="italian"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
@@ -1646,7 +1694,19 @@ exports[`MPollBody renders a poll with only non-local votes 1`] = `
             value="wings"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
@@ -1737,7 +1797,19 @@ exports[`MPollBody renders an undisclosed, finished poll 1`] = `
             value="pizza"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
@@ -1896,7 +1968,19 @@ exports[`MPollBody renders an undisclosed, finished poll 1`] = `
             value="wings"
           />
           <div>
-            <div />
+            <div>
+              <svg
+                fill="currentColor"
+                height="1em"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.55 17.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213L4.55 13q-.274-.274-.262-.713.012-.437.287-.712a.95.95 0 0 1 .7-.275q.425 0 .7.275L9.55 15.15l8.475-8.475q.274-.275.713-.275.437 0 .712.275.275.274.275.713 0 .437-.275.712l-9.2 9.2q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                />
+              </svg>
+            </div>
           </div>
           <div
             class="mx_StyledRadioButton_content"
diff --git a/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap b/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap
index 0c2f2dc9ec..2565ee90d6 100644
--- a/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap
+++ b/test/unit-tests/components/views/messages/__snapshots__/RoomPredecessorTile-test.tsx.snap
@@ -3,15 +3,26 @@
 exports[`<RoomPredecessorTile /> Renders as expected 1`] = `
 <DocumentFragment>
   <div
-    class="mx_EventTileBubble mx_CreateEvent"
+    class="_container_sq5fu_8 mx_EventTileBubble mx_CreateEvent"
   >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2.95 16.3 1.5 21.25a.94.94 0 0 0 .25 1 .94.94 0 0 0 1 .25l4.95-1.45a10.2 10.2 0 0 0 2.1.712Q10.875 22 12 22a9.7 9.7 0 0 0 3.9-.788 10.1 10.1 0 0 0 3.175-2.137q1.35-1.35 2.137-3.175A9.7 9.7 0 0 0 22 12a9.7 9.7 0 0 0-.788-3.9 10.1 10.1 0 0 0-2.137-3.175q-1.35-1.35-3.175-2.137A9.7 9.7 0 0 0 12 2a9.7 9.7 0 0 0-3.9.788 10.1 10.1 0 0 0-3.175 2.137Q3.575 6.275 2.788 8.1A9.7 9.7 0 0 0 2 12q0 1.125.238 2.2.237 1.076.712 2.1"
+      />
+    </svg>
     <div
-      class="mx_EventTileBubble_title"
+      class="_title_sq5fu_34"
     >
       This room is a continuation of another conversation.
     </div>
     <div
-      class="mx_EventTileBubble_subtitle"
+      class="_subtitle_sq5fu_35"
     >
       <a
         href="https://matrix.to/#/old_room_id/$tombstone_event_id"
diff --git a/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap b/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap
index f890c7228e..dd5c67cbf1 100644
--- a/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap
+++ b/test/unit-tests/components/views/messages/shared/__snapshots__/MediaProcessingError-test.tsx.snap
@@ -5,11 +5,21 @@ exports[`<MediaProcessingError /> renders 1`] = `
   <span
     class="test-classname"
   >
-    <div
+    <svg
       class="mx_MediaProcessingError_Icon"
+      fill="currentColor"
       height="16"
+      viewBox="0 0 24 24"
       width="16"
-    />
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638.15.361.15.762v3.516A6 6 0 0 0 18 12V9h-4a.97.97 0 0 1-.713-.287A.97.97 0 0 1 13 8V4H6v16h6.341c.264.745.67 1.423 1.187 2z"
+      />
+      <path
+        d="M18 14a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1m-1 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0"
+      />
+    </svg>
     Something went wrong
   </span>
 </div>
diff --git a/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx b/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx
index 844f9e2cca..9911093356 100644
--- a/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx
+++ b/test/unit-tests/components/views/polls/pollHistory/PollListItemEnded-test.tsx
@@ -19,6 +19,7 @@ import {
     mockClientMethodsUser,
     mockIntlDateTimeFormat,
     setupRoomWithPollEvents,
+    unmockIntlDateTimeFormat,
 } from "../../../../../test-utils";
 
 describe("<PollListItemEnded />", () => {
@@ -52,14 +53,14 @@ describe("<PollListItemEnded />", () => {
     const getComponent = (props: { event: MatrixEvent; poll: Poll }) =>
         render(<PollListItemEnded {...props} onClick={jest.fn()} />);
 
-    beforeEach(() => {
+    beforeAll(() => {
         // mock default locale to en-GB and set timezone
         // so these tests run the same everywhere
         mockIntlDateTimeFormat();
     });
 
-    afterEach(() => {
-        jest.resetAllMocks();
+    afterAll(() => {
+        unmockIntlDateTimeFormat();
     });
 
     it("renders a poll with no responses", async () => {
diff --git a/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx b/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
index 0e5c7efffe..44b7fe8317 100644
--- a/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
+++ b/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { render, fireEvent, screen } from "jest-matrix-react";
-import { Room, type MatrixClient, JoinRule, MatrixEvent } from "matrix-js-sdk/src/matrix";
+import { Room, type MatrixClient, JoinRule, MatrixEvent, HistoryVisibility } from "matrix-js-sdk/src/matrix";
 import { mocked, type MockedObject } from "jest-mock";
 import userEvent from "@testing-library/user-event";
 
@@ -56,6 +56,7 @@ describe("<RoomSummaryCard />", () => {
         e2eStatus: undefined,
         isVideoRoom: false,
         roomJoinRule: JoinRule.Public,
+        historyVisibility: HistoryVisibility.Shared,
         alias: "",
         isFavorite: false,
         canInviteToState: true,
diff --git a/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx b/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx
index 0fbe248d44..c6a7de8ee1 100644
--- a/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx
+++ b/test/unit-tests/components/views/right_panel/VerificationPanel-test.tsx
@@ -105,7 +105,7 @@ describe("<VerificationPanel />", () => {
         });
 
         it("should show some emojis once keys are exchanged", () => {
-            const { container } = renderComponent({
+            const { getAllByText } = renderComponent({
                 request: mockRequest,
                 phase: Phase.Started,
             });
@@ -117,11 +117,8 @@ describe("<VerificationPanel />", () => {
                 mockVerifier.emit(VerifierEvent.ShowSas, sasEvent);
             });
 
-            const emojis = container.getElementsByClassName("mx_VerificationShowSas_emojiSas_block");
-            expect(emojis.length).toEqual(7);
-            for (const emoji of emojis) {
-                expect(emoji).toHaveTextContent("🦄Unicorn");
-            }
+            expect(getAllByText("🦄")).toHaveLength(7);
+            expect(getAllByText("Unicorn")).toHaveLength(7);
         });
 
         describe("'Verify own device' flow", () => {
diff --git a/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap b/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap
index 284997b93a..b4e558abac 100644
--- a/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`<BaseCard /> should close when clicking X button 1`] = `
       </div>
       <button
         aria-labelledby="_r_0_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
diff --git a/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap b/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
index 5041fa294c..bdcb397486 100644
--- a/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`<ExtensionsCard /> should render empty state 1`] = `
       </div>
       <button
         aria-labelledby="_r_0_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -50,7 +50,7 @@ exports[`<ExtensionsCard /> should render empty state 1`] = `
       tabindex="-1"
     >
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -121,7 +121,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
       </div>
       <button
         aria-labelledby="_r_6_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -151,7 +151,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
       tabindex="-1"
     >
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -216,7 +216,19 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
           class="mx_AccessibleButton mx_ExtensionsCard_app_pinToggle"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
+            />
+          </svg>
+        </div>
       </div>
       <div
         class="mx_BaseCard_Button mx_ExtensionsCard_Button"
@@ -257,33 +269,23 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
           class="mx_AccessibleButton mx_ExtensionsCard_app_pinToggle"
           role="button"
           tabindex="0"
-        />
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
+            />
+          </svg>
+        </div>
       </div>
     </div>
   </div>
 </DocumentFragment>
 `;
 
-exports[`<ExtensionsCard /> should show context menu on widget row 1`] = `
-<ul
-  class="mx_IconizedContextMenu"
-  role="none"
->
-  <div
-    class="mx_IconizedContextMenu_optionList mx_IconizedContextMenu_optionList_notFirst"
-  >
-    <li
-      aria-label="Remove for everyone"
-      class="mx_AccessibleButton mx_IconizedContextMenu_item"
-      role="menuitem"
-      tabindex="0"
-    >
-      <span
-        class="mx_IconizedContextMenu_label"
-      >
-        Remove for everyone
-      </span>
-    </li>
-  </div>
-</ul>
-`;
+exports[`<ExtensionsCard /> should show context menu on widget row 1`] = `null`;
diff --git a/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap b/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
index 5d528a853c..f6f733a2d6 100644
--- a/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`<PinnedMessagesCard /> should show the empty state when there are no pi
       </div>
       <button
         aria-labelledby="_r_f_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -102,7 +102,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
       </div>
       <button
         aria-labelledby="_r_l_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -170,7 +170,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
                 aria-expanded="false"
                 aria-haspopup="menu"
                 aria-label="Open menu"
-                class="_icon-button_1pz9o_8"
+                class="_icon-button_1215g_8"
                 data-kind="primary"
                 data-state="closed"
                 id="radix-_r_11_"
@@ -251,7 +251,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
                 aria-expanded="false"
                 aria-haspopup="menu"
                 aria-label="Open menu"
-                class="_icon-button_1pz9o_8"
+                class="_icon-button_1215g_8"
                 data-kind="primary"
                 data-state="closed"
                 id="radix-_r_19_"
@@ -296,7 +296,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
         class="mx_PinnedMessagesCard_unpin"
       >
         <button
-          class="_button_187yx_8"
+          class="_button_13vu4_8"
           data-kind="tertiary"
           data-size="lg"
           role="button"
@@ -330,7 +330,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
       </div>
       <button
         aria-labelledby="_r_10f_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -398,7 +398,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
                 aria-expanded="false"
                 aria-haspopup="menu"
                 aria-label="Open menu"
-                class="_icon-button_1pz9o_8"
+                class="_icon-button_1215g_8"
                 data-kind="primary"
                 data-state="closed"
                 id="radix-_r_10r_"
@@ -479,7 +479,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
                 aria-expanded="false"
                 aria-haspopup="menu"
                 aria-label="Open menu"
-                class="_icon-button_1pz9o_8"
+                class="_icon-button_1215g_8"
                 data-kind="primary"
                 data-state="closed"
                 id="radix-_r_113_"
diff --git a/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
index 350de43185..23da533e9f 100644
--- a/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -16,7 +16,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
       />
       <button
         aria-labelledby="_r_e_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -70,7 +70,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
         />
         <section
           class="_flex_4dswl_9 mx_RoomSummaryCard_badges"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
         >
           <span
             class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
@@ -81,7 +81,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
-              width="1em"
+              width="1rem"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
@@ -99,7 +99,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
-              width="1em"
+              width="1rem"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
@@ -108,6 +108,27 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             </svg>
             Not encrypted
           </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+            data-kind="blue"
+          >
+            <svg
+              color="var(--cpd-color-icon-info-primary)"
+              fill="currentColor"
+              height="1rem"
+              viewBox="0 0 24 24"
+              width="1rem"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+              />
+              <path
+                d="M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586z"
+              />
+            </svg>
+            New members see history
+          </span>
         </section>
         <section
           class="_flex_4dswl_9 mx_RoomSummaryCard_topic"
@@ -127,7 +148,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               </span>
             </p>
             <button
-              class="_icon-button_1pz9o_8 mx_RoomSummaryCard_topic_chevron"
+              class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
               data-kind="primary"
               role="button"
               style="--cpd-icon-button-size: 24px;"
@@ -180,15 +201,15 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
         aria-orientation="vertical"
         role="menubar"
       >
-        <div
+        <button
           aria-checked="false"
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitemcheckbox"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -200,7 +221,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Favourite
           </span>
@@ -212,21 +233,22 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               class="_input_udcm8_24"
               id="_r_j_"
               role="switch"
+              tabindex="-1"
               type="checkbox"
             />
             <div
               class="_ui_udcm8_34"
             />
           </div>
-        </div>
+        </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -238,13 +260,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Invite
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -263,13 +285,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           role="separator"
         />
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -287,13 +309,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             People
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -306,13 +328,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -327,13 +349,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Threads
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -346,13 +368,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -366,13 +388,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Pinned messages
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -390,13 +412,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </span>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -408,13 +430,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Files
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -427,13 +449,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -445,13 +467,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Extensions
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -470,13 +492,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           role="separator"
         />
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -488,13 +510,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Copy link
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -507,13 +529,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -525,13 +547,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Polls
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -544,13 +566,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -562,13 +584,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Export Chat
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -581,13 +603,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -602,13 +624,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Settings
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -630,13 +652,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
           class="mx_RoomSummaryCard_bottomOptions"
         >
           <button
-            class="_item_dyt4i_8 _interactive_dyt4i_26"
+            class="_item_lqfwq_8 _interactive_lqfwq_26"
             data-kind="critical"
             role="menuitem"
           >
             <svg
               aria-hidden="true"
-              class="_icon_dyt4i_50"
+              class="_icon_lqfwq_50"
               fill="currentColor"
               height="24"
               viewBox="0 0 24 24"
@@ -648,13 +670,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               />
             </svg>
             <span
-              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
             >
               Report room
             </span>
             <svg
               aria-hidden="true"
-              class="_nav-hint_dyt4i_59"
+              class="_nav-hint_lqfwq_59"
               fill="currentColor"
               height="24"
               viewBox="8 0 8 24"
@@ -667,13 +689,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             </svg>
           </button>
           <button
-            class="mx_RoomSummaryCard_leave _item_dyt4i_8 _interactive_dyt4i_26"
+            class="mx_RoomSummaryCard_leave _item_lqfwq_8 _interactive_lqfwq_26"
             data-kind="critical"
             role="menuitem"
           >
             <svg
               aria-hidden="true"
-              class="_icon_dyt4i_50"
+              class="_icon_lqfwq_50"
               fill="currentColor"
               height="24"
               viewBox="0 0 24 24"
@@ -688,13 +710,13 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               />
             </svg>
             <span
-              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
             >
               Leave room
             </span>
             <svg
               aria-hidden="true"
-              class="_nav-hint_dyt4i_59"
+              class="_nav-hint_lqfwq_59"
               fill="currentColor"
               height="24"
               viewBox="8 0 8 24"
@@ -729,7 +751,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
       />
       <button
         aria-labelledby="_r_0_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -783,7 +805,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
         />
         <section
           class="_flex_4dswl_9 mx_RoomSummaryCard_badges"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
         >
           <span
             class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
@@ -794,7 +816,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
-              width="1em"
+              width="1rem"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
@@ -812,7 +834,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
-              width="1em"
+              width="1rem"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
@@ -821,6 +843,27 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             </svg>
             Not encrypted
           </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+            data-kind="blue"
+          >
+            <svg
+              color="var(--cpd-color-icon-info-primary)"
+              fill="currentColor"
+              height="1rem"
+              viewBox="0 0 24 24"
+              width="1rem"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+              />
+              <path
+                d="M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586z"
+              />
+            </svg>
+            New members see history
+          </span>
         </section>
         <section
           class="_flex_4dswl_9 mx_RoomSummaryCard_topic"
@@ -855,15 +898,15 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
         aria-orientation="vertical"
         role="menubar"
       >
-        <div
+        <button
           aria-checked="false"
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitemcheckbox"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -875,7 +918,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Favourite
           </span>
@@ -887,21 +930,22 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
               class="_input_udcm8_24"
               id="_r_5_"
               role="switch"
+              tabindex="-1"
               type="checkbox"
             />
             <div
               class="_ui_udcm8_34"
             />
           </div>
-        </div>
+        </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -913,13 +957,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Invite
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -938,13 +982,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           role="separator"
         />
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -962,13 +1006,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             People
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -981,13 +1025,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1002,13 +1046,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Threads
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1021,13 +1065,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1041,13 +1085,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Pinned messages
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1065,13 +1109,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </span>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1083,13 +1127,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Files
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1102,13 +1146,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1120,13 +1164,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Extensions
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1145,13 +1189,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           role="separator"
         />
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1163,13 +1207,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Copy link
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1182,13 +1226,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1200,13 +1244,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Polls
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1219,13 +1263,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1237,13 +1281,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Export Chat
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1256,13 +1300,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1277,13 +1321,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Settings
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1305,13 +1349,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
           class="mx_RoomSummaryCard_bottomOptions"
         >
           <button
-            class="_item_dyt4i_8 _interactive_dyt4i_26"
+            class="_item_lqfwq_8 _interactive_lqfwq_26"
             data-kind="critical"
             role="menuitem"
           >
             <svg
               aria-hidden="true"
-              class="_icon_dyt4i_50"
+              class="_icon_lqfwq_50"
               fill="currentColor"
               height="24"
               viewBox="0 0 24 24"
@@ -1323,13 +1367,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
               />
             </svg>
             <span
-              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
             >
               Report room
             </span>
             <svg
               aria-hidden="true"
-              class="_nav-hint_dyt4i_59"
+              class="_nav-hint_lqfwq_59"
               fill="currentColor"
               height="24"
               viewBox="8 0 8 24"
@@ -1342,13 +1386,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
             </svg>
           </button>
           <button
-            class="mx_RoomSummaryCard_leave _item_dyt4i_8 _interactive_dyt4i_26"
+            class="mx_RoomSummaryCard_leave _item_lqfwq_8 _interactive_lqfwq_26"
             data-kind="critical"
             role="menuitem"
           >
             <svg
               aria-hidden="true"
-              class="_icon_dyt4i_50"
+              class="_icon_lqfwq_50"
               fill="currentColor"
               height="24"
               viewBox="0 0 24 24"
@@ -1363,13 +1407,13 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
               />
             </svg>
             <span
-              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
             >
               Leave room
             </span>
             <svg
               aria-hidden="true"
-              class="_nav-hint_dyt4i_59"
+              class="_nav-hint_lqfwq_59"
               fill="currentColor"
               height="24"
               viewBox="8 0 8 24"
@@ -1404,7 +1448,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
       />
       <button
         aria-labelledby="_r_7_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -1458,7 +1502,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
         />
         <section
           class="_flex_4dswl_9 mx_RoomSummaryCard_badges"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
+          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
         >
           <span
             class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
@@ -1469,7 +1513,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
-              width="1em"
+              width="1rem"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
@@ -1487,7 +1531,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               fill="currentColor"
               height="1em"
               viewBox="0 0 24 24"
-              width="1em"
+              width="1rem"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
@@ -1496,6 +1540,27 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             </svg>
             Not encrypted
           </span>
+          <span
+            class="_typography_6v6n8_153 _font-body-sm-medium_6v6n8_41 _badge_18gm1_8"
+            data-kind="blue"
+          >
+            <svg
+              color="var(--cpd-color-icon-info-primary)"
+              fill="currentColor"
+              height="1rem"
+              viewBox="0 0 24 24"
+              width="1rem"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M18.93 8A8 8 0 1 1 4 12a1 1 0 1 0-2 0c0 5.523 4.477 10 10 10s10-4.477 10-10a10 10 0 0 0-.832-4A10 10 0 0 0 12 2a9.99 9.99 0 0 0-8 3.999V4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2H5.755A7.99 7.99 0 0 1 12 4a8 8 0 0 1 6.93 4"
+              />
+              <path
+                d="M13 8a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.707l2.83 2.83a1 1 0 0 0 1.414-1.414L13 11.586z"
+              />
+            </svg>
+            New members see history
+          </span>
         </section>
         <section
           class="_flex_4dswl_9 mx_RoomSummaryCard_topic"
@@ -1515,7 +1580,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               </span>
             </p>
             <button
-              class="_icon-button_1pz9o_8 mx_RoomSummaryCard_topic_chevron"
+              class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
               data-kind="primary"
               role="button"
               style="--cpd-icon-button-size: 24px;"
@@ -1568,15 +1633,15 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
         aria-orientation="vertical"
         role="menubar"
       >
-        <div
+        <button
           aria-checked="false"
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitemcheckbox"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1588,7 +1653,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Favourite
           </span>
@@ -1600,21 +1665,22 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               class="_input_udcm8_24"
               id="_r_c_"
               role="switch"
+              tabindex="-1"
               type="checkbox"
             />
             <div
               class="_ui_udcm8_34"
             />
           </div>
-        </div>
+        </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1626,13 +1692,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Invite
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1651,13 +1717,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           role="separator"
         />
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1675,13 +1741,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             People
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1694,13 +1760,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1715,13 +1781,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Threads
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1734,13 +1800,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1754,13 +1820,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Pinned messages
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1778,13 +1844,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </span>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1796,13 +1862,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Files
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1815,13 +1881,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1833,13 +1899,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Extensions
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1858,13 +1924,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           role="separator"
         />
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1876,13 +1942,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Copy link
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1895,13 +1961,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1913,13 +1979,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Polls
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1932,13 +1998,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1950,13 +2016,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Export Chat
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -1969,13 +2035,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="menuitem"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -1990,13 +2056,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Settings
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -2018,13 +2084,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
           class="mx_RoomSummaryCard_bottomOptions"
         >
           <button
-            class="_item_dyt4i_8 _interactive_dyt4i_26"
+            class="_item_lqfwq_8 _interactive_lqfwq_26"
             data-kind="critical"
             role="menuitem"
           >
             <svg
               aria-hidden="true"
-              class="_icon_dyt4i_50"
+              class="_icon_lqfwq_50"
               fill="currentColor"
               height="24"
               viewBox="0 0 24 24"
@@ -2036,13 +2102,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               />
             </svg>
             <span
-              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
             >
               Report room
             </span>
             <svg
               aria-hidden="true"
-              class="_nav-hint_dyt4i_59"
+              class="_nav-hint_lqfwq_59"
               fill="currentColor"
               height="24"
               viewBox="8 0 8 24"
@@ -2055,13 +2121,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             </svg>
           </button>
           <button
-            class="mx_RoomSummaryCard_leave _item_dyt4i_8 _interactive_dyt4i_26"
+            class="mx_RoomSummaryCard_leave _item_lqfwq_8 _interactive_lqfwq_26"
             data-kind="critical"
             role="menuitem"
           >
             <svg
               aria-hidden="true"
-              class="_icon_dyt4i_50"
+              class="_icon_lqfwq_50"
               fill="currentColor"
               height="24"
               viewBox="0 0 24 24"
@@ -2076,13 +2142,13 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               />
             </svg>
             <span
-              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+              class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
             >
               Leave room
             </span>
             <svg
               aria-hidden="true"
-              class="_nav-hint_dyt4i_59"
+              class="_nav-hint_lqfwq_59"
               fill="currentColor"
               height="24"
               viewBox="8 0 8 24"
diff --git a/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap b/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
index 14c06a6abc..731ae26d44 100644
--- a/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
       </div>
       <button
         aria-labelledby="_r_7c_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -144,13 +144,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
         class="mx_UserInfo_container"
       >
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -162,13 +162,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Send message
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -181,14 +181,14 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26 _disabled_dyt4i_118"
+          class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
           data-kind="primary"
           disabled=""
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -200,13 +200,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Jump to read receipt
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -219,13 +219,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -237,13 +237,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Share profile
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -260,13 +260,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
         class="mx_UserInfo_container"
       >
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="critical"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -278,13 +278,13 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Ignore
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -322,7 +322,7 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
       </div>
       <button
         aria-labelledby="_r_7m_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -446,13 +446,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
         class="mx_UserInfo_container"
       >
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -464,13 +464,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Send message
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -483,14 +483,14 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26 _disabled_dyt4i_118"
+          class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
           data-kind="primary"
           disabled=""
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -502,13 +502,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Jump to read receipt
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -521,13 +521,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
           </svg>
         </button>
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="primary"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -539,13 +539,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Share profile
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -562,13 +562,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
         class="mx_UserInfo_container"
       >
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="critical"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -580,13 +580,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Deactivate user
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
@@ -603,13 +603,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
         class="mx_UserInfo_container"
       >
         <button
-          class="_item_dyt4i_8 _interactive_dyt4i_26"
+          class="_item_lqfwq_8 _interactive_lqfwq_26"
           data-kind="critical"
           role="button"
         >
           <svg
             aria-hidden="true"
-            class="_icon_dyt4i_50"
+            class="_icon_lqfwq_50"
             fill="currentColor"
             height="24"
             viewBox="0 0 24 24"
@@ -621,13 +621,13 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
             />
           </svg>
           <span
-            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
           >
             Ignore
           </span>
           <svg
             aria-hidden="true"
-            class="_nav-hint_dyt4i_59"
+            class="_nav-hint_lqfwq_59"
             fill="currentColor"
             height="24"
             viewBox="8 0 8 24"
diff --git a/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap b/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
index 5573712618..f7fc1dfc99 100644
--- a/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoBasic-test.tsx.snap
@@ -39,17 +39,29 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
           >
             Power level
           </label>
+          <svg
+            class="mx_Field_select_chevron"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+            />
+          </svg>
         </div>
       </div>
     </div>
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26"
+      class="_item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -61,13 +73,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Send message
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -80,13 +92,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
       </svg>
     </button>
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26"
+      class="_item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -98,13 +110,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Invite
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -117,14 +129,14 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
       </svg>
     </button>
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26 _disabled_dyt4i_118"
+      class="_item_lqfwq_8 _interactive_lqfwq_26 _disabled_lqfwq_118"
       data-kind="primary"
       disabled=""
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -136,13 +148,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Jump to read receipt
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -155,13 +167,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
       </svg>
     </button>
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26"
+      class="_item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -173,13 +185,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Share profile
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -192,13 +204,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
       </svg>
     </button>
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26"
+      class="_item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -210,13 +222,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Mention
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -233,13 +245,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
     class="mx_UserInfo_container"
   >
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26"
+      class="_item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="critical"
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -251,13 +263,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Deactivate user
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -274,13 +286,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
     class="mx_UserInfo_container"
   >
     <button
-      class="_item_dyt4i_8 _interactive_dyt4i_26"
+      class="_item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="critical"
       role="button"
     >
       <svg
         aria-hidden="true"
-        class="_icon_dyt4i_50"
+        class="_icon_lqfwq_50"
         fill="currentColor"
         height="24"
         viewBox="0 0 24 24"
@@ -292,13 +304,13 @@ exports[`<UserInfoBasic /> should display the defaut values 1`] = `
         />
       </svg>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         Ignore
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
diff --git a/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap b/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
index 87b7c5011a..5788fe8bae 100644
--- a/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
+++ b/test/unit-tests/components/views/right_panel/user_info/__snapshots__/UserInfoHeaderVerificationView-test.tsx.snap
@@ -59,7 +59,7 @@ exports[`<UserInfoHeaderVerificationView /> renders verify button 1`] = `
       class="mx_UserInfo_container_verifyButton"
     >
       <button
-        class="_button_187yx_8 mx_UserInfo_verify_button"
+        class="_button_13vu4_8 mx_UserInfo_verify_button"
         data-kind="tertiary"
         data-size="sm"
         role="button"
diff --git a/test/unit-tests/components/views/room_settings/__snapshots__/UrlPreviewSettings-test.tsx.snap b/test/unit-tests/components/views/room_settings/__snapshots__/UrlPreviewSettings-test.tsx.snap
index cbb3153219..473cf67a1d 100644
--- a/test/unit-tests/components/views/room_settings/__snapshots__/UrlPreviewSettings-test.tsx.snap
+++ b/test/unit-tests/components/views/room_settings/__snapshots__/UrlPreviewSettings-test.tsx.snap
@@ -58,7 +58,7 @@ exports[`UrlPreviewSettings should display the correct preview when the room is
               class="_label_19upo_59"
               for="mx_SettingsFlag_vY7Q4uEh9K38"
             >
-              urlPreviewsEnabled_e2ee
+              Enable URL previews for this room (only affects you)
             </label>
           </div>
         </div>
diff --git a/test/unit-tests/components/views/rooms/EventTile-test.tsx b/test/unit-tests/components/views/rooms/EventTile-test.tsx
index db8e2c44c3..626bd28ba2 100644
--- a/test/unit-tests/components/views/rooms/EventTile-test.tsx
+++ b/test/unit-tests/components/views/rooms/EventTile-test.tsx
@@ -10,6 +10,7 @@ import React from "react";
 import { act, fireEvent, render, screen, waitFor } from "jest-matrix-react";
 import { mocked } from "jest-mock";
 import {
+    EventStatus,
     EventType,
     type IEventDecryptionResult,
     type MatrixClient,
@@ -27,6 +28,7 @@ import {
     EventShieldReason,
 } from "matrix-js-sdk/src/crypto-api";
 import { mkEncryptedMatrixEvent } from "matrix-js-sdk/src/testing";
+import { getByTestId } from "@testing-library/dom";
 
 import EventTile, { type EventTileProps } from "../../../../../src/components/views/rooms/EventTile";
 import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
@@ -269,8 +271,8 @@ describe("EventTile", () => {
 
             // there should be a warning shield
             expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
-            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0].classList).toContain(
-                "mx_EventTile_e2eIcon_warning",
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName(
+                "Encrypted by a device not verified by its owner.",
             );
         });
 
@@ -298,10 +300,13 @@ describe("EventTile", () => {
 
         it.each([
             [EventShieldReason.UNKNOWN, "Unknown error"],
-            [EventShieldReason.UNVERIFIED_IDENTITY, "unverified user"],
-            [EventShieldReason.UNSIGNED_DEVICE, "device not verified by its owner"],
-            [EventShieldReason.UNKNOWN_DEVICE, "unknown or deleted device"],
-            [EventShieldReason.AUTHENTICITY_NOT_GUARANTEED, "can't be guaranteed"],
+            [EventShieldReason.UNVERIFIED_IDENTITY, "Encrypted by an unverified user."],
+            [EventShieldReason.UNSIGNED_DEVICE, "Encrypted by a device not verified by its owner."],
+            [EventShieldReason.UNKNOWN_DEVICE, "Encrypted by an unknown or deleted device."],
+            [
+                EventShieldReason.AUTHENTICITY_NOT_GUARANTEED,
+                "The authenticity of this encrypted message can't be guaranteed on this device.",
+            ],
             [EventShieldReason.MISMATCHED_SENDER_KEY, "Encrypted by an unverified session"],
             [EventShieldReason.SENT_IN_CLEAR, "Not encrypted"],
             [EventShieldReason.VERIFICATION_VIOLATION, "Sender's verified identity was reset"],
@@ -326,11 +331,28 @@ describe("EventTile", () => {
 
             const e2eIcons = container.getElementsByClassName("mx_EventTile_e2eIcon");
             expect(e2eIcons).toHaveLength(1);
-            expect(e2eIcons[0].classList).toContain("mx_EventTile_e2eIcon_normal");
-            fireEvent.focus(e2eIcons[0]);
-            expect(e2eIcons[0].getAttribute("aria-labelledby")).toBeTruthy();
-            expect(document.getElementById(e2eIcons[0].getAttribute("aria-labelledby")!)).toHaveTextContent(
-                expectedText,
+            expect(e2eIcons[0]).toHaveAccessibleName(expectedText);
+        });
+
+        it("shows the correct reason code for a forwarded message", async () => {
+            mxEvent = await mkEncryptedMatrixEvent({
+                plainContent: { msgtype: "m.text", body: "msg1" },
+                plainType: "m.room.message",
+                sender: "@alice:example.org",
+                roomId: room.roomId,
+            });
+            // @ts-ignore assignment to private member
+            mxEvent.keyForwardedBy = "@bob:example.org";
+            eventToEncryptionInfoMap.set(mxEvent.getId()!, {
+                shieldColour: EventShieldColour.GREY,
+                shieldReason: EventShieldReason.AUTHENTICITY_NOT_GUARANTEED,
+            } as EventEncryptionInfo);
+
+            const { container } = getComponent();
+
+            const e2eIcon = await waitFor(() => getByTestId(container, "e2e-padlock"));
+            expect(e2eIcon).toHaveAccessibleName(
+                "@bob:example.org (@bob:example.org) shared this message since you were not in the room when it was sent.",
             );
         });
 
@@ -360,8 +382,8 @@ describe("EventTile", () => {
                 expect(eventTiles).toHaveLength(1);
 
                 expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
-                expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0].classList).toContain(
-                    "mx_EventTile_e2eIcon_decryption_failure",
+                expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName(
+                    "This message could not be decrypted",
                 );
             });
 
@@ -436,8 +458,8 @@ describe("EventTile", () => {
 
             // check it was updated
             expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
-            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0].classList).toContain(
-                "mx_EventTile_e2eIcon_warning",
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName(
+                "Encrypted by a device not verified by its owner.",
             );
         });
 
@@ -481,9 +503,7 @@ describe("EventTile", () => {
 
             // check it was updated
             expect(container.getElementsByClassName("mx_EventTile_e2eIcon")).toHaveLength(1);
-            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0].classList).toContain(
-                "mx_EventTile_e2eIcon_warning",
-            );
+            expect(container.getElementsByClassName("mx_EventTile_e2eIcon")[0]).toHaveAccessibleName("Not encrypted");
         });
     });
 
@@ -618,4 +638,20 @@ describe("EventTile", () => {
         // The event tile should now show the not encrypted status
         await waitFor(() => expect(screen.getByText("Not encrypted")).toBeInTheDocument());
     });
+
+    it.each([
+        [EventStatus.NOT_SENT, "Failed to send"],
+        [EventStatus.SENDING, "Sending your message…"],
+        [EventStatus.ENCRYPTING, "Encrypting your message…"],
+    ])("should display %s status icon", (eventSendStatus, text) => {
+        const ownEvent = mkMessage({
+            room: room.roomId,
+            user: client.getSafeUserId(),
+            msg: "Hello world!",
+            event: true,
+        });
+        const { getByRole } = getComponent({ mxEvent: ownEvent, eventSendStatus });
+
+        expect(getByRole("status")).toHaveAccessibleName(text);
+    });
 });
diff --git a/test/unit-tests/components/views/rooms/EventTile/E2eMessageSharedIcon-test.tsx b/test/unit-tests/components/views/rooms/EventTile/E2eMessageSharedIcon-test.tsx
new file mode 100644
index 0000000000..83e5afa697
--- /dev/null
+++ b/test/unit-tests/components/views/rooms/EventTile/E2eMessageSharedIcon-test.tsx
@@ -0,0 +1,55 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { render } from "jest-matrix-react";
+import React from "react";
+import { mocked } from "jest-mock";
+import { type RoomMember, type RoomState } from "matrix-js-sdk/src/matrix";
+
+import { E2eMessageSharedIcon } from "../../../../../../src/components/views/rooms/EventTile/E2eMessageSharedIcon.tsx";
+import { createTestClient, mkStubRoom, withClientContextRenderOptions } from "../../../../../test-utils";
+
+describe("E2eMessageSharedIcon", () => {
+    it("renders correctly for a known user", () => {
+        const mockClient = createTestClient();
+        const mockMember = { rawDisplayName: "Bob" } as RoomMember;
+        const mockState = {
+            getMember: (userId) => {
+                expect(userId).toEqual("@bob:example.com");
+                return mockMember;
+            },
+        } as RoomState;
+        const mockRoom = mkStubRoom("!roomId", undefined, mockClient, mockState);
+        mocked(mockClient.getRoom).mockImplementation((roomId) => {
+            expect(roomId).toEqual("!roomId");
+            return mockRoom;
+        });
+
+        const result = render(
+            <E2eMessageSharedIcon keyForwardingUserId="@bob:example.com" roomId="!roomId" />,
+            withClientContextRenderOptions(mockClient),
+        );
+
+        expect(result.container).toMatchSnapshot();
+        expect(result.container.firstChild).toHaveAccessibleName(
+            "Bob (@bob:example.com) shared this message since you were not in the room when it was sent.",
+        );
+    });
+
+    it("renders correctly for an unknown user", () => {
+        const mockClient = createTestClient();
+        const result = render(
+            <E2eMessageSharedIcon keyForwardingUserId="@bob:example.com" roomId="!roomId" />,
+            withClientContextRenderOptions(mockClient),
+        );
+
+        expect(result.container).toMatchSnapshot();
+        expect(result.container.firstChild).toHaveAccessibleName(
+            "@bob:example.com (@bob:example.com) shared this message since you were not in the room when it was sent.",
+        );
+    });
+});
diff --git a/test/unit-tests/components/views/rooms/EventTile/E2ePadlock-test.tsx b/test/unit-tests/components/views/rooms/EventTile/E2ePadlock-test.tsx
new file mode 100644
index 0000000000..8205b47a62
--- /dev/null
+++ b/test/unit-tests/components/views/rooms/EventTile/E2ePadlock-test.tsx
@@ -0,0 +1,28 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { render } from "jest-matrix-react";
+import React from "react";
+
+import { E2ePadlock, E2ePadlockIcon } from "../../../../../../src/components/views/rooms/EventTile/E2ePadlock.tsx";
+
+describe("E2ePadlock", () => {
+    it("renders a 'Normal' icon", () => {
+        const result = render(<E2ePadlock icon={E2ePadlockIcon.Normal} title="Test tooltip" />);
+        expect(result.asFragment()).toMatchSnapshot();
+    });
+
+    it("renders a 'Warning' icon", () => {
+        const result = render(<E2ePadlock icon={E2ePadlockIcon.Warning} title="Bad" />);
+        expect(result.asFragment()).toMatchSnapshot();
+    });
+
+    it("renders a 'DecryptionFailure' icon", () => {
+        const result = render(<E2ePadlock icon={E2ePadlockIcon.DecryptionFailure} title="UTD" />);
+        expect(result.asFragment()).toMatchSnapshot();
+    });
+});
diff --git a/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2eMessageSharedIcon-test.tsx.snap b/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2eMessageSharedIcon-test.tsx.snap
new file mode 100644
index 0000000000..f5108aad36
--- /dev/null
+++ b/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2eMessageSharedIcon-test.tsx.snap
@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`E2eMessageSharedIcon renders correctly for a known user 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="_r_0_"
+    class="mx_EventTile_e2eIcon"
+    data-testid="e2e-padlock"
+    tabindex="0"
+  >
+    <svg
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
+      />
+      <path
+        clip-rule="evenodd"
+        d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</div>
+`;
+
+exports[`E2eMessageSharedIcon renders correctly for an unknown user 1`] = `
+<div>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="_r_6_"
+    class="mx_EventTile_e2eIcon"
+    data-testid="e2e-padlock"
+    tabindex="0"
+  >
+    <svg
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
+      />
+      <path
+        clip-rule="evenodd"
+        d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</div>
+`;
diff --git a/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2ePadlock-test.tsx.snap b/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2ePadlock-test.tsx.snap
new file mode 100644
index 0000000000..b723bb868f
--- /dev/null
+++ b/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2ePadlock-test.tsx.snap
@@ -0,0 +1,81 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`E2ePadlock renders a 'DecryptionFailure' icon 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="_r_c_"
+    class="mx_EventTile_e2eIcon"
+    data-testid="e2e-padlock"
+    tabindex="0"
+  >
+    <svg
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`E2ePadlock renders a 'Normal' icon 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="_r_0_"
+    class="mx_EventTile_e2eIcon"
+    data-testid="e2e-padlock"
+    tabindex="0"
+  >
+    <svg
+      color="var(--cpd-color-icon-tertiary)"
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
+      />
+      <path
+        clip-rule="evenodd"
+        d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`E2ePadlock renders a 'Warning' icon 1`] = `
+<DocumentFragment>
+  <div
+    aria-label="State of the end-to-end encryption"
+    aria-labelledby="_r_6_"
+    class="mx_EventTile_e2eIcon"
+    data-testid="e2e-padlock"
+    tabindex="0"
+  >
+    <svg
+      color="var(--cpd-color-icon-critical-primary)"
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+      />
+    </svg>
+  </div>
+</DocumentFragment>
+`;
diff --git a/test/unit-tests/components/views/rooms/EventTile/__snapshots__/EventTileThreadToolbar-test.tsx.snap b/test/unit-tests/components/views/rooms/EventTile/__snapshots__/EventTileThreadToolbar-test.tsx.snap
index 0a6c0aeba5..7c1a4ed772 100644
--- a/test/unit-tests/components/views/rooms/EventTile/__snapshots__/EventTileThreadToolbar-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/EventTile/__snapshots__/EventTileThreadToolbar-test.tsx.snap
@@ -14,7 +14,17 @@ exports[`EventTileThreadToolbar renders 1`] = `
       role="button"
       tabindex="0"
     >
-      <div />
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7 8.813 8.313 7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.787-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.912.787.788.788.788 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.324 1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.313q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8a.8.8 0 0 1 .1.313 3 3 0 0 1 0 .774.8.8 0 0 1-.1.313q-1.475 3.125-4.35 4.963Q15.475 19 12 19m0-2a9.54 9.54 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.77 9.77 0 0 0-3.613-4.012A9.54 9.54 0 0 0 12 6a9.55 9.55 0 0 0-5.187 1.487A9.77 9.77 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.54 9.54 0 0 0 12 17"
+        />
+      </svg>
     </div>
     <div
       aria-label="Copy link to thread"
diff --git a/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx b/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx
index 4b335cb631..e6495b78b8 100644
--- a/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx
+++ b/test/unit-tests/components/views/rooms/NotificationBadge/StatelessNotificationBadge-test.tsx
@@ -25,7 +25,7 @@ describe("StatelessNotificationBadge", () => {
             <StatelessNotificationBadge symbol="!" count={0} level={NotificationLevel.Highlight} knocked={true} />,
         );
         expect(container.querySelector(".mx_NotificationBadge_dot")).not.toBeInTheDocument();
-        expect(container.querySelector(".mx_NotificationBadge_knocked")).toBeInTheDocument();
+        expect(container.querySelector("svg")).toHaveAccessibleName("Request to join sent");
     });
 
     it("has dot style for activity", () => {
diff --git a/test/unit-tests/components/views/rooms/RoomHeader/RoomHeader-test.tsx b/test/unit-tests/components/views/rooms/RoomHeader/RoomHeader-test.tsx
index 22b8de923a..7de539ed54 100644
--- a/test/unit-tests/components/views/rooms/RoomHeader/RoomHeader-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomHeader/RoomHeader-test.tsx
@@ -17,6 +17,7 @@ import {
     Room,
     RoomStateEvent,
     RoomMember,
+    type MatrixClient,
 } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { CryptoEvent, UserVerificationStatus } from "matrix-js-sdk/src/crypto-api";
@@ -37,7 +38,7 @@ import { type ViewRoomOpts } from "@matrix-org/react-sdk-module-api/lib/lifecycl
 import { mocked } from "jest-mock";
 import userEvent from "@testing-library/user-event";
 
-import { filterConsole, stubClient } from "../../../../../test-utils";
+import { filterConsole, setupAsyncStoreWithClient, stubClient } from "../../../../../test-utils";
 import RoomHeader from "../../../../../../src/components/views/rooms/RoomHeader/RoomHeader";
 import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
 import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
@@ -59,6 +60,7 @@ import WidgetStore, { type IApp } from "../../../../../../src/stores/WidgetStore
 import { UIFeature } from "../../../../../../src/settings/UIFeature";
 import { SettingLevel } from "../../../../../../src/settings/SettingLevel";
 import { ElementCallMemberEventType } from "../../../../../../src/call-types";
+import { defaultWatchManager } from "../../../../../../src/settings/Settings.tsx";
 
 jest.mock("../../../../../../src/utils/ShieldUtils");
 jest.mock("../../../../../../src/hooks/right-panel/useCurrentPhase", () => ({
@@ -85,21 +87,23 @@ describe("RoomHeader", () => {
         emit: jest.fn(),
     };
 
+    let client: MatrixClient;
+
     let roomContext: RoomContextType;
 
     function getWrapper(): RenderOptions {
         return {
             wrapper: ({ children }) => (
-                <MatrixClientContext.Provider value={MatrixClientPeg.safeGet()}>
+                <MatrixClientContext.Provider value={client}>
                     <ScopedRoomContextProvider {...roomContext}>{children}</ScopedRoomContextProvider>
                 </MatrixClientContext.Provider>
             ),
         };
     }
 
-    beforeEach(async () => {
-        stubClient();
-        room = new Room(ROOM_ID, MatrixClientPeg.get()!, "@alice:example.org", {
+    beforeEach(() => {
+        client = stubClient();
+        room = new Room(ROOM_ID, client, "@alice:example.org", {
             pendingEventOrdering: PendingEventOrdering.Detached,
         });
         DMRoomMap.setShared({
@@ -405,12 +409,18 @@ describe("RoomHeader", () => {
     });
 
     describe("group call enabled", () => {
-        beforeEach(() => {
+        beforeEach(async () => {
             SdkConfig.put({
                 features: {
                     feature_group_calls: true,
                 },
             });
+            // Enable Element Call
+            client._unstable_getRTCTransports = jest
+                .fn()
+                .mockResolvedValue([{ type: "livekit", livekit_service_url: "https://example.org" }]);
+            // And ensure the CallStore has the transports configured.
+            await setupAsyncStoreWithClient(CallStore.instance, client);
         });
 
         afterEach(() => {
@@ -699,6 +709,64 @@ describe("RoomHeader", () => {
         });
     });
 
+    it("shows a history icon if the room is encrypted and has shared history", async () => {
+        mocked(client.getCrypto()!).isEncryptionEnabledInRoom.mockResolvedValue(true);
+        await room.addLiveEvents(
+            [
+                new MatrixEvent({
+                    type: "m.room.history_visibility",
+                    content: { history_visibility: "shared" },
+                    sender: MatrixClientPeg.get()!.getSafeUserId(),
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            ],
+            { addToState: true },
+        );
+        let featureEnabled = true;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation(
+            (flag) => flag === "feature_share_history_on_invite" && featureEnabled,
+        );
+
+        render(<RoomHeader room={room} />, getWrapper());
+        await waitFor(() => getByLabelText(document.body, "New members see history"));
+
+        // Disable the labs flag and check the icon disappears
+        featureEnabled = false;
+        act(() =>
+            defaultWatchManager.notifyUpdate(
+                "feature_share_history_on_invite",
+                null,
+                SettingLevel.DEVICE,
+                featureEnabled,
+            ),
+        );
+        expect(queryByLabelText(document.body, "New members see history")).not.toBeInTheDocument();
+    });
+
+    it("shows a user icon if the room is encrypted and has world readable history", async () => {
+        mocked(client.getCrypto()!).isEncryptionEnabledInRoom.mockResolvedValue(true);
+        await room.addLiveEvents(
+            [
+                new MatrixEvent({
+                    type: "m.room.history_visibility",
+                    content: { history_visibility: "world_readable" },
+                    sender: MatrixClientPeg.get()!.getSafeUserId(),
+                    state_key: "",
+                    room_id: room.roomId,
+                }),
+            ],
+            { addToState: true },
+        );
+        const featureEnabled = true;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation(
+            (flag) => flag === "feature_share_history_on_invite" && featureEnabled,
+        );
+
+        render(<RoomHeader room={room} />, getWrapper());
+        await waitFor(() => getByLabelText(document.body, "Anyone can see history"));
+    });
+
     describe("dm", () => {
         beforeEach(() => {
             // Make the mocked room a DM
diff --git a/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
index 4a8b04dd2e..e3ff02aeaf 100644
--- a/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
@@ -45,7 +45,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
     <button
       aria-disabled="false"
       aria-label="Video call"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 32px;"
@@ -56,7 +56,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
         style="--cpd-icon-button-size: 100%;"
       >
         <svg
-          aria-labelledby="_r_18c_"
+          aria-labelledby="_r_13s_"
           fill="currentColor"
           height="1em"
           viewBox="0 0 24 24"
@@ -72,7 +72,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
     <button
       aria-disabled="false"
       aria-label="Voice call"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 32px;"
@@ -83,7 +83,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
         style="--cpd-icon-button-size: 100%;"
       >
         <svg
-          aria-labelledby="_r_18h_"
+          aria-labelledby="_r_141_"
           fill="currentColor"
           height="1em"
           viewBox="0 0 24 24"
@@ -98,8 +98,8 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
     </button>
     <button
       aria-label="Threads"
-      aria-labelledby="_r_18m_"
-      class="_icon-button_1pz9o_8"
+      aria-labelledby="_r_146_"
+      class="_icon-button_1215g_8"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 32px;"
@@ -125,8 +125,8 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
     </button>
     <button
       aria-label="Room info"
-      aria-labelledby="_r_18r_"
-      class="_icon-button_1pz9o_8"
+      aria-labelledby="_r_14b_"
+      class="_icon-button_1215g_8"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 32px;"
diff --git a/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
index c17f66e35c..c174aa9a9b 100644
--- a/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
@@ -4,7 +4,7 @@ exports[`<VideoRoomChatButton /> renders button with an unread marker when room
 <button
   aria-label="Chat"
   aria-labelledby="_r_6_"
-  class="_icon-button_1pz9o_8"
+  class="_icon-button_1215g_8"
   data-indicator="default"
   data-kind="primary"
   role="button"
diff --git a/test/unit-tests/components/views/rooms/RoomListHeader-test.tsx b/test/unit-tests/components/views/rooms/RoomListHeader-test.tsx
index ab1cac83a7..b5fd449f50 100644
--- a/test/unit-tests/components/views/rooms/RoomListHeader-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomListHeader-test.tsx
@@ -48,10 +48,8 @@ const setupMainMenu = async (client: MatrixClient, testSpace: Room): Promise<Ren
 
     const wrapper = render(<RoomListHeader />);
 
-    expect(wrapper.container.textContent).toBe("Test Space");
-    act(() => {
-        wrapper.container.querySelector<HTMLElement>('[aria-label="Test Space menu"]')?.click();
-    });
+    expect(wrapper.getByText("Test Space")).toBeInTheDocument();
+    wrapper.getByLabelText("Test Space menu").click();
 
     return wrapper;
 };
@@ -64,9 +62,9 @@ const setupPlusMenu = async (client: MatrixClient, testSpace: Room): Promise<Ren
 
     const wrapper = render(<RoomListHeader />);
 
-    expect(wrapper.container.textContent).toBe("Test Space");
+    expect(wrapper.getByText("Test Space")).toBeInTheDocument();
     act(() => {
-        wrapper.container.querySelector<HTMLElement>('[aria-label="Add"]')?.click();
+        wrapper.getByLabelText("Add")?.click();
     });
 
     return wrapper;
@@ -81,7 +79,7 @@ const checkMenuLabels = (items: NodeListOf<Element>, labelArray: Array<string>)
     expect(items).toHaveLength(labelArray.length);
 
     const checkLabel = (item: Element, label: string) => {
-        expect(item.querySelector(".mx_IconizedContextMenu_label")?.textContent).toBe(label);
+        expect(item.querySelector(".mx_IconizedContextMenu_label")).toHaveTextContent(label);
     };
 
     labelArray.forEach((label, index) => {
@@ -116,13 +114,13 @@ describe("RoomListHeader", () => {
 
         const { container } = render(<RoomListHeader />);
 
-        expect(container.textContent).toBe("Home");
+        expect(container).toHaveTextContent("Home");
         fireEvent.click(screen.getByLabelText("Home options"));
 
         const menu = screen.getByRole("menu");
         const items = menu.querySelectorAll(".mx_IconizedContextMenu_item");
         expect(items).toHaveLength(1);
-        expect(items[0].textContent).toBe("Show all rooms");
+        expect(items[0]).toHaveTextContent("Show all rooms");
     });
 
     it("renders a main menu for spaces", async () => {
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/EmptyRoomList-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/EmptyRoomList-test.tsx
deleted file mode 100644
index 92466f685c..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/EmptyRoomList-test.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { render, screen } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
-
-import { type RoomListViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
-import { EmptyRoomList } from "../../../../../../src/components/views/rooms/RoomListPanel/EmptyRoomList";
-import { FilterKey } from "../../../../../../src/stores/room-list-v3/skip-list/filters";
-
-describe("<EmptyRoomList />", () => {
-    let vm: RoomListViewState;
-
-    beforeEach(() => {
-        vm = {
-            isLoadingRooms: false,
-            roomsResult: { spaceId: "home", rooms: [] },
-            primaryFilters: [],
-            createRoom: jest.fn(),
-            createChatRoom: jest.fn(),
-            canCreateRoom: true,
-            activeIndex: undefined,
-        };
-    });
-
-    test("should render the default placeholder when there is no filter", async () => {
-        const user = userEvent.setup();
-
-        const { asFragment } = render(<EmptyRoomList vm={vm} />);
-        expect(screen.getByText("No chats yet")).toBeInTheDocument();
-        expect(asFragment()).toMatchSnapshot();
-
-        await user.click(screen.getByRole("button", { name: "Start chat" }));
-        expect(vm.createChatRoom).toHaveBeenCalled();
-
-        await user.click(screen.getByRole("button", { name: "New room" }));
-        expect(vm.createRoom).toHaveBeenCalled();
-    });
-
-    test("should not render the new room button if the user doesn't have the rights to create a room", async () => {
-        const newState = { ...vm, canCreateRoom: false };
-
-        const { asFragment } = render(<EmptyRoomList vm={newState} />);
-        expect(screen.queryByRole("button", { name: "New room" })).toBeNull();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it.each([
-        { key: FilterKey.UnreadFilter, name: "unread", action: "Show all chats" },
-        { key: FilterKey.MentionsFilter, name: "mention", action: "See all activity" },
-        { key: FilterKey.InvitesFilter, name: "invite", action: "See all activity" },
-        { key: FilterKey.LowPriorityFilter, name: "low priority", action: "See all activity" },
-    ])("should display the empty state for the $name filter", async ({ key, name, action }) => {
-        const user = userEvent.setup();
-        const activePrimaryFilter = {
-            toggle: jest.fn(),
-            active: true,
-            name,
-            key,
-        };
-        const newState = {
-            ...vm,
-            activePrimaryFilter,
-        };
-
-        const { asFragment } = render(<EmptyRoomList vm={newState} />);
-        await user.click(screen.getByRole("button", { name: action }));
-        expect(activePrimaryFilter.toggle).toHaveBeenCalled();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it.each([
-        { key: FilterKey.FavouriteFilter, name: "favourite" },
-        { key: FilterKey.PeopleFilter, name: "people" },
-        { key: FilterKey.RoomsFilter, name: "rooms" },
-    ])("should display empty state for filter $name", ({ name, key }) => {
-        const activePrimaryFilter = {
-            toggle: jest.fn(),
-            active: true,
-            name,
-            key,
-        };
-        const newState = { ...vm, activePrimaryFilter };
-        const { asFragment } = render(<EmptyRoomList vm={newState} />);
-        expect(asFragment()).toMatchSnapshot();
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomList-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomList-test.tsx
deleted file mode 100644
index 04593777f5..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomList-test.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { type MatrixClient } from "matrix-js-sdk/src/matrix";
-import { render } from "jest-matrix-react";
-import { fireEvent } from "@testing-library/dom";
-import { VirtuosoMockContext } from "react-virtuoso";
-
-import { type RoomListViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
-import { RoomList } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomList";
-import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
-import MatrixClientContext from "../../../../../../src/contexts/MatrixClientContext";
-import { Landmark, LandmarkNavigation } from "../../../../../../src/accessibility/LandmarkNavigation";
-import { mkRoom, stubClient } from "../../../../../test-utils";
-
-describe("<RoomList />", () => {
-    let matrixClient: MatrixClient;
-    let vm: RoomListViewState;
-
-    beforeEach(() => {
-        matrixClient = stubClient();
-        const rooms = Array.from({ length: 10 }, (_, i) => mkRoom(matrixClient, `room${i}`));
-        vm = {
-            isLoadingRooms: false,
-            roomsResult: { spaceId: "home", rooms },
-            primaryFilters: [],
-            createRoom: jest.fn(),
-            createChatRoom: jest.fn(),
-            canCreateRoom: true,
-            activeIndex: undefined,
-        };
-
-        // Needed to render a room list cell
-        DMRoomMap.makeShared(matrixClient);
-        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
-    });
-
-    it("should render a room list", () => {
-        const { asFragment } = render(<RoomList vm={vm} />, {
-            wrapper: ({ children }) => (
-                <MatrixClientContext.Provider value={matrixClient}>
-                    <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 56 }}>
-                        <>{children}</>
-                    </VirtuosoMockContext.Provider>
-                </MatrixClientContext.Provider>
-            ),
-        });
-        // At the moment the context prop on Virtuoso gets rendered in the dom as "[object Object]".
-        // This is a general issue with the react-virtuoso library.
-        // TODO: Update the snapshot when the following issue is resolved: https://github.com/petyosi/react-virtuoso/issues/1281
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it.each([
-        { shortcut: { key: "F6", ctrlKey: true, shiftKey: true }, isPreviousLandmark: true, label: "PreviousLandmark" },
-        { shortcut: { key: "F6", ctrlKey: true }, isPreviousLandmark: false, label: "NextLandmark" },
-    ])("should navigate to the landmark on NextLandmark.$label action", ({ shortcut, isPreviousLandmark }) => {
-        const spyFindLandmark = jest.spyOn(LandmarkNavigation, "findAndFocusNextLandmark").mockReturnValue();
-        const { getByTestId } = render(<RoomList vm={vm} />, {
-            wrapper: ({ children }) => (
-                <MatrixClientContext.Provider value={matrixClient}>
-                    <VirtuosoMockContext.Provider value={{ viewportHeight: 600, itemHeight: 56 }}>
-                        <>{children}</>
-                    </VirtuosoMockContext.Provider>
-                </MatrixClientContext.Provider>
-            ),
-        });
-        const roomList = getByTestId("room-list");
-        fireEvent.keyDown(roomList, shortcut);
-
-        expect(spyFindLandmark).toHaveBeenCalledWith(Landmark.ROOM_LIST, isPreviousLandmark);
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListHeaderView-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListHeaderView-test.tsx
deleted file mode 100644
index 8a8c441246..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListHeaderView-test.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { mocked } from "jest-mock";
-import { render, screen } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
-
-import {
-    type RoomListHeaderViewState,
-    useRoomListHeaderViewModel,
-} from "../../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel";
-import { RoomListHeaderView } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListHeaderView";
-import { SortOption } from "../../../../../../src/components/viewmodels/roomlist/useSorter";
-
-jest.mock("../../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel", () => ({
-    useRoomListHeaderViewModel: jest.fn(),
-}));
-
-describe("<RoomListHeaderView />", () => {
-    const defaultValue: RoomListHeaderViewState = {
-        title: "title",
-        displayComposeMenu: true,
-        displaySpaceMenu: true,
-        canCreateRoom: true,
-        canCreateVideoRoom: true,
-        canInviteInSpace: true,
-        canAccessSpaceSettings: true,
-        sort: jest.fn(),
-        activeSortOption: SortOption.Activity,
-        createRoom: jest.fn(),
-        createVideoRoom: jest.fn(),
-        createChatRoom: jest.fn(),
-        openSpaceHome: jest.fn(),
-        inviteInSpace: jest.fn(),
-        openSpacePreferences: jest.fn(),
-        openSpaceSettings: jest.fn(),
-    };
-
-    afterEach(() => {
-        jest.resetAllMocks();
-    });
-
-    it("should render 'room options' button", async () => {
-        mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
-        const { asFragment } = render(<RoomListHeaderView />);
-        expect(screen.getByRole("button", { name: "Room Options" })).toBeInTheDocument();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    describe("compose menu", () => {
-        it("should display the compose menu", () => {
-            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
-
-            const { asFragment } = render(<RoomListHeaderView />);
-            expect(screen.queryByRole("button", { name: "New conversation" })).toBeInTheDocument();
-            expect(asFragment()).toMatchSnapshot();
-        });
-
-        it("should not display the compose menu", async () => {
-            const user = userEvent.setup();
-            mocked(useRoomListHeaderViewModel).mockReturnValue({ ...defaultValue, displayComposeMenu: false });
-
-            const { asFragment } = render(<RoomListHeaderView />);
-            expect(screen.queryByRole("button", { name: "New conversation" })).toBeInTheDocument();
-            expect(asFragment()).toMatchSnapshot();
-
-            await user.click(screen.getByRole("button", { name: "New conversation" }));
-            expect(defaultValue.createChatRoom).toHaveBeenCalled();
-        });
-
-        it("should display all the buttons when the menu is opened", async () => {
-            const user = userEvent.setup();
-            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
-            render(<RoomListHeaderView />);
-            const openMenu = screen.getByRole("button", { name: "New conversation" });
-            await user.click(openMenu);
-
-            await user.click(screen.getByRole("menuitem", { name: "Start chat" }));
-            expect(defaultValue.createChatRoom).toHaveBeenCalled();
-
-            await user.click(openMenu);
-            await user.click(screen.getByRole("menuitem", { name: "New room" }));
-            expect(defaultValue.createRoom).toHaveBeenCalled();
-
-            await user.click(openMenu);
-            await user.click(screen.getByRole("menuitem", { name: "New video room" }));
-            expect(defaultValue.createVideoRoom).toHaveBeenCalled();
-        });
-
-        it("should display only the new message button", async () => {
-            const user = userEvent.setup();
-            mocked(useRoomListHeaderViewModel).mockReturnValue({
-                ...defaultValue,
-                canCreateRoom: false,
-                canCreateVideoRoom: false,
-            });
-
-            render(<RoomListHeaderView />);
-            await user.click(screen.getByRole("button", { name: "New conversation" }));
-
-            expect(screen.queryByRole("menuitem", { name: "New room" })).toBeNull();
-            expect(screen.queryByRole("menuitem", { name: "New video room" })).toBeNull();
-        });
-    });
-
-    describe("space menu", () => {
-        it("should display the space menu", () => {
-            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
-
-            const { asFragment } = render(<RoomListHeaderView />);
-            expect(screen.queryByRole("button", { name: "Open space menu" })).toBeInTheDocument();
-            expect(asFragment()).toMatchSnapshot();
-        });
-
-        it("should not display the space menu", () => {
-            mocked(useRoomListHeaderViewModel).mockReturnValue({ ...defaultValue, displaySpaceMenu: false });
-
-            const { asFragment } = render(<RoomListHeaderView />);
-            expect(screen.queryByRole("button", { name: "Open space menu" })).toBeNull();
-            expect(asFragment()).toMatchSnapshot();
-        });
-
-        it("should display all the buttons when the space menu is opened", async () => {
-            const user = userEvent.setup();
-            mocked(useRoomListHeaderViewModel).mockReturnValue(defaultValue);
-            render(<RoomListHeaderView />);
-            const openMenu = screen.getByRole("button", { name: "Open space menu" });
-            await user.click(openMenu);
-
-            await user.click(screen.getByRole("menuitem", { name: "Space home" }));
-            expect(defaultValue.openSpaceHome).toHaveBeenCalled();
-
-            await user.click(openMenu);
-            await user.click(screen.getByRole("menuitem", { name: "Invite" }));
-            expect(defaultValue.inviteInSpace).toHaveBeenCalled();
-
-            await user.click(openMenu);
-            await user.click(screen.getByRole("menuitem", { name: "Preferences" }));
-            expect(defaultValue.openSpacePreferences).toHaveBeenCalled();
-
-            await user.click(openMenu);
-            await user.click(screen.getByRole("menuitem", { name: "Space Settings" }));
-            expect(defaultValue.openSpaceSettings).toHaveBeenCalled();
-        });
-
-        it("should display only the home and preference buttons", async () => {
-            const user = userEvent.setup();
-            mocked(useRoomListHeaderViewModel).mockReturnValue({
-                ...defaultValue,
-                canInviteInSpace: false,
-                canAccessSpaceSettings: false,
-            });
-
-            render(<RoomListHeaderView />);
-            await user.click(screen.getByRole("button", { name: "Open space menu" }));
-
-            expect(screen.queryByRole("menuitem", { name: "Invite" })).toBeNull();
-            expect(screen.queryByRole("menuitem", { name: "Space Setting" })).toBeNull();
-        });
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListItemMenuView-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListItemMenuView-test.tsx
deleted file mode 100644
index 58ab0c672b..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListItemMenuView-test.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { mocked } from "jest-mock";
-import { render, screen } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
-
-import {
-    type RoomListItemMenuViewState,
-    useRoomListItemMenuViewModel,
-} from "../../../../../../src/components/viewmodels/roomlist/RoomListItemMenuViewModel";
-import type { MatrixClient, Room } from "matrix-js-sdk/src/matrix";
-import { mkRoom, stubClient } from "../../../../../test-utils";
-import { RoomListItemMenuView } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListItemMenuView";
-import { RoomNotifState } from "../../../../../../src/RoomNotifs";
-
-jest.mock("../../../../../../src/components/viewmodels/roomlist/RoomListItemMenuViewModel", () => ({
-    useRoomListItemMenuViewModel: jest.fn(),
-}));
-
-describe("<RoomListItemMenuView />", () => {
-    const defaultValue: RoomListItemMenuViewState = {
-        showMoreOptionsMenu: true,
-        showNotificationMenu: true,
-        isFavourite: true,
-        isLowPriority: true,
-        canInvite: true,
-        canMarkAsUnread: true,
-        canMarkAsRead: true,
-        canCopyRoomLink: true,
-        isNotificationAllMessage: true,
-        isNotificationMentionOnly: true,
-        isNotificationAllMessageLoud: true,
-        isNotificationMute: true,
-        copyRoomLink: jest.fn(),
-        markAsUnread: jest.fn(),
-        markAsRead: jest.fn(),
-        leaveRoom: jest.fn(),
-        toggleLowPriority: jest.fn(),
-        toggleFavorite: jest.fn(),
-        invite: jest.fn(),
-        setRoomNotifState: jest.fn(),
-    };
-
-    let matrixClient: MatrixClient;
-    let room: Room;
-
-    beforeEach(() => {
-        mocked(useRoomListItemMenuViewModel).mockReturnValue(defaultValue);
-        matrixClient = stubClient();
-        room = mkRoom(matrixClient, "room1");
-    });
-
-    function renderMenu() {
-        return render(<RoomListItemMenuView room={room} />);
-    }
-
-    it("should render the more options menu", () => {
-        const { asFragment } = renderMenu();
-        expect(screen.getByRole("button", { name: "More Options" })).toBeInTheDocument();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it("should render the notification options menu", () => {
-        const { asFragment } = renderMenu();
-        expect(screen.getByRole("button", { name: "Notification options" })).toBeInTheDocument();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it("should not render the more options menu when showMoreOptionsMenu is false", () => {
-        mocked(useRoomListItemMenuViewModel).mockReturnValue({ ...defaultValue, showMoreOptionsMenu: false });
-        renderMenu();
-        expect(screen.queryByRole("button", { name: "More Options" })).toBeNull();
-    });
-
-    it("should not render the notification options menu when showNotificationMenu is false", () => {
-        mocked(useRoomListItemMenuViewModel).mockReturnValue({ ...defaultValue, showNotificationMenu: false });
-        renderMenu();
-        expect(screen.queryByRole("button", { name: "Notification options" })).toBeNull();
-    });
-
-    it("should display all the buttons and have the actions linked for the more options menu", async () => {
-        const user = userEvent.setup();
-        renderMenu();
-
-        const openMenu = screen.getByRole("button", { name: "More Options" });
-        await user.click(openMenu);
-
-        await user.click(screen.getByRole("menuitem", { name: "Mark as read" }));
-        expect(defaultValue.markAsRead).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "Mark as unread" }));
-        expect(defaultValue.markAsUnread).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitemcheckbox", { name: "Favourited" }));
-        expect(defaultValue.toggleFavorite).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitemcheckbox", { name: "Low priority" }));
-        expect(defaultValue.toggleLowPriority).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "Invite" }));
-        expect(defaultValue.invite).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "Copy room link" }));
-        expect(defaultValue.copyRoomLink).toHaveBeenCalled();
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "Leave room" }));
-        expect(defaultValue.leaveRoom).toHaveBeenCalled();
-    });
-
-    it("should display all the buttons and have the actions linked for the notification options menu", async () => {
-        const user = userEvent.setup();
-        renderMenu();
-
-        const openMenu = screen.getByRole("button", { name: "Notification options" });
-        await user.click(openMenu);
-
-        await user.click(screen.getByRole("menuitem", { name: "Match default settings" }));
-        expect(defaultValue.setRoomNotifState).toHaveBeenCalledWith(RoomNotifState.AllMessages);
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "All messages" }));
-        expect(defaultValue.setRoomNotifState).toHaveBeenCalledWith(RoomNotifState.AllMessagesLoud);
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "Mentions and keywords" }));
-        expect(defaultValue.setRoomNotifState).toHaveBeenCalledWith(RoomNotifState.MentionsOnly);
-
-        await user.click(openMenu);
-        await user.click(screen.getByRole("menuitem", { name: "Mute room" }));
-        expect(defaultValue.setRoomNotifState).toHaveBeenCalledWith(RoomNotifState.Mute);
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListItemView-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListItemView-test.tsx
deleted file mode 100644
index b6127e1189..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListItemView-test.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
-import { render, screen, waitFor } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
-import { mocked } from "jest-mock";
-import { CallType } from "matrix-js-sdk/src/webrtc/call";
-
-import { mkRoom, stubClient, withClientContextRenderOptions } from "../../../../../test-utils";
-import { RoomListItemView } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListItemView";
-import DMRoomMap from "../../../../../../src/utils/DMRoomMap";
-import {
-    type RoomListItemViewState,
-    useRoomListItemViewModel,
-} from "../../../../../../src/components/viewmodels/roomlist/RoomListItemViewModel";
-import { RoomNotificationState } from "../../../../../../src/stores/notifications/RoomNotificationState";
-
-jest.mock("../../../../../../src/components/viewmodels/roomlist/RoomListItemViewModel", () => ({
-    useRoomListItemViewModel: jest.fn(),
-}));
-
-describe("<RoomListItemView />", () => {
-    let defaultValue: RoomListItemViewState;
-    let matrixClient: MatrixClient;
-    let room: Room;
-
-    const renderRoomListItem = (props: Partial<React.ComponentProps<typeof RoomListItemView>> = {}) => {
-        const defaultProps = {
-            room,
-            isSelected: false,
-            isFocused: false,
-            onFocus: jest.fn(),
-            roomIndex: 0,
-            roomCount: 1,
-            listIsScrolling: false,
-        };
-
-        return render(<RoomListItemView {...defaultProps} {...props} />, withClientContextRenderOptions(matrixClient));
-    };
-
-    beforeEach(() => {
-        matrixClient = stubClient();
-        room = mkRoom(matrixClient, "room1");
-
-        DMRoomMap.makeShared(matrixClient);
-        jest.spyOn(DMRoomMap.shared(), "getUserIdForRoomId").mockReturnValue(undefined);
-
-        const notificationState = new RoomNotificationState(room, false);
-        jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
-        jest.spyOn(notificationState, "isNotification", "get").mockReturnValue(true);
-        jest.spyOn(notificationState, "count", "get").mockReturnValue(1);
-
-        defaultValue = {
-            openRoom: jest.fn(),
-            showContextMenu: false,
-            showHoverMenu: false,
-            notificationState,
-            a11yLabel: "Open room room1",
-            isBold: false,
-            isVideoRoom: false,
-            callConnectionState: null,
-            callType: CallType.Video,
-            hasParticipantInCall: false,
-            name: room.name,
-            showNotificationDecoration: false,
-            messagePreview: undefined,
-        };
-
-        mocked(useRoomListItemViewModel).mockReturnValue(defaultValue);
-    });
-
-    test("should render a room item", () => {
-        const onClick = jest.fn();
-        const { asFragment } = renderRoomListItem({
-            onClick,
-            roomCount: 0,
-        });
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    test("should render a room item with a message preview", () => {
-        defaultValue.messagePreview = "The message looks like this";
-
-        const onClick = jest.fn();
-        const { asFragment } = renderRoomListItem({
-            onClick,
-        });
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    test("should call openRoom when clicked", async () => {
-        const user = userEvent.setup();
-        renderRoomListItem();
-
-        await user.click(screen.getByRole("option", { name: `Open room ${room.name}` }));
-        expect(defaultValue.openRoom).toHaveBeenCalled();
-    });
-
-    test("should be selected if isSelected=true", async () => {
-        const { asFragment } = renderRoomListItem({
-            isSelected: true,
-        });
-
-        expect(screen.queryByRole("option", { name: `Open room ${room.name}` })).toHaveAttribute(
-            "aria-selected",
-            "true",
-        );
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    test("should display notification decoration", async () => {
-        mocked(useRoomListItemViewModel).mockReturnValue({
-            ...defaultValue,
-            showNotificationDecoration: true,
-        });
-
-        const { asFragment } = renderRoomListItem();
-
-        expect(screen.getByTestId("notification-decoration")).toBeInTheDocument();
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    test("should not display notification decoration when hovered", async () => {
-        const user = userEvent.setup();
-
-        mocked(useRoomListItemViewModel).mockReturnValue({
-            ...defaultValue,
-            showNotificationDecoration: true,
-        });
-
-        renderRoomListItem();
-
-        const listItem = screen.getByRole("option", { name: `Open room ${room.name}` });
-        await user.hover(listItem);
-
-        expect(screen.queryByRole("notification-decoration")).toBeNull();
-    });
-
-    test("should render the context menu", async () => {
-        const user = userEvent.setup();
-
-        mocked(useRoomListItemViewModel).mockReturnValue({
-            ...defaultValue,
-            showContextMenu: true,
-        });
-
-        renderRoomListItem();
-
-        const button = screen.getByRole("option", { name: `Open room ${room.name}` });
-        await user.pointer([{ target: button }, { keys: "[MouseRight]", target: button }]);
-        await waitFor(() => expect(screen.getByRole("menu")).toBeInTheDocument());
-        // Menu should close
-        await user.keyboard("{Escape}");
-        expect(screen.queryByRole("menu")).toBeNull();
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListOptionsMenu-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListOptionsMenu-test.tsx
deleted file mode 100644
index 02ba7eb54d..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListOptionsMenu-test.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React from "react";
-import { render, screen } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
-
-import { RoomListOptionsMenu } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListOptionsMenu";
-import { type RoomListHeaderViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListHeaderViewModel";
-
-describe("<RoomListOptionsMenu />", () => {
-    it("should match snapshot", () => {
-        const vm = {
-            sort: jest.fn(),
-        } as unknown as RoomListHeaderViewState;
-
-        const { asFragment } = render(<RoomListOptionsMenu vm={vm} />);
-
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it("should show A to Z selected if activeSortOption is Alphabetic", async () => {
-        const user = userEvent.setup();
-
-        const vm = {
-            sort: jest.fn(),
-            activeSortOption: "Alphabetic",
-        } as unknown as RoomListHeaderViewState;
-
-        render(<RoomListOptionsMenu vm={vm} />);
-
-        // Open the menu
-        const button = screen.getByRole("button", { name: "Room Options" });
-        await user.click(button);
-
-        expect(screen.getByRole("menuitemradio", { name: "A-Z" })).toBeChecked();
-        expect(screen.getByRole("menuitemradio", { name: "Activity" })).not.toBeChecked();
-    });
-
-    it("should show Activity selected if activeSortOption is Recency", async () => {
-        const user = userEvent.setup();
-
-        const vm = {
-            sort: jest.fn(),
-            activeSortOption: "Recency",
-        } as unknown as RoomListHeaderViewState;
-
-        render(<RoomListOptionsMenu vm={vm} />);
-
-        // Open the menu
-        const button = screen.getByRole("button", { name: "Room Options" });
-        await user.click(button);
-
-        expect(screen.getByRole("menuitemradio", { name: "A-Z" })).not.toBeChecked();
-        expect(screen.getByRole("menuitemradio", { name: "Activity" })).toBeChecked();
-    });
-
-    it("should sort A to Z", async () => {
-        const user = userEvent.setup();
-
-        const vm = {
-            sort: jest.fn(),
-        } as unknown as RoomListHeaderViewState;
-
-        render(<RoomListOptionsMenu vm={vm} />);
-
-        await user.click(screen.getByRole("button", { name: "Room Options" }));
-
-        await user.click(screen.getByRole("menuitemradio", { name: "A-Z" }));
-
-        expect(vm.sort).toHaveBeenCalledWith("Alphabetic");
-    });
-
-    it("should sort by activity", async () => {
-        const user = userEvent.setup();
-
-        const vm = {
-            sort: jest.fn(),
-            activeSortOption: "Alphabetic",
-        } as unknown as RoomListHeaderViewState;
-
-        render(<RoomListOptionsMenu vm={vm} />);
-
-        await user.click(screen.getByRole("button", { name: "Room Options" }));
-
-        await user.click(screen.getByRole("menuitemradio", { name: "Activity" }));
-
-        expect(vm.sort).toHaveBeenCalledWith("Recency");
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPrimaryFilters-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPrimaryFilters-test.tsx
deleted file mode 100644
index 8276c7340f..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListPrimaryFilters-test.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import React, { act } from "react";
-import { render, screen } from "jest-matrix-react";
-import userEvent from "@testing-library/user-event";
-
-import { type RoomListViewState } from "../../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
-import { RoomListPrimaryFilters } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListPrimaryFilters";
-import { FilterKey } from "../../../../../../src/stores/room-list-v3/skip-list/filters";
-
-describe("<RoomListPrimaryFilters />", () => {
-    let vm: RoomListViewState;
-    const filterToggleMocks = [jest.fn(), jest.fn(), jest.fn()];
-
-    let resizeCallback: ResizeObserverCallback;
-
-    beforeEach(() => {
-        // Reset mocks between tests
-        filterToggleMocks.forEach((mock) => mock.mockClear());
-
-        // Mock ResizeObserver
-        global.ResizeObserver = jest.fn().mockImplementation((callback) => {
-            resizeCallback = callback;
-            return {
-                observe: jest.fn(),
-                unobserve: jest.fn(),
-                disconnect: jest.fn(),
-            };
-        });
-
-        vm = {
-            primaryFilters: [
-                { name: "People", active: true, toggle: filterToggleMocks[0], key: FilterKey.PeopleFilter },
-                { name: "Rooms", active: false, toggle: filterToggleMocks[1], key: FilterKey.RoomsFilter },
-                { name: "Unreads", active: false, toggle: filterToggleMocks[2], key: FilterKey.UnreadFilter },
-            ],
-        } as unknown as RoomListViewState;
-    });
-
-    function mockFiltersOffsetLeft() {
-        // Use `getByText` instead of `getByRole` to bypass the aria-hidden
-        jest.spyOn(screen.getByText("People"), "offsetLeft", "get").mockReturnValue(0);
-        jest.spyOn(screen.getByText("Rooms"), "offsetLeft", "get").mockReturnValue(30);
-        jest.spyOn(screen.getByText("Unreads"), "offsetLeft", "get").mockReturnValue(60);
-
-        // @ts-ignore
-        act(() => resizeCallback([{ target: screen.getByRole("listbox", { name: "Room list filters" }) }]));
-    }
-
-    it("should renders all filters correctly", () => {
-        const { asFragment } = render(<RoomListPrimaryFilters vm={vm} />);
-        mockFiltersOffsetLeft();
-
-        // Check that all filters are rendered
-        expect(screen.getByRole("option", { name: "People" })).toBeInTheDocument();
-        expect(screen.getByRole("option", { name: "Rooms" })).toBeInTheDocument();
-        expect(screen.getByRole("option", { name: "Unreads" })).toBeInTheDocument();
-
-        // Check that the active filter is marked as selected
-        expect(screen.getByRole("option", { name: "People" })).toHaveAttribute("aria-selected", "true");
-        expect(screen.getByRole("option", { name: "Rooms" })).toHaveAttribute("aria-selected", "false");
-        expect(screen.getByRole("option", { name: "Unreads" })).toHaveAttribute("aria-selected", "false");
-
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    it("should call toggle function when a filter is clicked", async () => {
-        const user = userEvent.setup();
-        render(<RoomListPrimaryFilters vm={vm} />);
-        mockFiltersOffsetLeft();
-
-        // Click on an inactive filter
-        await user.click(screen.getByRole("option", { name: "People" }));
-
-        // Check that the toggle function was called
-        expect(filterToggleMocks[0]).toHaveBeenCalledTimes(1);
-    });
-
-    function makeUnreadWrapping() {
-        // Use `getByText` instead of `getByRole` to bypass the aria-hidden
-        jest.spyOn(screen.getByText("People"), "offsetLeft", "get").mockReturnValue(0);
-        jest.spyOn(screen.getByText("Rooms"), "offsetLeft", "get").mockReturnValue(30);
-        // Unreads is wrapping
-        jest.spyOn(screen.getByText("Unreads"), "offsetLeft", "get").mockReturnValue(0);
-
-        // @ts-ignore
-        act(() => resizeCallback([{ target: screen.getByRole("listbox", { name: "Room list filters" }) }]));
-    }
-
-    it("should hide or display filters if they are wrapping", async () => {
-        const user = userEvent.setup();
-        render(<RoomListPrimaryFilters vm={vm} />);
-        mockFiltersOffsetLeft();
-
-        // No filter is wrapping, so chevron shouldn't be visible
-        expect(screen.queryByRole("button", { name: "Expand filter list" })).toBeNull();
-        expect(screen.queryByRole("option", { name: "Unreads" })).toBeVisible();
-
-        makeUnreadWrapping();
-
-        // The Unreads filter is wrapping, it should not be visible
-        expect(screen.queryByRole("option", { name: "Unreads" })).toBeNull();
-        // Now filters are wrapping, so chevron should be visible
-        await user.click(screen.getByRole("button", { name: "Expand filter list" }));
-        // The list is expanded, so Unreads should be visible
-        expect(screen.getByRole("option", { name: "Unreads" })).toBeVisible();
-    });
-
-    it("should move the active filter if the list is collapsed and the filter is wrapping", async () => {
-        vm = {
-            primaryFilters: [
-                { name: "People", active: false, toggle: filterToggleMocks[0], key: FilterKey.PeopleFilter },
-                { name: "Rooms", active: false, toggle: filterToggleMocks[1], key: FilterKey.RoomsFilter },
-                { name: "Unreads", active: true, toggle: filterToggleMocks[2], key: FilterKey.UnreadFilter },
-            ],
-        } as unknown as RoomListViewState;
-
-        const user = userEvent.setup();
-        render(<RoomListPrimaryFilters vm={vm} />);
-        makeUnreadWrapping();
-
-        // Unread filter should be moved to the first position
-        expect(screen.getByRole("listbox", { name: "Room list filters" }).children[0]).toBe(
-            screen.getByRole("option", { name: "Unreads" }),
-        );
-
-        // When the list is expanded, the Unreads filter should move to its original position
-        await user.click(screen.getByRole("button", { name: "Expand filter list" }));
-        expect(screen.getByRole("listbox", { name: "Room list filters" }).children[0]).not.toEqual(
-            screen.getByRole("option", { name: "Unreads" }),
-        );
-    });
-
-    it("should hide the filter is the previous is on the same vertical position", async () => {
-        render(<RoomListPrimaryFilters vm={vm} />);
-        mockFiltersOffsetLeft();
-
-        jest.spyOn(screen.getByRole("option", { name: "People" }), "offsetLeft", "get").mockReturnValue(0);
-        // Rooms is wrapping
-        jest.spyOn(screen.getByRole("option", { name: "Rooms" }), "offsetLeft", "get").mockReturnValue(0);
-
-        // @ts-ignore
-        act(() => resizeCallback([{ target: screen.getByRole("listbox", { name: "Room list filters" }) }]));
-
-        // The Unreads filter is wrapping, it should not be visible
-        expect(screen.queryByRole("option", { name: "Rooms" })).toBeNull();
-        // Now filters are wrapping, so chevron should be visible
-        expect(screen.getByRole("button", { name: "Expand filter list" })).toBeVisible();
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListView-test.tsx b/test/unit-tests/components/views/rooms/RoomListPanel/RoomListView-test.tsx
deleted file mode 100644
index 0081c6f350..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/RoomListView-test.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * Copyright 2025 New Vector Ltd.
- *
- * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
- * Please see LICENSE files in the repository root for full details.
- */
-
-import { mocked } from "jest-mock";
-import { render, screen } from "jest-matrix-react";
-import React from "react";
-
-import {
-    type RoomListViewState,
-    useRoomListViewModel,
-} from "../../../../../../src/components/viewmodels/roomlist/RoomListViewModel";
-import { RoomListView } from "../../../../../../src/components/views/rooms/RoomListPanel/RoomListView";
-import { mkRoom, stubClient } from "../../../../../test-utils";
-
-jest.mock("../../../../../../src/components/viewmodels/roomlist/RoomListViewModel", () => ({
-    useRoomListViewModel: jest.fn(),
-}));
-
-describe("<RoomListView />", () => {
-    const defaultValue: RoomListViewState = {
-        isLoadingRooms: false,
-        roomsResult: { spaceId: "home", rooms: [] },
-        primaryFilters: [],
-        createRoom: jest.fn(),
-        createChatRoom: jest.fn(),
-        canCreateRoom: true,
-        activeIndex: undefined,
-    };
-    const matrixClient = stubClient();
-
-    afterEach(() => {
-        jest.resetAllMocks();
-    });
-
-    it("should render the loading room list", () => {
-        mocked(useRoomListViewModel).mockReturnValue({
-            ...defaultValue,
-            isLoadingRooms: true,
-        });
-
-        const roomList = render(<RoomListView />);
-        expect(roomList.container.querySelector(".mx_RoomListSkeleton")).not.toBeNull();
-    });
-
-    it("should render an empty room list", () => {
-        mocked(useRoomListViewModel).mockReturnValue(defaultValue);
-
-        render(<RoomListView />);
-        expect(screen.getByText("No chats yet")).toBeInTheDocument();
-    });
-
-    it("should render a room list", () => {
-        mocked(useRoomListViewModel).mockReturnValue({
-            ...defaultValue,
-            roomsResult: { spaceId: "home", rooms: [mkRoom(matrixClient, "testing room")] },
-        });
-
-        render(<RoomListView />);
-        expect(screen.getByRole("listbox", { name: "Room list" })).toBeInTheDocument();
-    });
-});
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/EmptyRoomList-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/EmptyRoomList-test.tsx.snap
deleted file mode 100644
index c368925df1..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/EmptyRoomList-test.tsx.snap
+++ /dev/null
@@ -1,279 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<EmptyRoomList /> should display empty state for filter favourite 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      You don't have favourite chats yet
-    </span>
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_description"
-    >
-      You can add a chat to your favourites in the chat settings
-    </span>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should display empty state for filter people 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      You don’t have direct chats with anyone yet
-    </span>
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_description"
-    >
-      You can deselect filters in order to see your other chats
-    </span>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should display empty state for filter rooms 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      You’re not in any room yet
-    </span>
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_description"
-    >
-      You can deselect filters in order to see your other chats
-    </span>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should display the empty state for the invite filter 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      You don't have any unread invites
-    </span>
-    <button
-      class="_button_187yx_8"
-      data-kind="tertiary"
-      data-size="lg"
-      role="button"
-      tabindex="0"
-    >
-      See all activity
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should display the empty state for the low priority filter 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      You don't have any low priority rooms
-    </span>
-    <button
-      class="_button_187yx_8"
-      data-kind="tertiary"
-      data-size="lg"
-      role="button"
-      tabindex="0"
-    >
-      See all activity
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should display the empty state for the mention filter 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      You don't have any unread mentions
-    </span>
-    <button
-      class="_button_187yx_8"
-      data-kind="tertiary"
-      data-size="lg"
-      role="button"
-      tabindex="0"
-    >
-      See all activity
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should display the empty state for the unread filter 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      Congrats! You don’t have any unread messages
-    </span>
-    <button
-      class="_button_187yx_8"
-      data-kind="tertiary"
-      data-size="lg"
-      role="button"
-      tabindex="0"
-    >
-      Show all chats
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should not render the new room button if the user doesn't have the rights to create a room 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      No chats yet
-    </span>
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_description"
-    >
-      Get started by messaging someone
-    </span>
-    <div
-      class="_flex_4dswl_9 mx_EmptyRoomList_DefaultPlaceholder"
-      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
-    >
-      <button
-        class="_button_187yx_8 _has-icon_187yx_57"
-        data-kind="secondary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="20"
-          viewBox="0 0 24 24"
-          width="20"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
-          />
-        </svg>
-        Start chat
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<EmptyRoomList /> should render the default placeholder when there is no filter 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_EmptyRoomList_GenericPlaceholder"
-    data-testid="empty-room-list"
-    style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: stretch; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-  >
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_title"
-    >
-      No chats yet
-    </span>
-    <span
-      class="mx_EmptyRoomList_GenericPlaceholder_description"
-    >
-      Get started by messaging someone or by creating a room
-    </span>
-    <div
-      class="_flex_4dswl_9 mx_EmptyRoomList_DefaultPlaceholder"
-      style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
-    >
-      <button
-        class="_button_187yx_8 _has-icon_187yx_57"
-        data-kind="secondary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="20"
-          viewBox="0 0 24 24"
-          width="20"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m1.5 21.25 1.45-4.95a10.2 10.2 0 0 1-.712-2.1A10.2 10.2 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22q-1.125 0-2.2-.238a10.2 10.2 0 0 1-2.1-.712L2.75 22.5a.94.94 0 0 1-1-.25.94.94 0 0 1-.25-1m2.45-1.2 3.2-.95a1 1 0 0 1 .275-.062q.15-.013.275-.013.225 0 .438.038.212.036.412.137a7.4 7.4 0 0 0 1.675.6Q11.1 20 12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12q0 .9.2 1.775t.6 1.675q.176.325.188.688t-.088.712z"
-          />
-        </svg>
-        Start chat
-      </button>
-      <button
-        class="_button_187yx_8 _has-icon_187yx_57"
-        data-kind="secondary"
-        data-size="sm"
-        role="button"
-        tabindex="0"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="20"
-          viewBox="0 0 24 24"
-          width="20"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m8.566 17-.944 4.094q-.086.406-.372.656t-.687.25q-.543 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.801-3.5H3.158q-.572 0-.916-.484a1.27 1.27 0 0 1-.2-1.078 1.12 1.12 0 0 1 1.116-.938H6.85l1.145-5h-3.12q-.57 0-.915-.484a1.27 1.27 0 0 1-.2-1.078A1.12 1.12 0 0 1 4.875 7h3.691l.945-4.094q.085-.406.372-.656.286-.25.686-.25.544 0 .887.469.345.468.2 1.031l-.8 3.5h4.578l.944-4.094q.085-.406.372-.656.286-.25.687-.25.543 0 .887.469t.2 1.031L17.723 7h3.119q.573 0 .916.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937H17.15l-1.145 5h3.12q.57 0 .915.484.343.485.2 1.079a1.12 1.12 0 0 1-1.116.937h-3.691l-.944 4.094q-.087.406-.373.656t-.686.25q-.544 0-.887-.469a1.18 1.18 0 0 1-.2-1.031l.8-3.5zm.573-2.5h4.578l1.144-5h-4.578z"
-          />
-        </svg>
-        New room
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomList-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomList-test.tsx.snap
deleted file mode 100644
index 4456a46f1c..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomList-test.tsx.snap
+++ /dev/null
@@ -1,1255 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<RoomList /> should render a room list 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Room list"
-    data-testid="room-list"
-    data-virtuoso-scroller="true"
-    role="listbox"
-    style="height: 100%; outline: none; overflow-y: auto; position: relative; -webkit-overflow-scrolling: touch;"
-    tabindex="0"
-  >
-    <div
-      data-viewport-type="element"
-      style="height: 100%; position: absolute; top: 0px; width: 100%;"
-    >
-      <div
-        data-testid="virtuoso-item-list"
-        style="box-sizing: border-box; margin-top: 0px; padding-bottom: 0px; padding-top: 0px;"
-      >
-        <div
-          data-index="0"
-          data-item-index="0"
-          data-known-size="48"
-          style="overflow-anchor: none;"
-        >
-          <button
-            aria-haspopup="menu"
-            aria-label="Open room room0"
-            aria-posinset="1"
-            aria-selected="false"
-            aria-setsize="10"
-            class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-            data-state="closed"
-            role="option"
-            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-            tabindex="0"
-            type="button"
-          >
-            <span
-              aria-label="Avatar"
-              class="_avatar_zysgz_8 mx_BaseAvatar"
-              data-color="2"
-              data-testid="avatar-img"
-              data-type="round"
-              style="--cpd-avatar-size: 32px;"
-            >
-              <img
-                alt=""
-                class="_image_zysgz_43"
-                data-type="round"
-                height="32px"
-                loading="lazy"
-                referrerpolicy="no-referrer"
-                src="http://this.is.a.url/avatar.url/room.png"
-                width="32px"
-              />
-            </span>
-            <div
-              class="_flex_4dswl_9 mx_RoomListItemView_content"
-              style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-            >
-              <div
-                class="mx_RoomListItemView_text"
-              >
-                <div
-                  class="mx_RoomListItemView_roomName"
-                  title="room0"
-                >
-                  room0
-                </div>
-              </div>
-              <div
-                class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-                style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-              />
-            </div>
-          </button>
-          <button
-            aria-disabled="false"
-            aria-expanded="false"
-            aria-haspopup="menu"
-            aria-label="More Options"
-            aria-labelledby="_r_2_"
-            class="_icon-button_1pz9o_8"
-            data-kind="primary"
-            data-state="closed"
-            id="radix-_r_0_"
-            role="button"
-            style="--cpd-icon-button-size: 24px;"
-            tabindex="0"
-            type="button"
-          >
-            <div
-              class="_indicator-icon_147l5_17"
-              style="--cpd-icon-button-size: 100%;"
-            >
-              <svg
-                fill="currentColor"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-                />
-              </svg>
-            </div>
-          </button>
-          <button
-            aria-disabled="false"
-            aria-expanded="false"
-            aria-haspopup="menu"
-            aria-label="Notification options"
-            aria-labelledby="_r_9_"
-            class="_icon-button_1pz9o_8"
-            data-kind="primary"
-            data-state="closed"
-            id="radix-_r_7_"
-            role="button"
-            style="--cpd-icon-button-size: 24px;"
-            tabindex="0"
-            type="button"
-          >
-            <div
-              class="_indicator-icon_147l5_17"
-              style="--cpd-icon-button-size: 100%;"
-            >
-              <svg
-                fill="currentColor"
-                height="1em"
-                viewBox="0 0 24 24"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-                />
-              </svg>
-            </div>
-          </button>
-        </div>
-      </div>
-    </div>
-    <div
-      data-index="1"
-      data-item-index="1"
-      data-known-size="48"
-      style="overflow-anchor: none;"
-    >
-      <button
-        aria-haspopup="menu"
-        aria-label="Open room room1"
-        aria-posinset="2"
-        aria-selected="false"
-        aria-setsize="10"
-        class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-        data-state="closed"
-        role="option"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-        tabindex="-1"
-        type="button"
-      >
-        <span
-          aria-label="Avatar"
-          class="_avatar_zysgz_8 mx_BaseAvatar"
-          data-color="3"
-          data-testid="avatar-img"
-          data-type="round"
-          style="--cpd-avatar-size: 32px;"
-        >
-          <img
-            alt=""
-            class="_image_zysgz_43"
-            data-type="round"
-            height="32px"
-            loading="lazy"
-            referrerpolicy="no-referrer"
-            src="http://this.is.a.url/avatar.url/room.png"
-            width="32px"
-          />
-        </span>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemView_content"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-        >
-          <div
-            class="mx_RoomListItemView_text"
-          >
-            <div
-              class="mx_RoomListItemView_roomName"
-              title="room1"
-            >
-              room1
-            </div>
-          </div>
-          <div
-            class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-            style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-          />
-        </div>
-      </button>
-      <button
-        aria-disabled="false"
-        aria-expanded="false"
-        aria-haspopup="menu"
-        aria-label="More Options"
-        aria-labelledby="_r_g_"
-        class="_icon-button_1pz9o_8"
-        data-kind="primary"
-        data-state="closed"
-        id="radix-_r_e_"
-        role="button"
-        style="--cpd-icon-button-size: 24px;"
-        tabindex="0"
-        type="button"
-      >
-        <div
-          class="_indicator-icon_147l5_17"
-          style="--cpd-icon-button-size: 100%;"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-            />
-          </svg>
-        </div>
-      </button>
-      <button
-        aria-disabled="false"
-        aria-expanded="false"
-        aria-haspopup="menu"
-        aria-label="Notification options"
-        aria-labelledby="_r_n_"
-        class="_icon-button_1pz9o_8"
-        data-kind="primary"
-        data-state="closed"
-        id="radix-_r_l_"
-        role="button"
-        style="--cpd-icon-button-size: 24px;"
-        tabindex="0"
-        type="button"
-      >
-        <div
-          class="_indicator-icon_147l5_17"
-          style="--cpd-icon-button-size: 100%;"
-        >
-          <svg
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-            />
-          </svg>
-        </div>
-      </button>
-    </div>
-  </div>
-  <div
-    data-index="2"
-    data-item-index="2"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room2"
-      aria-posinset="3"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="4"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room2"
-          >
-            room2
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_u_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_s_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_15_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_13_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="3"
-    data-item-index="3"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room3"
-      aria-posinset="4"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="5"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room3"
-          >
-            room3
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_1c_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_1a_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_1j_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_1h_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="4"
-    data-item-index="4"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room4"
-      aria-posinset="5"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="6"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room4"
-          >
-            room4
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_1q_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_1o_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_21_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_1v_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="5"
-    data-item-index="5"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room5"
-      aria-posinset="6"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="1"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room5"
-          >
-            room5
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_28_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_26_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_2f_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_2d_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="6"
-    data-item-index="6"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room6"
-      aria-posinset="7"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="2"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room6"
-          >
-            room6
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_2m_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_2k_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_2t_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_2r_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="7"
-    data-item-index="7"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room7"
-      aria-posinset="8"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="3"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room7"
-          >
-            room7
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_34_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_32_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_3b_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_39_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="8"
-    data-item-index="8"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room8"
-      aria-posinset="9"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="4"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room8"
-          >
-            room8
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_3i_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_3g_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_3p_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_3n_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-  <div
-    data-index="9"
-    data-item-index="9"
-    data-known-size="48"
-    style="overflow-anchor: none;"
-  >
-    <button
-      aria-haspopup="menu"
-      aria-label="Open room room9"
-      aria-posinset="10"
-      aria-selected="false"
-      aria-setsize="10"
-      class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_has_menu"
-      data-state="closed"
-      role="option"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-      tabindex="-1"
-      type="button"
-    >
-      <span
-        aria-label="Avatar"
-        class="_avatar_zysgz_8 mx_BaseAvatar"
-        data-color="5"
-        data-testid="avatar-img"
-        data-type="round"
-        style="--cpd-avatar-size: 32px;"
-      >
-        <img
-          alt=""
-          class="_image_zysgz_43"
-          data-type="round"
-          height="32px"
-          loading="lazy"
-          referrerpolicy="no-referrer"
-          src="http://this.is.a.url/avatar.url/room.png"
-          width="32px"
-        />
-      </span>
-      <div
-        class="_flex_4dswl_9 mx_RoomListItemView_content"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-      >
-        <div
-          class="mx_RoomListItemView_text"
-        >
-          <div
-            class="mx_RoomListItemView_roomName"
-            title="room9"
-          >
-            room9
-          </div>
-        </div>
-        <div
-          class="_flex_4dswl_9 mx_RoomListItemMenuView mx_RoomListItemView_menu"
-          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-        />
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_40_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_3u_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_47_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_45_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListHeaderView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListHeaderView-test.tsx.snap
deleted file mode 100644
index 16a67295af..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListHeaderView-test.tsx.snap
+++ /dev/null
@@ -1,653 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`] = `
-<DocumentFragment>
-  <header
-    aria-label="Room options"
-    class="_flex_4dswl_9 mx_RoomListHeaderView"
-    data-testid="room-list-header"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
-  >
-    <div
-      class="_flex_4dswl_9 mx_RoomListHeaderView_title"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-    >
-      <h1
-        title="title"
-      >
-        title
-      </h1>
-      <button
-        aria-disabled="false"
-        aria-expanded="false"
-        aria-haspopup="menu"
-        aria-label="Open space menu"
-        class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
-        data-kind="primary"
-        data-state="closed"
-        id="radix-_r_i_"
-        role="button"
-        style="--cpd-icon-button-size: 20px;"
-        tabindex="0"
-        type="button"
-      >
-        <div
-          class="_indicator-icon_147l5_17"
-          style="--cpd-icon-button-size: 100%;"
-        >
-          <svg
-            color="var(--cpd-color-icon-secondary)"
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
-            />
-          </svg>
-        </div>
-      </button>
-    </div>
-    <div
-      class="_flex_4dswl_9"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-label="Room Options"
-          aria-labelledby="_r_m_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_k_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-labelledby="_r_t_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_r_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              aria-hidden="true"
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
-                fill-rule="evenodd"
-              />
-              <path
-                d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-    </div>
-  </header>
-</DocumentFragment>
-`;
-
-exports[`<RoomListHeaderView /> compose menu should not display the compose menu 1`] = `
-<DocumentFragment>
-  <header
-    aria-label="Room options"
-    class="_flex_4dswl_9 mx_RoomListHeaderView"
-    data-testid="room-list-header"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
-  >
-    <div
-      class="_flex_4dswl_9 mx_RoomListHeaderView_title"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-    >
-      <h1
-        title="title"
-      >
-        title
-      </h1>
-      <button
-        aria-disabled="false"
-        aria-expanded="false"
-        aria-haspopup="menu"
-        aria-label="Open space menu"
-        class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
-        data-kind="primary"
-        data-state="closed"
-        id="radix-_r_14_"
-        role="button"
-        style="--cpd-icon-button-size: 20px;"
-        tabindex="0"
-        type="button"
-      >
-        <div
-          class="_indicator-icon_147l5_17"
-          style="--cpd-icon-button-size: 100%;"
-        >
-          <svg
-            color="var(--cpd-color-icon-secondary)"
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
-            />
-          </svg>
-        </div>
-      </button>
-    </div>
-    <div
-      class="_flex_4dswl_9"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-label="Room Options"
-          aria-labelledby="_r_18_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_16_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-labelledby="_r_1d_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              aria-hidden="true"
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
-                fill-rule="evenodd"
-              />
-              <path
-                d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-    </div>
-  </header>
-</DocumentFragment>
-`;
-
-exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
-<DocumentFragment>
-  <header
-    aria-label="Room options"
-    class="_flex_4dswl_9 mx_RoomListHeaderView"
-    data-testid="room-list-header"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
-  >
-    <div
-      class="_flex_4dswl_9 mx_RoomListHeaderView_title"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-    >
-      <h1
-        title="title"
-      >
-        title
-      </h1>
-      <button
-        aria-disabled="false"
-        aria-expanded="false"
-        aria-haspopup="menu"
-        aria-label="Open space menu"
-        class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
-        data-kind="primary"
-        data-state="closed"
-        id="radix-_r_0_"
-        role="button"
-        style="--cpd-icon-button-size: 20px;"
-        tabindex="0"
-        type="button"
-      >
-        <div
-          class="_indicator-icon_147l5_17"
-          style="--cpd-icon-button-size: 100%;"
-        >
-          <svg
-            color="var(--cpd-color-icon-secondary)"
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
-            />
-          </svg>
-        </div>
-      </button>
-    </div>
-    <div
-      class="_flex_4dswl_9"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-label="Room Options"
-          aria-labelledby="_r_4_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_2_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-labelledby="_r_b_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_9_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              aria-hidden="true"
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
-                fill-rule="evenodd"
-              />
-              <path
-                d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-    </div>
-  </header>
-</DocumentFragment>
-`;
-
-exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
-<DocumentFragment>
-  <header
-    aria-label="Room options"
-    class="_flex_4dswl_9 mx_RoomListHeaderView"
-    data-testid="room-list-header"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
-  >
-    <div
-      class="_flex_4dswl_9 mx_RoomListHeaderView_title"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-    >
-      <h1
-        title="title"
-      >
-        title
-      </h1>
-      <button
-        aria-disabled="false"
-        aria-expanded="false"
-        aria-haspopup="menu"
-        aria-label="Open space menu"
-        class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
-        data-kind="primary"
-        data-state="closed"
-        id="radix-_r_36_"
-        role="button"
-        style="--cpd-icon-button-size: 20px;"
-        tabindex="0"
-        type="button"
-      >
-        <div
-          class="_indicator-icon_147l5_17"
-          style="--cpd-icon-button-size: 100%;"
-        >
-          <svg
-            color="var(--cpd-color-icon-secondary)"
-            fill="currentColor"
-            height="1em"
-            viewBox="0 0 24 24"
-            width="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
-            />
-          </svg>
-        </div>
-      </button>
-    </div>
-    <div
-      class="_flex_4dswl_9"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-label="Room Options"
-          aria-labelledby="_r_3a_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_38_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-labelledby="_r_3h_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_3f_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              aria-hidden="true"
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
-                fill-rule="evenodd"
-              />
-              <path
-                d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-    </div>
-  </header>
-</DocumentFragment>
-`;
-
-exports[`<RoomListHeaderView /> space menu should not display the space menu 1`] = `
-<DocumentFragment>
-  <header
-    aria-label="Room options"
-    class="_flex_4dswl_9 mx_RoomListHeaderView"
-    data-testid="room-list-header"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
-  >
-    <div
-      class="_flex_4dswl_9 mx_RoomListHeaderView_title"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-    >
-      <h1
-        title="title"
-      >
-        title
-      </h1>
-    </div>
-    <div
-      class="_flex_4dswl_9"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-label="Room Options"
-          aria-labelledby="_r_3q_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_3o_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-      <div
-        class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
-      >
-        <button
-          aria-disabled="false"
-          aria-expanded="false"
-          aria-haspopup="menu"
-          aria-labelledby="_r_41_"
-          class="_icon-button_1pz9o_8"
-          data-kind="primary"
-          data-state="closed"
-          id="radix-_r_3v_"
-          role="button"
-          style="--cpd-icon-button-size: 32px;"
-          tabindex="0"
-          type="button"
-        >
-          <div
-            class="_indicator-icon_147l5_17"
-            style="--cpd-icon-button-size: 100%;"
-          >
-            <svg
-              aria-hidden="true"
-              color="var(--cpd-color-icon-secondary)"
-              fill="currentColor"
-              height="1em"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M16.937 2.82a2 2 0 0 1 2.828 0l1.415 1.414a2 2 0 0 1 0 2.829l-7.071 7.07c-.195.196-.42.342-.66.44a1 1 0 0 1-.168.072l-3.993 1.331a1 1 0 0 1-1.265-1.265l1.331-3.992q.03-.09.073-.168m10.338-4.903-6.717 6.718-1.414-1.414 6.717-6.718z"
-                fill-rule="evenodd"
-              />
-              <path
-                d="M3 5a2 2 0 0 1 2-2h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
-              />
-            </svg>
-          </div>
-        </button>
-      </div>
-    </div>
-  </header>
-</DocumentFragment>
-`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListItemMenuView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListItemMenuView-test.tsx.snap
deleted file mode 100644
index 91e687412f..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListItemMenuView-test.tsx.snap
+++ /dev/null
@@ -1,155 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<RoomListItemMenuView /> should render the more options menu 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_RoomListItemMenuView"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-  >
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_2_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_0_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_9_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_7_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.504 3.498a1 1 0 0 1 1.414-1.414M19 13.35 9.136 3.484C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7z"
-          />
-          <path
-            d="M10 20h4a2 2 0 0 1-4 0"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`<RoomListItemMenuView /> should render the notification options menu 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_RoomListItemMenuView"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-  >
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="More Options"
-      aria-labelledby="_r_i_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_g_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
-          />
-        </svg>
-      </div>
-    </button>
-    <button
-      aria-disabled="false"
-      aria-expanded="false"
-      aria-haspopup="menu"
-      aria-label="Notification options"
-      aria-labelledby="_r_p_"
-      class="_icon-button_1pz9o_8"
-      data-kind="primary"
-      data-state="closed"
-      id="radix-_r_n_"
-      role="button"
-      style="--cpd-icon-button-size: 24px;"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="_indicator-icon_147l5_17"
-        style="--cpd-icon-button-size: 100%;"
-      >
-        <svg
-          fill="currentColor"
-          height="1em"
-          viewBox="0 0 24 24"
-          width="1em"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="m4.917 2.083 17 17a1 1 0 0 1-1.414 1.414L19.006 19H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-2.034 1.096-3.91L3.504 3.498a1 1 0 0 1 1.414-1.414M19 13.35 9.136 3.484C9.93 3.181 10.874 3 12 3c7 0 7 7 7 7z"
-          />
-          <path
-            d="M10 20h4a2 2 0 0 1-4 0"
-          />
-        </svg>
-      </div>
-    </button>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListItemView-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListItemView-test.tsx.snap
deleted file mode 100644
index f46588370f..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListItemView-test.tsx.snap
+++ /dev/null
@@ -1,234 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<RoomListItemView /> should be selected if isSelected=true 1`] = `
-<DocumentFragment>
-  <button
-    aria-label="Open room room1"
-    aria-posinset="1"
-    aria-selected="true"
-    aria-setsize="1"
-    class="_flex_4dswl_9 mx_RoomListItemView mx_RoomListItemView_selected"
-    role="option"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-    tabindex="-1"
-    type="button"
-  >
-    <span
-      aria-label="Avatar"
-      class="_avatar_zysgz_8 mx_BaseAvatar"
-      data-color="3"
-      data-testid="avatar-img"
-      data-type="round"
-      style="--cpd-avatar-size: 32px;"
-    >
-      <img
-        alt=""
-        class="_image_zysgz_43"
-        data-type="round"
-        height="32px"
-        loading="lazy"
-        referrerpolicy="no-referrer"
-        src="http://this.is.a.url/avatar.url/room.png"
-        width="32px"
-      />
-    </span>
-    <div
-      class="_flex_4dswl_9 mx_RoomListItemView_content"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListItemView_text"
-      >
-        <div
-          class="mx_RoomListItemView_roomName"
-          title="room1"
-        >
-          room1
-        </div>
-      </div>
-    </div>
-  </button>
-</DocumentFragment>
-`;
-
-exports[`<RoomListItemView /> should display notification decoration 1`] = `
-<DocumentFragment>
-  <button
-    aria-label="Open room room1"
-    aria-posinset="1"
-    aria-selected="false"
-    aria-setsize="1"
-    class="_flex_4dswl_9 mx_RoomListItemView"
-    role="option"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-    tabindex="-1"
-    type="button"
-  >
-    <span
-      aria-label="Avatar"
-      class="_avatar_zysgz_8 mx_BaseAvatar"
-      data-color="3"
-      data-testid="avatar-img"
-      data-type="round"
-      style="--cpd-avatar-size: 32px;"
-    >
-      <img
-        alt=""
-        class="_image_zysgz_43"
-        data-type="round"
-        height="32px"
-        loading="lazy"
-        referrerpolicy="no-referrer"
-        src="http://this.is.a.url/avatar.url/room.png"
-        width="32px"
-      />
-    </span>
-    <div
-      class="_flex_4dswl_9 mx_RoomListItemView_content"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListItemView_text"
-      >
-        <div
-          class="mx_RoomListItemView_roomName"
-          title="room1"
-        >
-          room1
-        </div>
-      </div>
-      <div
-        aria-hidden="true"
-        class="_flex_4dswl_9 mx_RoomListItemView_notificationDecoration"
-        data-testid="notification-decoration"
-        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-1x); --mx-flex-wrap: nowrap;"
-      >
-        <svg
-          fill="var(--cpd-color-icon-accent-primary)"
-          height="20px"
-          viewBox="0 0 24 24"
-          width="20px"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4"
-          />
-        </svg>
-        <span
-          class="_unread-counter_1147r_8"
-        >
-          1
-        </span>
-      </div>
-    </div>
-  </button>
-</DocumentFragment>
-`;
-
-exports[`<RoomListItemView /> should render a room item 1`] = `
-<DocumentFragment>
-  <button
-    aria-label="Open room room1"
-    aria-posinset="1"
-    aria-selected="false"
-    aria-setsize="0"
-    class="_flex_4dswl_9 mx_RoomListItemView"
-    role="option"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-    tabindex="-1"
-    type="button"
-  >
-    <span
-      aria-label="Avatar"
-      class="_avatar_zysgz_8 mx_BaseAvatar"
-      data-color="3"
-      data-testid="avatar-img"
-      data-type="round"
-      style="--cpd-avatar-size: 32px;"
-    >
-      <img
-        alt=""
-        class="_image_zysgz_43"
-        data-type="round"
-        height="32px"
-        loading="lazy"
-        referrerpolicy="no-referrer"
-        src="http://this.is.a.url/avatar.url/room.png"
-        width="32px"
-      />
-    </span>
-    <div
-      class="_flex_4dswl_9 mx_RoomListItemView_content"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListItemView_text"
-      >
-        <div
-          class="mx_RoomListItemView_roomName"
-          title="room1"
-        >
-          room1
-        </div>
-      </div>
-    </div>
-  </button>
-</DocumentFragment>
-`;
-
-exports[`<RoomListItemView /> should render a room item with a message preview 1`] = `
-<DocumentFragment>
-  <button
-    aria-label="Open room room1"
-    aria-posinset="1"
-    aria-selected="false"
-    aria-setsize="1"
-    class="_flex_4dswl_9 mx_RoomListItemView"
-    role="option"
-    style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-    tabindex="-1"
-    type="button"
-  >
-    <span
-      aria-label="Avatar"
-      class="_avatar_zysgz_8 mx_BaseAvatar"
-      data-color="3"
-      data-testid="avatar-img"
-      data-type="round"
-      style="--cpd-avatar-size: 32px;"
-    >
-      <img
-        alt=""
-        class="_image_zysgz_43"
-        data-type="round"
-        height="32px"
-        loading="lazy"
-        referrerpolicy="no-referrer"
-        src="http://this.is.a.url/avatar.url/room.png"
-        width="32px"
-      />
-    </span>
-    <div
-      class="_flex_4dswl_9 mx_RoomListItemView_content"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
-    >
-      <div
-        class="mx_RoomListItemView_text"
-      >
-        <div
-          class="mx_RoomListItemView_roomName"
-          title="room1"
-        >
-          room1
-        </div>
-        <div
-          class="mx_RoomListItemView_messagePreview"
-          title="The message looks like this"
-        >
-          The message looks like this
-        </div>
-      </div>
-    </div>
-  </button>
-</DocumentFragment>
-`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPrimaryFilters-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPrimaryFilters-test.tsx.snap
deleted file mode 100644
index ec71f70c95..0000000000
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPrimaryFilters-test.tsx.snap
+++ /dev/null
@@ -1,47 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<RoomListPrimaryFilters /> should renders all filters correctly 1`] = `
-<DocumentFragment>
-  <div
-    class="_flex_4dswl_9 mx_RoomListPrimaryFilters"
-    data-testid="primary-filters"
-    style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
-  >
-    <div
-      aria-label="Room list filters"
-      class="_flex_4dswl_9 mx_RoomListPrimaryFilters_list"
-      id="_r_0_"
-      role="listbox"
-      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
-    >
-      <button
-        aria-hidden="false"
-        aria-selected="true"
-        class="_chat-filter_5qdp0_8"
-        role="option"
-        tabindex="0"
-      >
-        People
-      </button>
-      <button
-        aria-hidden="false"
-        aria-selected="false"
-        class="_chat-filter_5qdp0_8"
-        role="option"
-        tabindex="0"
-      >
-        Rooms
-      </button>
-      <button
-        aria-hidden="false"
-        aria-selected="false"
-        class="_chat-filter_5qdp0_8"
-        role="option"
-        tabindex="0"
-      >
-        Unreads
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;
diff --git a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
index 24377d678f..b9a99c31e5 100644
--- a/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListSearch-test.tsx.snap
@@ -9,7 +9,7 @@ exports[`<RoomListSearch /> renders 1`] = `
     style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
   >
     <button
-      class="_button_187yx_8 _search_z7ks9_16 _has-icon_187yx_57"
+      class="_button_13vu4_8 _search_z7ks9_16 _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       id="room-list-search-button"
diff --git a/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx b/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx
index 5ee9d51cbb..e299c90e2b 100644
--- a/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx
+++ b/test/unit-tests/components/views/rooms/RoomPreviewBar-test.tsx
@@ -423,6 +423,20 @@ describe("<RoomPreviewBar />", () => {
                     await testJoinButton({ inviterName, invitedEmail })();
                 });
 
+                it("renders email mismatch message when no email bound", async () => {
+                    MatrixClientPeg.safeGet().lookupThreePid = jest.fn().mockReturnValue({});
+                    const component = getComponent({ inviterName, invitedEmail });
+                    await waitForElementToBeRemoved(() => component.queryByRole("progressbar"));
+
+                    expect(getMessage(component)).toMatchSnapshot();
+                    expect(MatrixClientPeg.safeGet().lookupThreePid).toHaveBeenCalledWith(
+                        "email",
+                        invitedEmail,
+                        "mock-token",
+                    );
+                    await testJoinButton({ inviterName, invitedEmail })();
+                });
+
                 it("renders invite message when invite email mxid match", async () => {
                     MatrixClientPeg.safeGet().lookupThreePid = jest.fn().mockReturnValue({ mxid: userId });
                     const component = getComponent({ inviterName, invitedEmail });
diff --git a/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap b/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap
index 9cbc1a6464..9706fb7024 100644
--- a/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/__snapshots__/NotificationDecoration-test.tsx.snap
@@ -157,7 +157,7 @@ exports[`<NotificationDecoration /> should render the unset message decoration 1
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
+        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"
       />
     </svg>
   </div>
diff --git a/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap b/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
index 92a846ab05..4930ca17c7 100644
--- a/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
@@ -36,7 +36,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Open menu"
-          class="_icon-button_1pz9o_8"
+          class="_icon-button_1215g_8"
           data-kind="primary"
           data-state="closed"
           id="radix-_r_6_"
@@ -115,7 +115,7 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Open menu"
-          class="_icon-button_1pz9o_8"
+          class="_icon-button_1215g_8"
           data-kind="primary"
           data-state="closed"
           id="radix-_r_f_"
@@ -189,7 +189,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   aria-label="Open menu"
   aria-labelledby="radix-_r_14_"
   aria-orientation="vertical"
-  class="_menu_1glhz_8"
+  class="_menu_1w1u7_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -202,7 +202,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   tabindex="-1"
 >
   <button
-    class="_item_dyt4i_8 _interactive_dyt4i_26"
+    class="_item_lqfwq_8 _interactive_lqfwq_26"
     data-kind="primary"
     data-orientation="vertical"
     data-radix-collection-item=""
@@ -211,7 +211,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   >
     <svg
       aria-hidden="true"
-      class="_icon_dyt4i_50"
+      class="_icon_lqfwq_50"
       fill="currentColor"
       height="24"
       viewBox="0 0 24 24"
@@ -223,13 +223,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
       />
     </svg>
     <span
-      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
     >
       View in timeline
     </span>
     <svg
       aria-hidden="true"
-      class="_nav-hint_dyt4i_59"
+      class="_nav-hint_lqfwq_59"
       fill="currentColor"
       height="24"
       viewBox="8 0 8 24"
@@ -242,7 +242,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
     </svg>
   </button>
   <button
-    class="_item_dyt4i_8 _interactive_dyt4i_26"
+    class="_item_lqfwq_8 _interactive_lqfwq_26"
     data-kind="primary"
     data-orientation="vertical"
     data-radix-collection-item=""
@@ -251,7 +251,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   >
     <svg
       aria-hidden="true"
-      class="_icon_dyt4i_50"
+      class="_icon_lqfwq_50"
       fill="currentColor"
       height="24"
       viewBox="0 0 24 24"
@@ -268,13 +268,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
       />
     </svg>
     <span
-      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
     >
       Unpin
     </span>
     <svg
       aria-hidden="true"
-      class="_nav-hint_dyt4i_59"
+      class="_nav-hint_lqfwq_59"
       fill="currentColor"
       height="24"
       viewBox="8 0 8 24"
@@ -287,7 +287,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
     </svg>
   </button>
   <button
-    class="_item_dyt4i_8 _interactive_dyt4i_26"
+    class="_item_lqfwq_8 _interactive_lqfwq_26"
     data-kind="primary"
     data-orientation="vertical"
     data-radix-collection-item=""
@@ -296,7 +296,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   >
     <svg
       aria-hidden="true"
-      class="_icon_dyt4i_50"
+      class="_icon_lqfwq_50"
       fill="currentColor"
       height="24"
       viewBox="0 0 24 24"
@@ -308,13 +308,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
       />
     </svg>
     <span
-      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
     >
       Forward
     </span>
     <svg
       aria-hidden="true"
-      class="_nav-hint_dyt4i_59"
+      class="_nav-hint_lqfwq_59"
       fill="currentColor"
       height="24"
       viewBox="8 0 8 24"
@@ -333,7 +333,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
     role="separator"
   />
   <button
-    class="_item_dyt4i_8 _interactive_dyt4i_26"
+    class="_item_lqfwq_8 _interactive_lqfwq_26"
     data-kind="critical"
     data-orientation="vertical"
     data-radix-collection-item=""
@@ -342,7 +342,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
   >
     <svg
       aria-hidden="true"
-      class="_icon_dyt4i_50"
+      class="_icon_lqfwq_50"
       fill="currentColor"
       height="24"
       viewBox="0 0 24 24"
@@ -354,13 +354,13 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
       />
     </svg>
     <span
-      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
     >
       Delete
     </span>
     <svg
       aria-hidden="true"
-      class="_nav-hint_dyt4i_59"
+      class="_nav-hint_lqfwq_59"
       fill="currentColor"
       height="24"
       viewBox="8 0 8 24"
@@ -380,7 +380,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
   aria-label="Open menu"
   aria-labelledby="radix-_r_o_"
   aria-orientation="vertical"
-  class="_menu_1glhz_8"
+  class="_menu_1w1u7_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -393,7 +393,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
   tabindex="-1"
 >
   <button
-    class="_item_dyt4i_8 _interactive_dyt4i_26"
+    class="_item_lqfwq_8 _interactive_lqfwq_26"
     data-kind="primary"
     data-orientation="vertical"
     data-radix-collection-item=""
@@ -402,7 +402,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
   >
     <svg
       aria-hidden="true"
-      class="_icon_dyt4i_50"
+      class="_icon_lqfwq_50"
       fill="currentColor"
       height="24"
       viewBox="0 0 24 24"
@@ -414,13 +414,13 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
       />
     </svg>
     <span
-      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
     >
       View in timeline
     </span>
     <svg
       aria-hidden="true"
-      class="_nav-hint_dyt4i_59"
+      class="_nav-hint_lqfwq_59"
       fill="currentColor"
       height="24"
       viewBox="8 0 8 24"
@@ -433,7 +433,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
     </svg>
   </button>
   <button
-    class="_item_dyt4i_8 _interactive_dyt4i_26"
+    class="_item_lqfwq_8 _interactive_lqfwq_26"
     data-kind="primary"
     data-orientation="vertical"
     data-radix-collection-item=""
@@ -442,7 +442,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
   >
     <svg
       aria-hidden="true"
-      class="_icon_dyt4i_50"
+      class="_icon_lqfwq_50"
       fill="currentColor"
       height="24"
       viewBox="0 0 24 24"
@@ -454,13 +454,13 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
       />
     </svg>
     <span
-      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+      class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
     >
       Forward
     </span>
     <svg
       aria-hidden="true"
-      class="_nav-hint_dyt4i_59"
+      class="_nav-hint_lqfwq_59"
       fill="currentColor"
       height="24"
       viewBox="8 0 8 24"
diff --git a/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap b/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
index 25e7a01264..45d3439fb3 100644
--- a/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
@@ -128,7 +128,7 @@ exports[`<PinnedMessageBanner /> should display the last message when the pinned
       </div>
     </button>
     <button
-      class="_button_187yx_8 mx_PinnedMessageBanner_actions"
+      class="_button_13vu4_8 mx_PinnedMessageBanner_actions"
       data-kind="tertiary"
       data-size="lg"
       role="button"
@@ -438,7 +438,7 @@ exports[`<PinnedMessageBanner /> should render 2 pinned event 1`] = `
       </div>
     </button>
     <button
-      class="_button_187yx_8 mx_PinnedMessageBanner_actions"
+      class="_button_13vu4_8 mx_PinnedMessageBanner_actions"
       data-kind="tertiary"
       data-size="lg"
       role="button"
@@ -520,7 +520,7 @@ exports[`<PinnedMessageBanner /> should render 4 pinned event 1`] = `
       </div>
     </button>
     <button
-      class="_button_187yx_8 mx_PinnedMessageBanner_actions"
+      class="_button_13vu4_8 mx_PinnedMessageBanner_actions"
       data-kind="tertiary"
       data-size="lg"
       role="button"
diff --git a/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap b/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
index c4a4957397..1086cabb6c 100644
--- a/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap
@@ -252,6 +252,19 @@ exports[`<RoomPreviewBar /> with an invite with an invited email when client has
 </div>
 `;
 
+exports[`<RoomPreviewBar /> with an invite with an invited email when client has an identity server connected renders email mismatch message when no email bound 1`] = `
+<div
+  class="mx_RoomPreviewBar_message"
+>
+  <h3>
+    This invite to RoomPreviewBar-test-room was sent to test@test.com
+  </h3>
+  <p>
+    Share this email in Settings to receive invites directly in Element.
+  </p>
+</div>
+`;
+
 exports[`<RoomPreviewBar /> with an invite with an invited email when client has an identity server connected renders invite message when invite email mxid match 1`] = `
 <div
   class="mx_RoomPreviewBar_message"
diff --git a/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap b/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap
index 1567cb594b..3475835ef0 100644
--- a/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap
@@ -81,7 +81,19 @@ exports[`RoomTile when message previews are enabled and there is a message in a
       class="mx_AccessibleButton mx_RoomTile_notificationsButton"
       role="button"
       tabindex="-1"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+        />
+      </svg>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -175,7 +187,19 @@ exports[`RoomTile when message previews are enabled and there is a message in th
       class="mx_AccessibleButton mx_RoomTile_notificationsButton"
       role="button"
       tabindex="-1"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+        />
+      </svg>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -250,7 +274,19 @@ exports[`RoomTile when message previews are enabled should render a room without
       class="mx_AccessibleButton mx_RoomTile_notificationsButton"
       role="button"
       tabindex="-1"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+        />
+      </svg>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -324,7 +360,19 @@ exports[`RoomTile when message previews are not enabled should render the room 1
       class="mx_AccessibleButton mx_RoomTile_notificationsButton"
       role="button"
       tabindex="-1"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M20.293 17.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7 7 7 7 7v6zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
+        />
+      </svg>
+    </div>
   </div>
 </div>
 `;
diff --git a/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap b/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap
index 81c3d70b58..a9fc15bd85 100644
--- a/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap
+++ b/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap
@@ -20,7 +20,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite 1`] = `
       </div>
       <button
         aria-labelledby="_r_0_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
@@ -95,7 +95,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite when room in not availabl
       </div>
       <button
         aria-labelledby="_r_6_"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="secondary"
         data-testid="base-card-close-button"
         role="button"
diff --git a/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.tsx b/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.tsx
index f072a0360e..b9904edf21 100644
--- a/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.tsx
+++ b/test/unit-tests/components/views/rooms/memberlist/MemberListHeaderView-test.tsx
@@ -71,7 +71,7 @@ describe("MemberListHeaderView", () => {
             memberListRoom.currentState.members[newMember.userId] = newMember;
         }
         await reRender();
-        expect(screen.queryByPlaceholderText("Search room members")).toBeVisible();
+        await waitFor(() => expect(screen.queryByPlaceholderText("Search room members")).toBeVisible());
     });
 
     describe("Invite button functionality", () => {
@@ -84,7 +84,9 @@ describe("MemberListHeaderView", () => {
             jest.spyOn(memberListRoom, "getMyMembership").mockReturnValue(KnownMembership.Join);
             jest.spyOn(memberListRoom, "canInvite").mockReturnValue(false);
             await reRender();
-            expect(screen.getByRole("button", { name: "Invite" })).toHaveAttribute("aria-disabled", "true");
+            await waitFor(() =>
+                expect(screen.getByRole("button", { name: "Invite" })).toHaveAttribute("aria-disabled", "true"),
+            );
         });
 
         it("Renders enabled invite button when current user is a member and has rights to invite", async () => {
@@ -92,7 +94,9 @@ describe("MemberListHeaderView", () => {
             jest.spyOn(memberListRoom, "getMyMembership").mockReturnValue(KnownMembership.Join);
             jest.spyOn(memberListRoom, "canInvite").mockReturnValue(true);
             await reRender();
-            expect(screen.getByRole("button", { name: "Invite" })).not.toHaveAttribute("aria-disabled", "true");
+            await waitFor(() =>
+                expect(screen.getByRole("button", { name: "Invite" })).not.toHaveAttribute("aria-disabled", "true"),
+            );
         });
 
         it("Opens room inviter on button click", async () => {
@@ -101,6 +105,7 @@ describe("MemberListHeaderView", () => {
             jest.spyOn(memberListRoom, "canInvite").mockReturnValue(true);
             await reRender();
 
+            await waitFor(() => expect(screen.getByRole("button", { name: "Invite" })).not.toBeDisabled());
             fireEvent.click(screen.getByRole("button", { name: "Invite" }));
             expect(defaultDispatcher.dispatch).toHaveBeenCalledWith({
                 action: "view_invite",
diff --git a/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.tsx b/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.tsx
index 228bc0e9e1..bf4f0326d7 100644
--- a/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.tsx
+++ b/test/unit-tests/components/views/rooms/memberlist/MemberListView-test.tsx
@@ -191,20 +191,24 @@ describe("MemberListView and MemberlistHeaderView", () => {
                     u.user!.presence = "offline";
                 });
 
-                await act(reRender);
+                await reRender();
 
-                const tiles = root.container.querySelectorAll(".mx_MemberTileView");
-                expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_MemberTileView");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
             });
 
             it("by power level", async () => {
                 const { reRender, root, memberListRoom } = rendered;
                 // We already have admin, moderator, and default users so leave them alone
 
-                await act(reRender);
+                await reRender();
 
-                const tiles = root.container.querySelectorAll(".mx_EntityTile");
-                expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_EntityTile");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
             });
 
             it("by last active timestamp", async () => {
@@ -229,10 +233,12 @@ describe("MemberListView and MemberlistHeaderView", () => {
                     u.user!.lastActiveAgo = 100;
                 });
 
-                await act(reRender);
+                await reRender();
 
-                const tiles = root.container.querySelectorAll(".mx_EntityTile");
-                expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_EntityTile");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
             });
 
             it("by name", async () => {
@@ -247,10 +253,12 @@ describe("MemberListView and MemberlistHeaderView", () => {
                     u.powerLevel = 100;
                 });
 
-                await act(reRender);
+                await reRender();
 
-                const tiles = root.container.querySelectorAll(".mx_EntityTile");
-                expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                await waitFor(() => {
+                    const tiles = root.container.querySelectorAll(".mx_EntityTile");
+                    expectOrderedByPresenceAndPowerLevel(memberListRoom, tiles, enablePresence);
+                });
             });
         });
     });
diff --git a/test/unit-tests/components/views/rooms/memberlist/common.tsx b/test/unit-tests/components/views/rooms/memberlist/common.tsx
index 30ea7e9c81..af474a13d2 100644
--- a/test/unit-tests/components/views/rooms/memberlist/common.tsx
+++ b/test/unit-tests/components/views/rooms/memberlist/common.tsx
@@ -9,7 +9,9 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { act } from "react";
 import { render, type RenderResult, waitFor } from "jest-matrix-react";
-import { VirtuosoMockContext } from "react-virtuoso";
+// Import VirtuosoMockContext from shared-components to ensure context compatibility
+// with the ListView component which also imports from shared-components
+import { VirtuosoMockContext } from "@element-hq/web-shared-components";
 import {
     Room,
     type MatrixClient,
@@ -163,6 +165,5 @@ function createReRenderFunction(client: MatrixClient, memberListRoom: Room): Ren
                 getRoomId: () => memberListRoom.roomId,
             });
         });
-        await new Promise((r) => setTimeout(r, 1000));
     };
 }
diff --git a/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx b/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx
index c38b95a1a5..54224c6452 100644
--- a/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx
+++ b/test/unit-tests/components/views/rooms/wysiwyg_composer/SendWysiwygComposer-test.tsx
@@ -330,10 +330,10 @@ describe("SendWysiwygComposer", () => {
         "Left icon when %s",
         ({ isRichTextEnabled }) => {
             it.each([
-                [E2EStatus.Verified, "mx_E2EIcon_verified"],
-                [E2EStatus.Warning, "mx_E2EIcon_warning"],
+                [E2EStatus.Verified, "Everyone in this room is verified"],
+                [E2EStatus.Warning, "Someone is using an unknown session"],
                 [undefined, undefined],
-            ])("Should render left icon when e2eStatus is %s", async (e2eStatus, expectedClass) => {
+            ])("Should render left icon when e2eStatus is %s", async (e2eStatus, expectedLabel) => {
                 // When
                 customRender(jest.fn(), jest.fn(), false, isRichTextEnabled, undefined, e2eStatus);
                 await waitFor(() => expect(screen.getByRole("textbox")).toHaveAttribute("contentEditable", "true"));
@@ -341,9 +341,9 @@ describe("SendWysiwygComposer", () => {
                 // Then
                 expect(leftIcon).toBeInTheDocument();
                 expect(leftIcon).toHaveClass("mx_E2EIcon");
-                if (expectedClass) {
+                if (expectedLabel) {
                     // eslint-disable-next-line jest/no-conditional-expect
-                    expect(leftIcon.querySelector("svg")).toHaveClass(expectedClass);
+                    expect(leftIcon).toHaveAccessibleName(expectedLabel);
                 } else {
                     // eslint-disable-next-line jest/no-conditional-expect
                     expect(leftIcon.querySelector("svg")).not.toBeInTheDocument();
diff --git a/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.tsx b/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.tsx
index 8ee3302824..3627513c20 100644
--- a/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.tsx
+++ b/test/unit-tests/components/views/rooms/wysiwyg_composer/hooks/utils-test.tsx
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 import { type IEventRelation, type MatrixEvent } from "matrix-js-sdk/src/matrix";
 import { waitFor } from "jest-matrix-react";
+import fetchMock from "@fetch-mock/jest";
 
 import { TimelineRenderingType } from "../../../../../../../src/contexts/RoomContext";
 import { mkStubRoom, stubClient } from "../../../../../../test-utils";
@@ -27,7 +28,6 @@ const mockRoomState = {
 
 const sendContentListToRoomSpy = jest.spyOn(ContentMessages.sharedInstance(), "sendContentListToRoom");
 const sendContentToRoomSpy = jest.spyOn(ContentMessages.sharedInstance(), "sendContentToRoom");
-const fetchSpy = jest.spyOn(window, "fetch");
 const logSpy = jest.spyOn(console, "log").mockImplementation(() => {});
 
 describe("handleClipboardEvent", () => {
@@ -183,13 +183,12 @@ describe("handleClipboardEvent", () => {
         const mockEventRelation = {} as unknown as IEventRelation;
         handleClipboardEvent(originalEvent, originalEvent.clipboardData, mockRoomState, mockClient, mockEventRelation);
 
-        expect(fetchSpy).toHaveBeenCalledTimes(1);
-        expect(fetchSpy).toHaveBeenCalledWith("blob:");
+        expect(fetchMock).toHaveFetchedTimes(1, "blob:");
     });
 
     it("calls error handler when fetch fails", async () => {
         const mockErrorMessage = "fetch failed";
-        fetchSpy.mockRejectedValueOnce(mockErrorMessage);
+        fetchMock.getOnce("blob:", { throws: new Error(mockErrorMessage) });
         const originalEvent = createMockClipboardEvent({
             type: "paste",
             clipboardData: {
@@ -214,12 +213,11 @@ describe("handleClipboardEvent", () => {
     });
 
     it("calls sendContentToRoom when parsing is successful", async () => {
-        fetchSpy.mockResolvedValueOnce({
-            url: "test/file",
+        fetchMock.get("test/file", {
             blob: () => {
                 return Promise.resolve({ type: "image/jpeg" } as Blob);
             },
-        } as Response);
+        });
 
         const originalEvent = createMockClipboardEvent({
             type: "paste",
@@ -251,12 +249,11 @@ describe("handleClipboardEvent", () => {
     });
 
     it("calls error handler when parsing is not successful", async () => {
-        fetchSpy.mockResolvedValueOnce({
-            url: "test/file",
+        fetchMock.get("test/file", {
             blob: () => {
                 return Promise.resolve({ type: "image/jpeg" } as Blob);
             },
-        } as Response);
+        });
         const mockErrorMessage = "sendContentToRoom failed";
         sendContentToRoomSpy.mockRejectedValueOnce(mockErrorMessage);
 
diff --git a/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx b/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx
index 57e5dd39b3..adedbb8737 100644
--- a/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx
+++ b/test/unit-tests/components/views/settings/JoinRuleSettings-test.tsx
@@ -197,7 +197,7 @@ describe("<JoinRuleSettings />", () => {
 
                 fireEvent.click(within(dialog).getByText("Upgrade"));
 
-                expect(client.upgradeRoom).toHaveBeenCalledWith(roomId, preferredRoomVersion);
+                expect(client.upgradeRoom).toHaveBeenCalledWith(roomId, preferredRoomVersion, undefined);
 
                 expect(within(dialog).getByText("Upgrading room")).toBeInTheDocument();
 
@@ -245,7 +245,7 @@ describe("<JoinRuleSettings />", () => {
 
                 fireEvent.click(within(dialog).getByText("Upgrade"));
 
-                expect(client.upgradeRoom).toHaveBeenCalledWith(roomId, preferredRoomVersion);
+                expect(client.upgradeRoom).toHaveBeenCalledWith(roomId, preferredRoomVersion, undefined);
 
                 expect(within(dialog).getByText("Upgrading room")).toBeInTheDocument();
 
diff --git a/test/unit-tests/components/views/settings/SetIdServer-test.tsx b/test/unit-tests/components/views/settings/SetIdServer-test.tsx
index cf8fb45f0d..43c8dcd8be 100644
--- a/test/unit-tests/components/views/settings/SetIdServer-test.tsx
+++ b/test/unit-tests/components/views/settings/SetIdServer-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 import React from "react";
 import { render, waitFor } from "jest-matrix-react";
 import userEvent from "@testing-library/user-event";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import SetIdServer from "../../../../../src/components/views/settings/SetIdServer";
 import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
diff --git a/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx b/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx
index 5332845d1b..8cb0457be1 100644
--- a/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx
+++ b/test/unit-tests/components/views/settings/ThemeChoicePanel-test.tsx
@@ -10,7 +10,7 @@ import React from "react";
 import { act, render, screen, waitFor } from "jest-matrix-react";
 import { mocked, type MockedObject } from "jest-mock";
 import userEvent from "@testing-library/user-event";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import { ThemeChoicePanel } from "../../../../../src/components/views/settings/ThemeChoicePanel";
 import SettingsStore from "../../../../../src/settings/SettingsStore";
diff --git a/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap b/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
index 772ab01eeb..b0916269c8 100644
--- a/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
@@ -128,6 +128,18 @@ exports[`FontScalingPanel renders the font scaling UI 1`] = `
         >
           Font size
         </label>
+        <svg
+          class="mx_Field_select_chevron"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
       </div>
       <div
         class="mx_FontScalingPanel_preview mx_EventTilePreview_loader"
diff --git a/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap b/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
index 339a3e7d4a..c6c20fcad4 100644
--- a/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
@@ -33,11 +33,11 @@ exports[`<LayoutSwitcher /> should render 1`] = `
               class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
             >
               <div
-                class="_container_1qhtc_10"
+                class="_container_1ug7n_10"
               >
                 <input
                   checked=""
-                  class="_input_1qhtc_18"
+                  class="_input_1ug7n_18"
                   id="radix-_r_0_"
                   name="layout"
                   title=""
@@ -45,7 +45,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
                   value="group"
                 />
                 <div
-                  class="_ui_1qhtc_19"
+                  class="_ui_1ug7n_19"
                 />
               </div>
               <span>
@@ -173,10 +173,10 @@ exports[`<LayoutSwitcher /> should render 1`] = `
               class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
             >
               <div
-                class="_container_1qhtc_10"
+                class="_container_1ug7n_10"
               >
                 <input
-                  class="_input_1qhtc_18"
+                  class="_input_1ug7n_18"
                   id="radix-_r_9_"
                   name="layout"
                   title=""
@@ -184,7 +184,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
                   value="bubble"
                 />
                 <div
-                  class="_ui_1qhtc_19"
+                  class="_ui_1ug7n_19"
                 />
               </div>
               <span>
@@ -312,10 +312,10 @@ exports[`<LayoutSwitcher /> should render 1`] = `
               class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
             >
               <div
-                class="_container_1qhtc_10"
+                class="_container_1ug7n_10"
               >
                 <input
-                  class="_input_1qhtc_18"
+                  class="_input_1ug7n_18"
                   id="radix-_r_i_"
                   name="layout"
                   title=""
@@ -323,7 +323,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
                   value="irc"
                 />
                 <div
-                  class="_ui_1qhtc_19"
+                  class="_ui_1ug7n_19"
                 />
               </div>
               <span>
diff --git a/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap b/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
index 86f466cf6f..aa128e2976 100644
--- a/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/__snapshots__/PowerLevelSelector-test.tsx.snap
@@ -55,12 +55,24 @@ exports[`PowerLevelSelector should display only the current user 1`] = `
         >
           @userId:matrix.org
         </label>
+        <svg
+          class="mx_Field_select_chevron"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
       </div>
     </div>
     <button
       aria-disabled="true"
       aria-label="Apply"
-      class="_button_187yx_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+      class="_button_13vu4_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
       data-kind="primary"
       data-size="sm"
       role="button"
@@ -127,6 +139,18 @@ exports[`PowerLevelSelector should render 1`] = `
         >
           @bob:server.org
         </label>
+        <svg
+          class="mx_Field_select_chevron"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
       </div>
     </div>
     <div
@@ -172,6 +196,18 @@ exports[`PowerLevelSelector should render 1`] = `
         >
           @alice:server.org
         </label>
+        <svg
+          class="mx_Field_select_chevron"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
       </div>
     </div>
     <div
@@ -217,12 +253,24 @@ exports[`PowerLevelSelector should render 1`] = `
         >
           @userId:matrix.org
         </label>
+        <svg
+          class="mx_Field_select_chevron"
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+          />
+        </svg>
       </div>
     </div>
     <button
       aria-disabled="true"
       aria-label="Apply"
-      class="_button_187yx_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
+      class="_button_13vu4_8 mx_Dialog_nonDialogButton mx_PowerLevelSelector_Button"
       data-kind="primary"
       data-size="sm"
       role="button"
diff --git a/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap b/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
index c86e81f8c5..35d9121e32 100644
--- a/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
@@ -65,11 +65,11 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
                 checked=""
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_29_"
                 name="themeSelector"
                 title=""
@@ -77,7 +77,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
                 value="light"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -99,10 +99,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_2a_"
                 name="themeSelector"
                 title=""
@@ -110,7 +110,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
                 value="dark"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -132,10 +132,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_2b_"
                 name="themeSelector"
                 title=""
@@ -143,7 +143,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
                 value="light-high-contrast"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -165,10 +165,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_2c_"
                 name="themeSelector"
                 title=""
@@ -176,7 +176,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
                 value="custom-Alice theme"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -242,7 +242,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
             <button
               aria-label="Delete"
               aria-labelledby="_r_2f_"
-              class="_icon-button_1pz9o_8 _destructive_1pz9o_95"
+              class="_icon-button_1215g_8 _destructive_1215g_95"
               data-kind="primary"
               role="button"
               style="--cpd-icon-button-size: 32px;"
@@ -344,11 +344,11 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
                 checked=""
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_11_"
                 name="themeSelector"
                 title=""
@@ -356,7 +356,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
                 value="light"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -378,10 +378,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_12_"
                 name="themeSelector"
                 title=""
@@ -389,7 +389,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
                 value="dark"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -411,10 +411,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_13_"
                 name="themeSelector"
                 title=""
@@ -422,7 +422,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
                 value="light-high-contrast"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -444,10 +444,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_14_"
                 name="themeSelector"
                 title=""
@@ -455,7 +455,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
                 value="custom-Alice theme"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -521,7 +521,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
             <button
               aria-label="Delete"
               aria-labelledby="_r_17_"
-              class="_icon-button_1pz9o_8 _destructive_1pz9o_95"
+              class="_icon-button_1215g_8 _destructive_1215g_95"
               data-kind="primary"
               role="button"
               style="--cpd-icon-button-size: 32px;"
@@ -623,11 +623,11 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
                 checked=""
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_1_"
                 name="themeSelector"
                 title=""
@@ -635,7 +635,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
                 value="light"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -657,10 +657,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_2_"
                 name="themeSelector"
                 title=""
@@ -668,7 +668,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
                 value="dark"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
@@ -690,10 +690,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1qhtc_10"
+              class="_container_1ug7n_10"
             >
               <input
-                class="_input_1qhtc_18"
+                class="_input_1ug7n_18"
                 id="radix-_r_3_"
                 name="themeSelector"
                 title=""
@@ -701,7 +701,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
                 value="light-high-contrast"
               />
               <div
-                class="_ui_1qhtc_19"
+                class="_ui_1ug7n_19"
               />
             </div>
           </div>
diff --git a/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx b/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx
index c9511fb188..9f2049dd2d 100644
--- a/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx
+++ b/test/unit-tests/components/views/settings/devices/LoginWithQRSection-test.tsx
@@ -10,7 +10,7 @@ import { render } from "jest-matrix-react";
 import { mocked } from "jest-mock";
 import { type IClientWellKnown, type IServerVersions, type MatrixClient } from "matrix-js-sdk/src/matrix";
 import React from "react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import LoginWithQRSection from "../../../../../../src/components/views/settings/devices/LoginWithQRSection";
 import { MatrixClientPeg } from "../../../../../../src/MatrixClientPeg";
diff --git a/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap b/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
index 47558388b6..f726c60030 100644
--- a/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/devices/__snapshots__/CurrentDeviceSection-test.tsx.snap
@@ -224,11 +224,20 @@ exports[`<CurrentDeviceSection /> renders device and correct security card when
           <div
             class="mx_DeviceTypeIcon_deviceIconWrapper"
           >
-            <div
+            <svg
               aria-label="Unknown session type"
               class="mx_DeviceTypeIcon_deviceIcon"
+              fill="currentColor"
+              height="1em"
               role="img"
-            />
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+              />
+            </svg>
           </div>
           <svg
             aria-label="Unverified"
@@ -402,11 +411,20 @@ exports[`<CurrentDeviceSection /> renders device and correct security card when
           <div
             class="mx_DeviceTypeIcon_deviceIconWrapper"
           >
-            <div
+            <svg
               aria-label="Unknown session type"
               class="mx_DeviceTypeIcon_deviceIcon"
+              fill="currentColor"
+              height="1em"
               role="img"
-            />
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+              />
+            </svg>
           </div>
           <svg
             aria-label="Unverified"
diff --git a/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap b/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap
index 62a4fc44ce..27bd37603f 100644
--- a/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTile-test.tsx.snap
@@ -12,11 +12,20 @@ exports[`<DeviceTile /> renders a device with no metadata 1`] = `
       <div
         class="mx_DeviceTypeIcon_deviceIconWrapper"
       >
-        <div
+        <svg
           aria-label="Unknown session type"
           class="mx_DeviceTypeIcon_deviceIcon"
+          fill="currentColor"
+          height="1em"
           role="img"
-        />
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+          />
+        </svg>
       </div>
       <svg
         aria-label="Unverified"
@@ -76,11 +85,20 @@ exports[`<DeviceTile /> renders a verified device with no metadata 1`] = `
       <div
         class="mx_DeviceTypeIcon_deviceIconWrapper"
       >
-        <div
+        <svg
           aria-label="Unknown session type"
           class="mx_DeviceTypeIcon_deviceIcon"
+          fill="currentColor"
+          height="1em"
           role="img"
-        />
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+          />
+        </svg>
       </div>
       <svg
         aria-label="Unverified"
@@ -140,11 +158,20 @@ exports[`<DeviceTile /> renders display name with a tooltip 1`] = `
       <div
         class="mx_DeviceTypeIcon_deviceIconWrapper"
       >
-        <div
+        <svg
           aria-label="Unknown session type"
           class="mx_DeviceTypeIcon_deviceIcon"
+          fill="currentColor"
+          height="1em"
           role="img"
-        />
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+          />
+        </svg>
       </div>
       <svg
         aria-label="Unverified"
@@ -204,11 +231,20 @@ exports[`<DeviceTile /> separates metadata with a dot 1`] = `
       <div
         class="mx_DeviceTypeIcon_deviceIconWrapper"
       >
-        <div
+        <svg
           aria-label="Unknown session type"
           class="mx_DeviceTypeIcon_deviceIcon"
+          fill="currentColor"
+          height="1em"
           role="img"
-        />
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+          />
+        </svg>
       </div>
       <svg
         aria-label="Unverified"
diff --git a/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap b/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap
index 2a9a53a83a..cea190d0ee 100644
--- a/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/devices/__snapshots__/DeviceTypeIcon-test.tsx.snap
@@ -8,11 +8,20 @@ exports[`<DeviceTypeIcon /> renders a verified device 1`] = `
     <div
       class="mx_DeviceTypeIcon_deviceIconWrapper"
     >
-      <div
+      <svg
         aria-label="Unknown session type"
         class="mx_DeviceTypeIcon_deviceIcon"
+        fill="currentColor"
+        height="1em"
         role="img"
-      />
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+        />
+      </svg>
     </div>
     <svg
       aria-label="Verified"
@@ -42,11 +51,20 @@ exports[`<DeviceTypeIcon /> renders an unverified device 1`] = `
     <div
       class="mx_DeviceTypeIcon_deviceIconWrapper"
     >
-      <div
+      <svg
         aria-label="Unknown session type"
         class="mx_DeviceTypeIcon_deviceIcon"
+        fill="currentColor"
+        height="1em"
         role="img"
-      />
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+        />
+      </svg>
     </div>
     <svg
       aria-label="Unverified"
@@ -74,11 +92,20 @@ exports[`<DeviceTypeIcon /> renders correctly when selected 1`] = `
     <div
       class="mx_DeviceTypeIcon_deviceIconWrapper"
     >
-      <div
+      <svg
         aria-label="Unknown session type"
         class="mx_DeviceTypeIcon_deviceIcon"
+        fill="currentColor"
+        height="1em"
         role="img"
-      />
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+        />
+      </svg>
     </div>
     <svg
       aria-label="Unverified"
diff --git a/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap b/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
index 3a41085d0a..69f2e8fcac 100644
--- a/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
@@ -19,19 +19,19 @@ exports[`<FilteredDeviceListHeader /> renders correctly when all devices are sel
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1md5v_10"
+              class="_container_153f2_10"
             >
               <input
                 aria-label="Deselect all"
                 aria-labelledby="_r_9_"
                 checked=""
-                class="_input_1md5v_18"
+                class="_input_153f2_18"
                 data-testid="device-select-all-checkbox"
                 id="device-select-all-checkbox"
                 type="checkbox"
               />
               <div
-                class="_ui_1md5v_19"
+                class="_ui_153f2_19"
               >
                 <svg
                   aria-hidden="true"
@@ -85,18 +85,18 @@ exports[`<FilteredDeviceListHeader /> renders correctly when no devices are sele
             class="_inline-field-control_19upo_44"
           >
             <div
-              class="_container_1md5v_10"
+              class="_container_153f2_10"
             >
               <input
                 aria-label="Select all"
                 aria-labelledby="_r_0_"
-                class="_input_1md5v_18"
+                class="_input_153f2_18"
                 data-testid="device-select-all-checkbox"
                 id="device-select-all-checkbox"
                 type="checkbox"
               />
               <div
-                class="_ui_1md5v_19"
+                class="_ui_153f2_19"
               >
                 <svg
                   aria-hidden="true"
diff --git a/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap b/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap
index ec94e4ef33..4441bd43fd 100644
--- a/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<SelectableDeviceTile /> renders selected tile 1`] = `
 <input
   checked=""
-  class="_input_1md5v_18"
+  class="_input_153f2_18"
   data-testid="device-tile-checkbox-my-device"
   id="device-tile-checkbox-my-device"
   type="checkbox"
@@ -25,16 +25,16 @@ exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1
           class="_inline-field-control_19upo_44"
         >
           <div
-            class="_container_1md5v_10"
+            class="_container_153f2_10"
           >
             <input
-              class="_input_1md5v_18"
+              class="_input_153f2_18"
               data-testid="device-tile-checkbox-my-device"
               id="device-tile-checkbox-my-device"
               type="checkbox"
             />
             <div
-              class="_ui_1md5v_19"
+              class="_ui_153f2_19"
             >
               <svg
                 aria-hidden="true"
@@ -68,11 +68,20 @@ exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1
                 <div
                   class="mx_DeviceTypeIcon_deviceIconWrapper"
                 >
-                  <div
+                  <svg
                     aria-label="Unknown session type"
                     class="mx_DeviceTypeIcon_deviceIcon"
+                    fill="currentColor"
+                    height="1em"
                     role="img"
-                  />
+                    viewBox="0 0 24 24"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+                    />
+                  </svg>
                 </div>
                 <svg
                   aria-label="Unverified"
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
index f3b6f92ee8..fb486a0a84 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
@@ -53,7 +53,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
     class="mx_EncryptionDetails_buttons"
   >
     <button
-      class="_button_187yx_8 _has-icon_187yx_57"
+      class="_button_13vu4_8 _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -74,7 +74,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
       Export keys
     </button>
     <button
-      class="_button_187yx_8 _has-icon_187yx_57"
+      class="_button_13vu4_8 _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -96,7 +96,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display a spinner when l
     </button>
   </div>
   <button
-    class="_button_187yx_8 _destructive_187yx_107"
+    class="_button_13vu4_8 _destructive_13vu4_110"
     data-kind="tertiary"
     data-size="sm"
     role="button"
@@ -145,7 +145,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
     class="mx_EncryptionDetails_buttons"
   >
     <button
-      class="_button_187yx_8 _has-icon_187yx_57"
+      class="_button_13vu4_8 _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -166,7 +166,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
       Export keys
     </button>
     <button
-      class="_button_187yx_8 _has-icon_187yx_57"
+      class="_button_13vu4_8 _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -188,7 +188,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
     </button>
   </div>
   <button
-    class="_button_187yx_8 _destructive_187yx_107"
+    class="_button_13vu4_8 _destructive_13vu4_110"
     data-kind="tertiary"
     data-size="sm"
     role="button"
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
index 8f6e0fed33..f9c1447880 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -109,7 +109,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
       </div>
       <button
         aria-label="Copy"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="primary"
         role="button"
         style="--cpd-icon-button-size: 28px;"
@@ -140,7 +140,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
       class="mx_EncryptionCard_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -149,7 +149,7 @@ exports[`<ChangeRecoveryKey /> flow to change the recovery key should display th
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -169,7 +169,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -298,7 +298,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
       >
         <button
           aria-disabled="true"
-          class="_button_187yx_8"
+          class="_button_13vu4_8"
           data-kind="primary"
           data-size="lg"
           role="button"
@@ -307,7 +307,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
           Finish set up
         </button>
         <button
-          class="_button_187yx_8"
+          class="_button_13vu4_8"
           data-kind="tertiary"
           data-size="lg"
           role="button"
@@ -328,7 +328,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -479,7 +479,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
       >
         <button
           aria-disabled="true"
-          class="_button_187yx_8"
+          class="_button_13vu4_8"
           data-kind="primary"
           data-size="lg"
           role="button"
@@ -488,7 +488,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
           Finish set up
         </button>
         <button
-          class="_button_187yx_8"
+          class="_button_13vu4_8"
           data-kind="tertiary"
           data-size="lg"
           role="button"
@@ -509,7 +509,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -597,7 +597,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
       class="mx_EncryptionCard_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -606,7 +606,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display info
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -626,7 +626,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -728,7 +728,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
       </div>
       <button
         aria-label="Copy"
-        class="_icon-button_1pz9o_8"
+        class="_icon-button_1215g_8"
         data-kind="primary"
         role="button"
         style="--cpd-icon-button-size: 28px;"
@@ -759,7 +759,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
       class="mx_EncryptionCard_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -768,7 +768,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should display the
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
index d82823b1e3..04326d0391 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/DeleteKeyStoragePanel-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -134,7 +134,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
     >
       <button
         aria-disabled="false"
-        class="_button_187yx_8 _destructive_187yx_107"
+        class="_button_13vu4_8 _destructive_13vu4_110"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -143,7 +143,7 @@ exports[`<DeleteKeyStoragePanel /> should match snapshot 1`] = `
         Delete key storage
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
index 1a79467c60..2daef63512 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
@@ -17,7 +17,7 @@ exports[`<RecoveryPanel /> should allow to change the recovery key when everythi
       Recover your cryptographic identity and message history with a recovery key if you’ve lost all your existing devices.
     </div>
     <button
-      class="_button_187yx_8 _has-icon_187yx_57"
+      class="_button_13vu4_8 _has-icon_13vu4_60"
       data-kind="secondary"
       data-size="sm"
       role="button"
@@ -58,7 +58,7 @@ exports[`<RecoveryPanel /> should ask to set up a recovery key when there is no
       Recover your cryptographic identity and message history with a recovery key if you’ve lost all your existing devices.
     </div>
     <button
-      class="_button_187yx_8 _has-icon_187yx_57"
+      class="_button_13vu4_8 _has-icon_13vu4_60"
       data-kind="primary"
       data-size="sm"
       role="button"
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap
index a6d26193a0..9bed9434ef 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanelOutOfSync-test.tsx.snap
@@ -40,7 +40,7 @@ exports[`<RecoveyPanelOutOfSync /> should render 1`] = `
       class="mx_RecoveryPanelOutOfSync"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -49,7 +49,7 @@ exports[`<RecoveyPanelOutOfSync /> should render 1`] = `
         Forgot recovery key?
       </button>
       <button
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="primary"
         data-size="sm"
         role="button"
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
index 84ea93adfa..4bd4f7bb65 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/ResetIdentityPanel-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -161,7 +161,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
     >
       <button
         aria-disabled="false"
-        class="_button_187yx_8 _destructive_187yx_107"
+        class="_button_13vu4_8 _destructive_13vu4_110"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -170,7 +170,7 @@ exports[`<ResetIdentityPanel /> should display the 'forgot recovery key' variant
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -190,7 +190,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -344,7 +344,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
     >
       <button
         aria-disabled="false"
-        class="_button_187yx_8 _destructive_187yx_107"
+        class="_button_13vu4_8 _destructive_13vu4_110"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -353,7 +353,7 @@ exports[`<ResetIdentityPanel /> should display the 'sync failed' variant correct
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -373,7 +373,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -530,7 +530,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
     >
       <button
         aria-disabled="false"
-        class="_button_187yx_8 _destructive_187yx_107"
+        class="_button_13vu4_8 _destructive_13vu4_110"
         data-kind="primary"
         data-size="lg"
         role="button"
@@ -539,7 +539,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
         Continue
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="tertiary"
         data-size="lg"
         role="button"
@@ -559,7 +559,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
   >
     <button
       aria-label="Back"
-      class="_icon-button_1pz9o_8"
+      class="_icon-button_1215g_8"
       data-kind="secondary"
       role="button"
       style="--cpd-icon-button-size: 28px;"
@@ -716,7 +716,7 @@ exports[`<ResetIdentityPanel /> should reset the encryption when the continue bu
     >
       <button
         aria-disabled="true"
-        class="_button_187yx_8 _destructive_187yx_107"
+        class="_button_13vu4_8 _destructive_13vu4_110"
         data-kind="primary"
         data-size="lg"
         role="button"
diff --git a/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap b/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
index 2474759a7e..45f343f8d2 100644
--- a/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
@@ -275,17 +275,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_4yVCeEefiP"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -332,17 +332,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_qpMRMwbPDm"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -389,17 +389,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_fGtmGQvdMW"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -463,17 +463,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_e954DVIAu5"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -520,16 +520,16 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_CsiHRD7nyr"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -576,17 +576,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_A2ohjWVJIP"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -671,17 +671,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_auy1OmnTid"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -729,17 +729,17 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_X4ePDS0OpW"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -786,18 +786,18 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           aria-describedby="_r_2g_"
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           disabled=""
                           id="checkbox_wAHG75JNTN"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1296,16 +1296,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_OEPN1su1JY"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1352,16 +1352,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_VtOyR5kbu3"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1408,16 +1408,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_pEwuLn9Enn"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1481,16 +1481,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_YuxfFEpOsz"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1537,15 +1537,15 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_tWhQkBerF1"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1592,16 +1592,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_ejc4GFes1U"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1686,16 +1686,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_FzOK2nvfGF"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1743,16 +1743,16 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_MldL2r2vbs"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -1799,17 +1799,17 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1md5v_10"
+                        class="_container_153f2_10"
                       >
                         <input
                           aria-describedby="_r_11_"
                           checked=""
-                          class="_input_1md5v_18"
+                          class="_input_153f2_18"
                           id="checkbox_SwicmKUiOB"
                           type="checkbox"
                         />
                         <div
-                          class="_ui_1md5v_19"
+                          class="_ui_153f2_19"
                         >
                           <svg
                             aria-hidden="true"
@@ -2223,15 +2223,15 @@ exports[`<Notifications /> matches the snapshot 1`] = `
                         class="_inline-field-control_19upo_44"
                       >
                         <div
-                          class="_container_1md5v_10"
+                          class="_container_153f2_10"
                         >
                           <input
-                            class="_input_1md5v_18"
+                            class="_input_153f2_18"
                             id="checkbox_dvqsxEaZtl"
                             type="checkbox"
                           />
                           <div
-                            class="_ui_1md5v_19"
+                            class="_ui_153f2_19"
                           >
                             <svg
                               aria-hidden="true"
diff --git a/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx b/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx
index f4efc39e1f..3d0cc39a2e 100644
--- a/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx
+++ b/test/unit-tests/components/views/settings/tabs/room/NotificationSettingsTab-test.tsx
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import { render, type RenderResult, screen } from "jest-matrix-react";
+import { render, type RenderResult, screen, within } from "jest-matrix-react";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import userEvent from "@testing-library/user-event";
 
@@ -19,7 +19,7 @@ import { type RoomEchoChamber } from "../../../../../../../src/stores/local-echo
 import SettingsStore from "../../../../../../../src/settings/SettingsStore";
 import { SettingLevel } from "../../../../../../../src/settings/SettingLevel";
 
-describe("NotificatinSettingsTab", () => {
+describe("NotificationSettingsTab", () => {
     const roomId = "!room:example.com";
     let cli: MatrixClient;
     let roomProps: RoomEchoChamber;
@@ -45,9 +45,7 @@ describe("NotificatinSettingsTab", () => {
         const tab = renderTab();
 
         // settings link of mentions_only volume
-        const settingsLink = tab.container.querySelector(
-            "label.mx_NotificationSettingsTab_mentionsKeywordsEntry div.mx_AccessibleButton",
-        );
+        const settingsLink = within(tab.getByText("@mentions & keywords")).getByRole("button", { name: "settings" });
         if (!settingsLink) throw new Error("settings link does not exist.");
 
         await userEvent.click(settingsLink);
diff --git a/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx b/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx
index 44ec287862..42538204cb 100644
--- a/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx
+++ b/test/unit-tests/components/views/settings/tabs/room/RolesRoomSettingsTab-test.tsx
@@ -233,6 +233,7 @@ describe("RolesRoomSettingsTab", () => {
             return null;
         });
         mocked(room.currentState.mayClientSendStateEvent).mockReturnValue(true);
+        mocked(room.getMember).mockReturnValue({ powerLevel: 100 } as any);
         const { container } = await renderTab();
 
         const selector = container.querySelector(`[placeholder="${cli.getUserId()}"]`)!;
diff --git a/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx b/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx
index bf702f8199..d7679c6377 100644
--- a/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx
+++ b/test/unit-tests/components/views/settings/tabs/room/SecurityRoomSettingsTab-test.tsx
@@ -377,6 +377,76 @@ describe("<SecurityRoomSettingsTab />", () => {
             expect(screen.getByDisplayValue(HistoryVisibility.Shared)).toBeChecked();
             expect(logger.error).toHaveBeenCalledWith("oups");
         });
+
+        it("maps 'joined' history visibility to 'invited' for display", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, undefined, undefined, HistoryVisibility.Joined);
+
+            getComponent(room);
+
+            // Should display as 'invited' even though underlying value is 'joined'
+            expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeChecked();
+            // Should not have a 'joined' option visible
+            expect(screen.queryByDisplayValue(HistoryVisibility.Joined)).not.toBeInTheDocument();
+        });
+
+        it("shows 'invited' option for non-public rooms", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Invite);
+
+            getComponent(room);
+
+            expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeInTheDocument();
+        });
+
+        it("shows 'invited' option for encrypted rooms even if public", async () => {
+            const room = new Room(roomId, client, userId);
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            setRoomStateEvents(room, JoinRule.Public);
+
+            getComponent(room);
+
+            await waitFor(() => expect(screen.getByDisplayValue(HistoryVisibility.Invited)).toBeInTheDocument());
+        });
+
+        it("does not show 'invited' option for public unencrypted rooms unless selected", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public, undefined, HistoryVisibility.Shared);
+
+            getComponent(room);
+
+            await waitFor(() => expect(screen.queryByDisplayValue(HistoryVisibility.Invited)).not.toBeInTheDocument());
+        });
+
+        it("shows 'world_readable' option for public unencrypted rooms", async () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room, JoinRule.Public);
+
+            getComponent(room);
+
+            await waitFor(() => expect(screen.getByDisplayValue(HistoryVisibility.WorldReadable)).toBeInTheDocument());
+        });
+
+        it("does not show 'world_readable' option for private encrypted rooms unless selected", async () => {
+            const room = new Room(roomId, client, userId);
+            jest.spyOn(client.getCrypto()!, "isEncryptionEnabledInRoom").mockResolvedValue(true);
+            setRoomStateEvents(room, JoinRule.Invite);
+
+            getComponent(room);
+
+            await waitFor(() =>
+                expect(screen.queryByDisplayValue(HistoryVisibility.WorldReadable)).not.toBeInTheDocument(),
+            );
+        });
+
+        it("always shows 'shared' option", () => {
+            const room = new Room(roomId, client, userId);
+            setRoomStateEvents(room);
+
+            getComponent(room);
+
+            expect(screen.getByDisplayValue(HistoryVisibility.Shared)).toBeInTheDocument();
+        });
     });
 
     describe("encryption", () => {
diff --git a/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
index 920ef3c0bf..234c91813d 100644
--- a/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/room/__snapshots__/SecurityRoomSettingsTab-test.tsx.snap
@@ -15,7 +15,32 @@ exports[`<SecurityRoomSettingsTab /> history visibility uses shared as default h
     <div
       class="mx_SettingsSubsection_text"
     >
-      The visibility of existing history will not be changed.
+      <span>
+        Changes won't affect past messages, only new ones. 
+        <a
+          class="mx_ExternalLink"
+          href="https://element.io/en/help#e2ee-history-sharing"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          Learn more
+          <svg
+            class="mx_ExternalLink_icon"
+            fill="currentColor"
+            height="1em"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2"
+            />
+            <path
+              d="M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2"
+            />
+          </svg>
+        </a>
+      </span>
     </div>
   </div>
   <div
@@ -25,10 +50,10 @@ exports[`<SecurityRoomSettingsTab /> history visibility uses shared as default h
       class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
     >
       <input
-        id="historyVis-world_readable"
+        id="historyVis-invited"
         name="historyVis"
         type="radio"
-        value="world_readable"
+        value="invited"
       />
       <div>
         <div />
@@ -36,7 +61,7 @@ exports[`<SecurityRoomSettingsTab /> history visibility uses shared as default h
       <div
         class="mx_StyledRadioButton_content"
       >
-        Anyone
+        Members since invited
       </div>
       <div
         class="mx_StyledRadioButton_spacer"
@@ -58,49 +83,7 @@ exports[`<SecurityRoomSettingsTab /> history visibility uses shared as default h
       <div
         class="mx_StyledRadioButton_content"
       >
-        Members only (since the point in time of selecting this option)
-      </div>
-      <div
-        class="mx_StyledRadioButton_spacer"
-      />
-    </label>
-    <label
-      class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
-    >
-      <input
-        id="historyVis-invited"
-        name="historyVis"
-        type="radio"
-        value="invited"
-      />
-      <div>
-        <div />
-      </div>
-      <div
-        class="mx_StyledRadioButton_content"
-      >
-        Members only (since they were invited)
-      </div>
-      <div
-        class="mx_StyledRadioButton_spacer"
-      />
-    </label>
-    <label
-      class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
-    >
-      <input
-        id="historyVis-joined"
-        name="historyVis"
-        type="radio"
-        value="joined"
-      />
-      <div>
-        <div />
-      </div>
-      <div
-        class="mx_StyledRadioButton_content"
-      >
-        Members only (since they joined)
+        Members (full history)
       </div>
       <div
         class="mx_StyledRadioButton_spacer"
@@ -149,7 +132,19 @@ exports[`<SecurityRoomSettingsTab /> join rule handles error when updating join
     class="mx_AccessibleButton mx_Dialog_cancelButton"
     role="button"
     tabindex="0"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+      />
+    </svg>
+  </div>
 </div>
 `;
 
@@ -232,6 +227,18 @@ exports[`<SecurityRoomSettingsTab /> join rule warns when trying to make an encr
     class="mx_AccessibleButton mx_Dialog_cancelButton"
     role="button"
     tabindex="0"
-  />
+  >
+    <svg
+      fill="currentColor"
+      height="1em"
+      viewBox="0 0 24 24"
+      width="1em"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+      />
+    </svg>
+  </div>
 </div>
 `;
diff --git a/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx b/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx
index 709d4e1714..e284d62512 100644
--- a/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx
+++ b/test/unit-tests/components/views/settings/tabs/user/SessionManagerTab-test.tsx
@@ -34,7 +34,7 @@ import {
     type MatrixClient,
 } from "matrix-js-sdk/src/matrix";
 import { mocked, type MockedObject } from "jest-mock";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import {
     clearAllModals,
@@ -1645,7 +1645,7 @@ describe("<SessionManagerTab />", () => {
                 ],
             });
             mockCrypto.exportSecretsBundle = jest.fn();
-            fetchMock.mock(delegatedAuthConfig.jwks_uri!, {
+            fetchMock.route(delegatedAuthConfig.jwks_uri!, {
                 status: 200,
                 headers: {
                     "Content-Type": "application/json",
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
index 9df918d95d..cb9c51ad20 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
@@ -41,10 +41,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1qhtc_10"
+                      class="_container_1ug7n_10"
                     >
                       <input
-                        class="_input_1qhtc_18"
+                        class="_input_1ug7n_18"
                         disabled=""
                         id="radix-_r_0_"
                         name="themeSelector"
@@ -53,7 +53,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                         value="light"
                       />
                       <div
-                        class="_ui_1qhtc_19"
+                        class="_ui_1ug7n_19"
                       />
                     </div>
                   </div>
@@ -75,10 +75,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1qhtc_10"
+                      class="_container_1ug7n_10"
                     >
                       <input
-                        class="_input_1qhtc_18"
+                        class="_input_1ug7n_18"
                         disabled=""
                         id="radix-_r_1_"
                         name="themeSelector"
@@ -87,7 +87,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                         value="dark"
                       />
                       <div
-                        class="_ui_1qhtc_19"
+                        class="_ui_1ug7n_19"
                       />
                     </div>
                   </div>
@@ -109,10 +109,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1qhtc_10"
+                      class="_container_1ug7n_10"
                     >
                       <input
-                        class="_input_1qhtc_18"
+                        class="_input_1ug7n_18"
                         disabled=""
                         id="radix-_r_2_"
                         name="themeSelector"
@@ -121,7 +121,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                         value="light-high-contrast"
                       />
                       <div
-                        class="_ui_1qhtc_19"
+                        class="_ui_1ug7n_19"
                       />
                     </div>
                   </div>
@@ -176,11 +176,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                       class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
                     >
                       <div
-                        class="_container_1qhtc_10"
+                        class="_container_1ug7n_10"
                       >
                         <input
                           checked=""
-                          class="_input_1qhtc_18"
+                          class="_input_1ug7n_18"
                           id="radix-_r_3_"
                           name="layout"
                           title=""
@@ -188,7 +188,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                           value="group"
                         />
                         <div
-                          class="_ui_1qhtc_19"
+                          class="_ui_1ug7n_19"
                         />
                       </div>
                       <span>
@@ -316,10 +316,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                       class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
                     >
                       <div
-                        class="_container_1qhtc_10"
+                        class="_container_1ug7n_10"
                       >
                         <input
-                          class="_input_1qhtc_18"
+                          class="_input_1ug7n_18"
                           id="radix-_r_c_"
                           name="layout"
                           title=""
@@ -327,7 +327,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                           value="bubble"
                         />
                         <div
-                          class="_ui_1qhtc_19"
+                          class="_ui_1ug7n_19"
                         />
                       </div>
                       <span>
@@ -455,10 +455,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                       class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
                     >
                       <div
-                        class="_container_1qhtc_10"
+                        class="_container_1ug7n_10"
                       >
                         <input
-                          class="_input_1qhtc_18"
+                          class="_input_1ug7n_18"
                           id="radix-_r_l_"
                           name="layout"
                           title=""
@@ -466,7 +466,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                           value="irc"
                         />
                         <div
-                          class="_ui_1qhtc_19"
+                          class="_ui_1ug7n_19"
                         />
                       </div>
                       <span>
@@ -764,6 +764,18 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                 >
                   Font size
                 </label>
+                <svg
+                  class="mx_Field_select_chevron"
+                  fill="currentColor"
+                  height="1em"
+                  viewBox="0 0 24 24"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                  />
+                </svg>
               </div>
               <div
                 class="mx_FontScalingPanel_preview mx_EventTilePreview_loader"
@@ -829,7 +841,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
               >
                 <label>
                   <div
-                    class="mx_ImageSizePanel_size mx_ImageSizePanel_sizeDefault"
+                    class="mx_ImageSizePanel_size"
                   />
                   <label
                     class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
@@ -855,7 +867,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
                 </label>
                 <label>
                   <div
-                    class="mx_ImageSizePanel_size mx_ImageSizePanel_sizeLarge"
+                    class="mx_ImageSizePanel_size"
                   />
                   <label
                     class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
index d82653a180..a3c44cc8e3 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
@@ -42,7 +42,7 @@ exports[`<EncryptionUserSettingsTab /> should display a verify button when the e
           </div>
         </div>
         <button
-          class="_button_187yx_8 _has-icon_187yx_57"
+          class="_button_13vu4_8 _has-icon_13vu4_60"
           data-kind="primary"
           data-size="sm"
           role="button"
@@ -124,7 +124,7 @@ exports[`<EncryptionUserSettingsTab /> should display the identity needs reset p
         </div>
         <div>
           <button
-            class="_button_187yx_8"
+            class="_button_13vu4_8"
             data-kind="primary"
             data-size="sm"
             role="button"
@@ -186,7 +186,7 @@ exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync p
           class="mx_RecoveryPanelOutOfSync"
         >
           <button
-            class="_button_187yx_8"
+            class="_button_13vu4_8"
             data-kind="secondary"
             data-size="sm"
             role="button"
@@ -195,7 +195,7 @@ exports[`<EncryptionUserSettingsTab /> should display the recovery out of sync p
             Forgot recovery key?
           </button>
           <button
-            class="_button_187yx_8 _has-icon_187yx_57"
+            class="_button_13vu4_8 _has-icon_13vu4_60"
             data-kind="primary"
             data-size="sm"
             role="button"
@@ -236,7 +236,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
       >
         <button
           aria-label="Back"
-          class="_icon-button_1pz9o_8"
+          class="_icon-button_1215g_8"
           data-kind="secondary"
           role="button"
           style="--cpd-icon-button-size: 28px;"
@@ -393,7 +393,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
         >
           <button
             aria-disabled="false"
-            class="_button_187yx_8 _destructive_187yx_107"
+            class="_button_13vu4_8 _destructive_13vu4_110"
             data-kind="primary"
             data-size="lg"
             role="button"
@@ -402,7 +402,7 @@ exports[`<EncryptionUserSettingsTab /> should display the reset identity panel w
             Continue
           </button>
           <button
-            class="_button_187yx_8"
+            class="_button_13vu4_8"
             data-kind="tertiary"
             data-size="lg"
             role="button"
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap
index 5bcba0e2dc..dbc24462de 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/LabsUserSettingsTab-test.tsx.snap
@@ -66,7 +66,20 @@ exports[`<LabsUserSettingsTab /> renders settings marked as beta as beta cards 1
           </div>
           <div
             class="mx_BetaCard_faq"
-          />
+          >
+            <h4>
+              How can I create a video room?
+            </h4>
+            <p>
+              Use the “+” button in the room section of the left panel.
+            </p>
+            <h4>
+              Can I use text chat alongside the video call?
+            </h4>
+            <p>
+              Yes, the chat timeline is displayed alongside the video.
+            </p>
+          </div>
         </div>
         <div
           class="mx_BetaCard_columns_image_wrapper"
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
index 3b2643c841..8a80335d22 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
@@ -1468,15 +1468,15 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1qhtc_10"
+                        class="_container_1ug7n_10"
                       >
                         <input
-                          class="_input_1qhtc_18"
+                          class="_input_1ug7n_18"
                           id="mx_media_previews_off"
                           type="radio"
                         />
                         <div
-                          class="_ui_1qhtc_19"
+                          class="_ui_1ug7n_19"
                         />
                       </div>
                     </div>
@@ -1498,15 +1498,15 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1qhtc_10"
+                        class="_container_1ug7n_10"
                       >
                         <input
-                          class="_input_1qhtc_18"
+                          class="_input_1ug7n_18"
                           id="mx_media_previews_private"
                           type="radio"
                         />
                         <div
-                          class="_ui_1qhtc_19"
+                          class="_ui_1ug7n_19"
                         />
                       </div>
                     </div>
@@ -1528,16 +1528,16 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
                       class="_inline-field-control_19upo_44"
                     >
                       <div
-                        class="_container_1qhtc_10"
+                        class="_container_1ug7n_10"
                       >
                         <input
                           checked=""
-                          class="_input_1qhtc_18"
+                          class="_input_1ug7n_18"
                           id="mx_media_previews_on"
                           type="radio"
                         />
                         <div
-                          class="_ui_1qhtc_19"
+                          class="_ui_1ug7n_19"
                         />
                       </div>
                     </div>
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
index 2f7bec39d5..d40483c9ed 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
@@ -124,11 +124,20 @@ exports[`<SessionManagerTab /> current session section renders current session s
         <div
           class="mx_DeviceTypeIcon_deviceIconWrapper"
         >
-          <div
+          <svg
             aria-label="Unknown session type"
             class="mx_DeviceTypeIcon_deviceIcon"
+            fill="currentColor"
+            height="1em"
             role="img"
-          />
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+            />
+          </svg>
         </div>
         <svg
           aria-label="Verified"
@@ -292,11 +301,20 @@ exports[`<SessionManagerTab /> current session section renders current session s
         <div
           class="mx_DeviceTypeIcon_deviceIconWrapper"
         >
-          <div
+          <svg
             aria-label="Unknown session type"
             class="mx_DeviceTypeIcon_deviceIcon"
+            fill="currentColor"
+            height="1em"
             role="img"
-          />
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
+            />
+          </svg>
         </div>
         <svg
           aria-label="Unverified"
@@ -436,18 +454,18 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
           class="_inline-field-control_19upo_44"
         >
           <div
-            class="_container_1md5v_10"
+            class="_container_153f2_10"
           >
             <input
               aria-label="Select all"
               aria-labelledby="_r_4q_"
-              class="_input_1md5v_18"
+              class="_input_153f2_18"
               data-testid="device-select-all-checkbox"
               id="device-select-all-checkbox"
               type="checkbox"
             />
             <div
-              class="_ui_1md5v_19"
+              class="_ui_153f2_19"
             >
               <svg
                 aria-hidden="true"
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
index 891213fe1b..432fd93f64 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
@@ -48,18 +48,18 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_1_"
                         checked=""
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         disabled=""
                         id="checkbox_vY7Q4uEh9K"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -116,17 +116,17 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_5_"
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
                         id="checkbox_38QgU2Pomx"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -171,16 +171,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_9_"
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         id="checkbox_wKpa6hpi3Y"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -225,16 +225,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_d_"
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         id="checkbox_EetmBG4yVC"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -338,18 +338,18 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_h_"
                         checked=""
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         disabled=""
                         id="checkbox_vY7Q4uEh9K"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -406,17 +406,17 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_l_"
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
                         id="checkbox_38QgU2Pomx"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -461,16 +461,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_p_"
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         id="checkbox_wKpa6hpi3Y"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
@@ -515,16 +515,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
                     class="_inline-field-control_19upo_44"
                   >
                     <div
-                      class="_container_1md5v_10"
+                      class="_container_153f2_10"
                     >
                       <input
                         aria-describedby="_r_t_"
-                        class="_input_1md5v_18"
+                        class="_input_153f2_18"
                         id="checkbox_EetmBG4yVC"
                         type="checkbox"
                       />
                       <div
-                        class="_ui_1md5v_19"
+                        class="_ui_153f2_19"
                       >
                         <svg
                           aria-hidden="true"
diff --git a/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx b/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx
index c73fc861d8..24d2693e08 100644
--- a/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx
+++ b/test/unit-tests/components/views/spaces/SpaceSettingsVisibilityTab-test.tsx
@@ -17,6 +17,7 @@ import {
     GuestAccess,
     HistoryVisibility,
     JoinRule,
+    Visibility,
 } from "matrix-js-sdk/src/matrix";
 
 import _SpaceSettingsVisibilityTab from "../../../../../src/components/views/spaces/SpaceSettingsVisibilityTab";
@@ -35,6 +36,7 @@ jest.useFakeTimers();
 
 describe("<SpaceSettingsVisibilityTab />", () => {
     const mockMatrixClient = createTestClient() as MatrixClient;
+    mocked(mockMatrixClient.isVersionSupported).mockImplementation(async (v) => v === "v1.4");
 
     const makeJoinEvent = (rule: JoinRule = JoinRule.Invite) =>
         mkEvent({
@@ -72,6 +74,7 @@ describe("<SpaceSettingsVisibilityTab />", () => {
     ): Room => {
         const events = [makeJoinEvent(joinRule), makeGuestAccessEvent(guestRule), makeHistoryEvent(historyRule)];
         const space = mkSpace(client, mockSpaceId);
+        mocked(client.getRoom).mockImplementation((roomId) => (roomId === mockSpaceId ? space : null));
         const getStateEvents = mockStateEventImplementation(events);
         mocked(space.currentState).getStateEvents.mockImplementation(getStateEvents);
         mocked(space.currentState).mayClientSendStateEvent.mockReturnValue(false);
@@ -132,6 +135,7 @@ describe("<SpaceSettingsVisibilityTab />", () => {
         const joinRule = JoinRule.Public;
         const guestRule = GuestAccess.CanJoin;
         const historyRule = HistoryVisibility.Joined;
+        mocked(mockMatrixClient.getRoomDirectoryVisibility).mockResolvedValue({ visibility: Visibility.Public });
 
         describe("Access", () => {
             it("renders guest access section toggle", async () => {
@@ -235,12 +239,16 @@ describe("<SpaceSettingsVisibilityTab />", () => {
             });
         });
 
-        it("renders addresses section", () => {
+        it("renders addresses section with publish toggle", async () => {
             const space = makeMockSpace(mockMatrixClient, joinRule, guestRule);
-            const { getByTestId } = getComponent({ space });
+            const { findByLabelText, getByTestId, asFragment } = getComponent({ space });
 
             expect(getByTestId("published-address-fieldset")).toBeTruthy();
             expect(getByTestId("local-address-fieldset")).toBeTruthy();
+            await expect(
+                findByLabelText("Publish this room to the public in matrix.org's room directory?"),
+            ).resolves.toBeInTheDocument();
+            expect(asFragment()).toMatchSnapshot();
         });
     });
 });
diff --git a/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap b/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
index 0019095223..df79247826 100644
--- a/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/spaces/__snapshots__/AddExistingToSpaceDialog-test.tsx.snap
@@ -130,7 +130,19 @@ exports[`<AddExistingToSpaceDialog /> looks as expected 1`] = `
       class="mx_AccessibleButton mx_Dialog_cancelButton"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
+        />
+      </svg>
+    </div>
   </div>
   <div
     data-focus-guard="true"
diff --git a/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap b/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap
index da465e2ee9..2e78d4b8f4 100644
--- a/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap
+++ b/test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap
@@ -5,7 +5,7 @@ exports[`QuickSettingsButton should render the quick settings button in expanded
   <button
     aria-expanded="true"
     aria-label="Quick settings"
-    class="_icon-button_1pz9o_8 mx_QuickSettingsButton expanded"
+    class="_icon-button_1215g_8 mx_QuickSettingsButton expanded"
     data-kind="primary"
     role="button"
     style="--cpd-icon-button-size: 32px;"
diff --git a/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap b/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
index 110f6e6313..d7b5f3781c 100644
--- a/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
+++ b/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
@@ -333,7 +333,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
         aria-haspopup="menu"
         aria-label="Threads"
         aria-labelledby="_r_12_"
-        class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
+        class="_icon-button_1215g_8 mx_ThreadsActivityCentreButton"
         data-kind="primary"
         data-state="closed"
         id="radix-_r_10_"
@@ -365,7 +365,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
       aria-expanded="false"
       aria-label="Quick settings"
       aria-labelledby="_r_17_"
-      class="_icon-button_1pz9o_8 mx_QuickSettingsButton"
+      class="_icon-button_1215g_8 mx_QuickSettingsButton"
       data-kind="primary"
       role="button"
       style="--cpd-icon-button-size: 32px;"
diff --git a/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap b/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap
index 22ef6a657d..7aacc69701 100644
--- a/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap
+++ b/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap
@@ -10,6 +10,378 @@ exports[`<SpaceSettingsVisibilityTab /> for a public space Access renders guest
 />
 `;
 
+exports[`<SpaceSettingsVisibilityTab /> for a public space renders addresses section with publish toggle 1`] = `
+<DocumentFragment>
+  <div
+    class="mx_SettingsTab"
+  >
+    <div
+      class="mx_SettingsTab_sections"
+    >
+      <div
+        class="mx_SettingsSection"
+      >
+        <h2
+          class="mx_Heading_h3"
+        >
+          Visibility
+        </h2>
+        <div
+          class="mx_SettingsSection_subSections"
+        >
+          <fieldset
+            class="mx_SettingsFieldset"
+            data-testid="access-fieldset"
+          >
+            <legend
+              class="mx_SettingsFieldset_legend"
+            >
+              Access
+            </legend>
+            <div
+              class="mx_SettingsFieldset_description"
+            >
+              <div
+                class="mx_SettingsSubsection_text"
+              >
+                Decide who can view and join mock-space.
+              </div>
+            </div>
+            <div
+              class="mx_SettingsFieldset_content"
+            >
+              <label
+                class="mx_StyledRadioButton mx_JoinRuleSettings_radioButton mx_StyledRadioButton_disabled"
+              >
+                <input
+                  aria-describedby="joinRule-invite-description"
+                  disabled=""
+                  id="joinRule-invite"
+                  name="joinRule"
+                  type="radio"
+                  value="invite"
+                />
+                <div>
+                  <div />
+                </div>
+                <div
+                  class="mx_StyledRadioButton_content"
+                >
+                  Private (invite only)
+                </div>
+                <div
+                  class="mx_StyledRadioButton_spacer"
+                />
+              </label>
+              <span
+                id="joinRule-invite-description"
+              >
+                Only invited people can join.
+              </span>
+              <label
+                class="mx_StyledRadioButton mx_JoinRuleSettings_radioButton mx_StyledRadioButton_disabled mx_StyledRadioButton_checked"
+              >
+                <input
+                  aria-describedby="joinRule-public-description"
+                  checked=""
+                  disabled=""
+                  id="joinRule-public"
+                  name="joinRule"
+                  type="radio"
+                  value="public"
+                />
+                <div>
+                  <div />
+                </div>
+                <div
+                  class="mx_StyledRadioButton_content"
+                >
+                  Public
+                </div>
+                <div
+                  class="mx_StyledRadioButton_spacer"
+                />
+              </label>
+              <span
+                id="joinRule-public-description"
+              >
+                Anyone can find and join.
+              </span>
+              <form
+                class="_root_19upo_16"
+              >
+                <div>
+                  <div
+                    aria-expanded="false"
+                    class="mx_AccessibleButton mx_SettingsTab_showAdvanced mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
+                    data-testid="toggle-guest-access-btn"
+                    role="button"
+                    tabindex="0"
+                  >
+                    Show advanced
+                  </div>
+                </div>
+                <div
+                  class="_inline-field_19upo_32"
+                >
+                  <div
+                    class="_inline-field-control_19upo_44"
+                  >
+                    <div
+                      class="_container_udcm8_10"
+                    >
+                      <input
+                        checked=""
+                        class="_input_udcm8_24"
+                        id="_r_3j_"
+                        role="switch"
+                        type="checkbox"
+                      />
+                      <div
+                        class="_ui_udcm8_34"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    class="_inline-field-body_19upo_38"
+                  >
+                    <label
+                      class="_label_19upo_59"
+                      for="_r_3j_"
+                    >
+                      Preview Space
+                    </label>
+                    <span
+                      class="_message_19upo_85 _help-message_19upo_91"
+                      id="radix-_r_3l_"
+                    >
+                      Allow people to preview your space before they join.
+                    </span>
+                  </div>
+                </div>
+                <p>
+                  <strong>
+                    Recommended for public spaces.
+                  </strong>
+                </p>
+              </form>
+            </div>
+          </fieldset>
+          <form
+            class="_root_19upo_16"
+          >
+            <div
+              class="mx_SettingsSection"
+            >
+              <h2
+                class="mx_Heading_h3"
+              >
+                Address
+              </h2>
+              <div
+                class="mx_SettingsSection_subSections"
+              >
+                <fieldset
+                  class="mx_SettingsFieldset"
+                  data-testid="published-address-fieldset"
+                >
+                  <legend
+                    class="mx_SettingsFieldset_legend"
+                  >
+                    Published Addresses
+                  </legend>
+                  <div
+                    class="mx_SettingsFieldset_description"
+                  >
+                    <div
+                      class="mx_SettingsSubsection_text"
+                    >
+                      Published addresses can be used by anyone on any server to join your space. To publish an address, it needs to be set as a local address first.
+                    </div>
+                  </div>
+                  <div
+                    class="mx_SettingsFieldset_content"
+                  >
+                    <div
+                      class="mx_Field mx_Field_select"
+                    >
+                      <select
+                        disabled=""
+                        id="canonicalAlias"
+                        label="Main address"
+                        placeholder="Main address"
+                        type="text"
+                      >
+                        <option
+                          value=""
+                        >
+                          not specified
+                        </option>
+                      </select>
+                      <label
+                        for="canonicalAlias"
+                      >
+                        Main address
+                      </label>
+                      <svg
+                        class="mx_Field_select_chevron"
+                        fill="currentColor"
+                        height="1em"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 14.95q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.212a1.1 1.1 0 0 1-.375.063"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="_inline-field_19upo_32"
+                    >
+                      <div
+                        class="_inline-field-control_19upo_44"
+                      >
+                        <div
+                          class="_container_udcm8_10"
+                        >
+                          <input
+                            class="_input_udcm8_24"
+                            disabled=""
+                            id="_r_3u_"
+                            role="switch"
+                            type="checkbox"
+                          />
+                          <div
+                            class="_ui_udcm8_34"
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="_inline-field-body_19upo_38"
+                      >
+                        <label
+                          class="_label_19upo_59"
+                          for="_r_3u_"
+                        >
+                          Publish this room to the public in matrix.org's room directory?
+                        </label>
+                        <span
+                          class="_message_19upo_85 _help-message_19upo_91"
+                          id="radix-_r_40_"
+                        >
+                          You must have permission to set the main address to publish this room.
+                        </span>
+                      </div>
+                    </div>
+                    <datalist
+                      id="mx_AliasSettings_altRecommendations"
+                    />
+                    <div
+                      class="mx_EditableItemList"
+                      id="roomAltAliases"
+                    >
+                      <div
+                        class="mx_EditableItemList_label"
+                      >
+                        No other published addresses yet, add one below
+                      </div>
+                      <ul />
+                      <div />
+                    </div>
+                  </div>
+                </fieldset>
+                <fieldset
+                  class="mx_SettingsFieldset"
+                  data-testid="local-address-fieldset"
+                >
+                  <legend
+                    class="mx_SettingsFieldset_legend"
+                  >
+                    Local Addresses
+                  </legend>
+                  <div
+                    class="mx_SettingsFieldset_description"
+                  >
+                    <div
+                      class="mx_SettingsSubsection_text"
+                    >
+                      Set addresses for this space so users can find this space through your homeserver (matrix.org)
+                    </div>
+                  </div>
+                  <div
+                    class="mx_SettingsFieldset_content"
+                  >
+                    <details>
+                      <summary
+                        class="mx_AliasSettings_localAddresses"
+                      >
+                        Show more
+                      </summary>
+                      <div
+                        class="mx_EditableItemList"
+                        id="roomAliases"
+                      >
+                        <div
+                          class="mx_EditableItemList_label"
+                        >
+                          This space has no local addresses
+                        </div>
+                        <div
+                          class="mx_Field mx_Field_input mx_RoomAliasField mx_Field_labelAlwaysTopLeft"
+                        >
+                          <span
+                            class="mx_Field_prefix"
+                          >
+                            <span>
+                              #
+                            </span>
+                          </span>
+                          <input
+                            autocomplete="off"
+                            id="mx_Field_9"
+                            label="Room address"
+                            maxlength="243"
+                            placeholder="e.g. my-room"
+                            type="text"
+                            value=""
+                          />
+                          <label
+                            for="mx_Field_9"
+                          >
+                            Room address
+                          </label>
+                          <span
+                            class="mx_Field_postfix"
+                          >
+                            <span
+                              title=":matrix.org"
+                            >
+                              :matrix.org
+                            </span>
+                          </span>
+                        </div>
+                        <div
+                          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+                          role="button"
+                          tabindex="0"
+                        >
+                          Add
+                        </div>
+                      </div>
+                    </details>
+                  </div>
+                </fieldset>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`<SpaceSettingsVisibilityTab /> renders container 1`] = `
 <DocumentFragment>
   <div
@@ -156,6 +528,9 @@ exports[`<SpaceSettingsVisibilityTab /> renders container 1`] = `
               </form>
             </div>
           </fieldset>
+          <form
+            class="_root_19upo_16"
+          />
         </div>
       </div>
     </div>
diff --git a/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap b/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
index 38e5fcede0..da5e252212 100644
--- a/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
+++ b/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
@@ -4,7 +4,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
 <div
   aria-labelledby="radix-_r_1m_"
   aria-orientation="vertical"
-  class="_menu_1glhz_8"
+  class="_menu_1w1u7_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -17,7 +17,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
   tabindex="-1"
 >
   <h3
-    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1glhz_74"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1w1u7_63"
     id="_r_1u_"
   >
     Threads activity
@@ -26,7 +26,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
     class="mx_ThreadsActivityCentre_rows"
   >
     <button
-      class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
+      class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -34,7 +34,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
       tabindex="-1"
     >
       <div
-        class="_icon_dyt4i_50"
+        class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
       >
         <span
           class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -48,13 +48,13 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
         </span>
       </div>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         This is a real highlight
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -74,7 +74,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
       </div>
     </button>
     <button
-      class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
+      class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -82,7 +82,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
       tabindex="-1"
     >
       <div
-        class="_icon_dyt4i_50"
+        class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
       >
         <span
           class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -96,13 +96,13 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
         </span>
       </div>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         A notification
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -129,7 +129,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
 <div
   aria-labelledby="radix-_r_2a_"
   aria-orientation="vertical"
-  class="_menu_1glhz_8"
+  class="_menu_1w1u7_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -142,7 +142,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
   tabindex="-1"
 >
   <h3
-    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1glhz_74"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1w1u7_63"
     id="_r_2i_"
   >
     Threads activity
@@ -163,7 +163,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
 <div
   aria-labelledby="radix-_r_2j_"
   aria-orientation="vertical"
-  class="_menu_1glhz_8"
+  class="_menu_1w1u7_8"
   data-align="start"
   data-orientation="vertical"
   data-radix-menu-content=""
@@ -176,7 +176,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
   tabindex="-1"
 >
   <h3
-    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1glhz_74"
+    class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1w1u7_63"
     id="_r_2r_"
   >
     Threads activity
@@ -185,7 +185,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
     class="mx_ThreadsActivityCentre_rows"
   >
     <button
-      class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
+      class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -193,7 +193,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
       tabindex="-1"
     >
       <div
-        class="_icon_dyt4i_50"
+        class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
       >
         <span
           class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -207,13 +207,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
         </span>
       </div>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         This is a third real highlight
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -233,7 +233,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
       </div>
     </button>
     <button
-      class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
+      class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -241,7 +241,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
       tabindex="-1"
     >
       <div
-        class="_icon_dyt4i_50"
+        class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
       >
         <span
           class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -255,13 +255,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
         </span>
       </div>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         This is a real highlight
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
@@ -281,7 +281,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
       </div>
     </button>
     <button
-      class="mx_ThreadsActivityCentreRow _item_dyt4i_8 _interactive_dyt4i_26"
+      class="mx_ThreadsActivityCentreRow _item_lqfwq_8 _interactive_lqfwq_26"
       data-kind="primary"
       data-orientation="vertical"
       data-radix-collection-item=""
@@ -289,7 +289,7 @@ exports[`ThreadsActivityCentre should order the room with the same notification
       tabindex="-1"
     >
       <div
-        class="_icon_dyt4i_50"
+        class="mx_DecoratedRoomAvatar _icon_lqfwq_50"
       >
         <span
           class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
@@ -303,13 +303,13 @@ exports[`ThreadsActivityCentre should order the room with the same notification
         </span>
       </div>
       <span
-        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_dyt4i_34"
+        class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _label_lqfwq_34"
       >
         This is a second real highlight
       </span>
       <svg
         aria-hidden="true"
-        class="_nav-hint_dyt4i_59"
+        class="_nav-hint_lqfwq_59"
         fill="currentColor"
         height="24"
         viewBox="8 0 8 24"
diff --git a/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap b/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap
index cf523ee745..fc0a21028b 100644
--- a/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap
+++ b/test/unit-tests/components/views/toasts/__snapshots__/GenericToast-test.tsx.snap
@@ -15,7 +15,7 @@ exports[`GenericToast should render as expected with detail content 1`] = `
       class="mx_Toast_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -24,7 +24,7 @@ exports[`GenericToast should render as expected with detail content 1`] = `
         Reject
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="sm"
         role="button"
@@ -57,7 +57,7 @@ exports[`GenericToast should render as expected without detail content 1`] = `
       class="mx_Toast_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -66,7 +66,7 @@ exports[`GenericToast should render as expected without detail content 1`] = `
         Reject
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="sm"
         role="button"
diff --git a/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap b/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap
index 98946f5f37..b58444c052 100644
--- a/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap
+++ b/test/unit-tests/components/views/toasts/__snapshots__/VerificationRequestToast-test.tsx.snap
@@ -13,7 +13,7 @@ exports[`VerificationRequestToast should render a cross-user verification 1`] =
       class="mx_Toast_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -22,7 +22,7 @@ exports[`VerificationRequestToast should render a cross-user verification 1`] =
         Ignore
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="sm"
         role="button"
@@ -53,7 +53,7 @@ exports[`VerificationRequestToast should render a self-verification 1`] = `
       class="mx_Toast_buttons"
     >
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="secondary"
         data-size="sm"
         role="button"
@@ -62,7 +62,7 @@ exports[`VerificationRequestToast should render a self-verification 1`] = `
         Ignore
       </button>
       <button
-        class="_button_187yx_8"
+        class="_button_13vu4_8"
         data-kind="primary"
         data-size="sm"
         role="button"
diff --git a/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap b/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap
index a470199a8f..5fa4a9fa46 100644
--- a/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap
+++ b/test/unit-tests/components/views/voip/LegacyCallView/__snapshots__/LegacyCallViewButtons-test.tsx.snap
@@ -9,21 +9,59 @@ exports[`LegacyCallViewButtons should render the buttons 1`] = `
       aria-expanded="false"
       aria-haspopup="true"
       aria-label="Dialpad"
-      class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dialpad"
+      class="mx_AccessibleButton mx_LegacyCallViewButtons_button"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M12 18.6c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8M6.6 2.4c-.99 0-1.8.81-1.8 1.8S5.61 6 6.6 6s1.8-.81 1.8-1.8-.81-1.8-1.8-1.8m0 5.4c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8m0 5.4c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8M17.4 6c.99 0 1.8-.81 1.8-1.8s-.81-1.8-1.8-1.8-1.8.81-1.8 1.8.81 1.8 1.8 1.8M12 13.2c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8m5.4 0c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8m0-5.4c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8m-5.4 0c-.99 0-1.8.81-1.8 1.8s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8-.81-1.8-1.8-1.8m0-5.4c-.99 0-1.8.81-1.8 1.8S11.01 6 12 6s1.8-.81 1.8-1.8-.81-1.8-1.8-1.8"
+        />
+      </svg>
+    </div>
     <div
       aria-label="Mute microphone"
       class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_mic mx_LegacyCallViewButtons_button_on"
       role="button"
       tabindex="0"
     >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M8 6a4 4 0 1 1 8 0v6a4 4 0 0 1-8 0z"
+        />
+        <path
+          d="M5 11a1 1 0 0 1 1 1 6 6 0 0 0 12 0 1 1 0 1 1 2 0 8 8 0 0 1-7 7.938V21a1 1 0 1 1-2 0v-1.062A8 8 0 0 1 4 12a1 1 0 0 1 1-1"
+        />
+      </svg>
       <div
-        class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dropdownButton mx_LegacyCallViewButtons_dropdownButton_collapsed mx_LegacyCallViewButtons_button_on"
+        class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dropdownButton mx_LegacyCallViewButtons_button_on"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="m12 10.775-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.15-.15.325-.212Q11.8 8.4 12 8.4t.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
+          />
+        </svg>
+      </div>
     </div>
     <div
       aria-label="Turn off camera"
@@ -31,38 +69,111 @@ exports[`LegacyCallViewButtons should render the buttons 1`] = `
       role="button"
       tabindex="0"
     >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 4h10a2 2 0 0 1 2 2v4.286l3.35-2.871a1 1 0 0 1 1.65.76v7.65a1 1 0 0 1-1.65.76L18 13.715V18a2 2 0 0 1-2 2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4"
+        />
+      </svg>
       <div
-        class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dropdownButton mx_LegacyCallViewButtons_dropdownButton_collapsed mx_LegacyCallViewButtons_button_on"
+        class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_dropdownButton mx_LegacyCallViewButtons_button_on"
         role="button"
         tabindex="0"
-      />
+      >
+        <svg
+          fill="currentColor"
+          height="1em"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="m12 10.775-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.15-.15.325-.212Q11.8 8.4 12 8.4t.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
+          />
+        </svg>
+      </div>
     </div>
     <div
       aria-label="Start sharing your screen"
       class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_screensharing mx_LegacyCallViewButtons_button_off"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M1.288 20.713Q1.575 21 2 21h20q.424 0 .712-.288A.97.97 0 0 0 23 20a.97.97 0 0 0-.288-.712A.97.97 0 0 0 22 19H2a.97.97 0 0 0-.712.288A.97.97 0 0 0 1 20q0 .424.288.712m1.3-3.299A1.93 1.93 0 0 1 2 16V5q0-.824.587-1.412A1.93 1.93 0 0 1 4 3h16q.824 0 1.413.587Q22 4.176 22 5v11q0 .824-.587 1.413A1.93 1.93 0 0 1 20 18H4q-.824 0-1.412-.587m10.12-10.12a1 1 0 0 0-1.415 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793V13a1 1 0 1 0 2 0v-2.586l.793.793a1 1 0 0 0 1.414-1.414z"
+        />
+      </svg>
+    </div>
     <div
       aria-label="Show sidebar"
       class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_sidebar mx_LegacyCallViewButtons_button_off"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          clip-rule="evenodd"
+          d="M20 6H4v12h16zM4 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"
+          fill-rule="evenodd"
+        />
+      </svg>
+    </div>
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-label="More"
-      class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_more"
+      class="mx_AccessibleButton mx_LegacyCallViewButtons_button"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+        />
+      </svg>
+    </div>
     <div
       aria-label="Hangup"
       class="mx_AccessibleButton mx_LegacyCallViewButtons_button mx_LegacyCallViewButtons_button_hangup"
       role="button"
       tabindex="0"
-    />
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="m2.765 16.02-2.47-2.416A1.02 1.02 0 0 1 0 12.852q0-.456.295-.751a15.6 15.6 0 0 1 5.316-3.786A15.9 15.9 0 0 1 12 7q3.355 0 6.39 1.329a16 16 0 0 1 5.315 3.772q.295.294.295.751t-.295.752l-2.47 2.416a1.047 1.047 0 0 1-1.396.108l-3.114-2.363a1.1 1.1 0 0 1-.322-.376 1.1 1.1 0 0 1-.108-.483v-2.27a13.6 13.6 0 0 0-2.12-.524C13.459 9.996 12 9.937 12 9.937s-1.459.059-2.174.175q-1.074.174-2.121.523v2.271q0 .268-.108.483a1.1 1.1 0 0 1-.322.376l-3.114 2.363a1.047 1.047 0 0 1-1.396-.107"
+        />
+      </svg>
+    </div>
   </div>
 </div>
 `;
diff --git a/test/unit-tests/createRoom-test.ts b/test/unit-tests/createRoom-test.ts
index 04f7101ff9..2775ad5409 100644
--- a/test/unit-tests/createRoom-test.ts
+++ b/test/unit-tests/createRoom-test.ts
@@ -17,7 +17,6 @@ import {
     RoomVersionStability,
 } from "matrix-js-sdk/src/matrix";
 import { type CryptoApi } from "matrix-js-sdk/src/crypto-api";
-import { MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc";
 import { act } from "jest-matrix-react";
 
 import {
@@ -292,8 +291,6 @@ describe("createRoom", () => {
 
     it("sets up Element video rooms correctly", async () => {
         const createCallSpy = jest.spyOn(ElementCall, "create");
-        const callMembershipSpy = jest.spyOn(MatrixRTCSession, "callMembershipsForRoom");
-        callMembershipSpy.mockReturnValue([]);
 
         await createRoom(client, { roomType: RoomType.UnstableCall });
 
diff --git a/test/unit-tests/customisations/Media-test.ts b/test/unit-tests/customisations/Media-test.ts
index d7b3b681dc..dc1175746e 100644
--- a/test/unit-tests/customisations/Media-test.ts
+++ b/test/unit-tests/customisations/Media-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { mocked } from "jest-mock";
 
 import { mediaFromMxc } from "../../../src/customisations/Media";
@@ -20,7 +20,7 @@ describe("Media", () => {
             (mxc) => `https://matrix.org/_matrix/media/r0/download/${mxc.slice(6)}`,
         );
 
-        fetchMockJest.get("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", {
+        fetchMock.get("https://matrix.org/_matrix/media/r0/download/matrix.org/1234", {
             status: 404,
             body: { errcode: "M_NOT_FOUND", error: "Not found" },
         });
diff --git a/test/unit-tests/hooks/useRoomCall-test.tsx b/test/unit-tests/hooks/useRoomCall-test.tsx
new file mode 100644
index 0000000000..53c7e5980f
--- /dev/null
+++ b/test/unit-tests/hooks/useRoomCall-test.tsx
@@ -0,0 +1,153 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { renderHook, waitFor } from "jest-matrix-react";
+import React from "react";
+
+import { PlatformCallType, useRoomCall } from "../../../src/hooks/room/useRoomCall";
+import {
+    getMockClientWithEventEmitter,
+    mkRoom,
+    mockClientMethodsRooms,
+    mockClientMethodsServer,
+    mockClientMethodsUser,
+    MockEventEmitter,
+    setupAsyncStoreWithClient,
+} from "../../test-utils";
+import { ScopedRoomContextProvider } from "../../../src/contexts/ScopedRoomContext";
+import RoomContext, { type RoomContextType } from "../../../src/contexts/RoomContext";
+import { MatrixClientContextProvider } from "../../../src/components/structures/MatrixClientContextProvider";
+import type LegacyCallHandler from "../../../src/LegacyCallHandler";
+import { SdkContextClass } from "../../../src/contexts/SDKContext";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { CallStore } from "../../../src/stores/CallStore";
+
+describe("useRoomCall", () => {
+    const client = getMockClientWithEventEmitter({
+        ...mockClientMethodsUser(),
+        ...mockClientMethodsServer(),
+        ...mockClientMethodsRooms(),
+        matrixRTC: new MockEventEmitter(),
+        _unstable_getRTCTransports: jest.fn().mockResolvedValue([]),
+        getCrypto: () => null,
+    });
+    const room = mkRoom(client, "!test-room");
+    // Create a stable room context for this test
+    const mockRoomViewStore = {
+        isViewingCall: jest.fn().mockReturnValue(false),
+        on: jest.fn(),
+        off: jest.fn(),
+        emit: jest.fn(),
+    };
+
+    const roomContext = {
+        ...RoomContext,
+        roomId: room.roomId,
+        roomViewStore: mockRoomViewStore,
+    } as unknown as RoomContextType;
+
+    beforeEach(() => {
+        const callHandler = {
+            getCallForRoom: jest.fn().mockReturnValue(null),
+            isCallSidebarShown: jest.fn().mockReturnValue(true),
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+        };
+        jest.spyOn(SdkContextClass.instance, "legacyCallHandler", "get").mockReturnValue(
+            callHandler as unknown as LegacyCallHandler,
+        );
+        const origGetValue = SettingsStore.getValue;
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((name, ...params): any => {
+            if (name === "feature_group_calls") return true;
+            return origGetValue(name, ...params);
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    function render() {
+        return renderHook(() => useRoomCall(room), {
+            wrapper: ({ children }) => (
+                <MatrixClientContextProvider client={client}>
+                    <ScopedRoomContextProvider {...roomContext}>{children}</ScopedRoomContextProvider>
+                </MatrixClientContextProvider>
+            ),
+        });
+    }
+
+    describe("Element Call focus detection", () => {
+        it("Blocks Element Call if required foci are not configured", async () => {
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+            const { result } = render();
+            await waitFor(() => expect(result.current.callOptions).toEqual([PlatformCallType.LegacyCall]));
+        });
+        it("Blocks Element Call if transport foci are the wrong type", async () => {
+            client._unstable_getRTCTransports.mockResolvedValue([{ type: "anything-else" }]);
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+            const { result } = render();
+            await waitFor(() => expect(result.current.callOptions).toEqual([PlatformCallType.LegacyCall]));
+        });
+        it("Blocks Element Call if well-known foci are the wrong type", async () => {
+            client.getClientWellKnown.mockReturnValue({
+                "org.matrix.msc4143.rtc_foci": {
+                    type: "anything-else",
+                },
+            });
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+            const { result } = render();
+            await waitFor(() => expect(result.current.callOptions).toEqual([PlatformCallType.LegacyCall]));
+        });
+        it("Allows Element Call if foci is provided via getRTCTransports", async () => {
+            client._unstable_getRTCTransports.mockResolvedValue([
+                { type: "livekit", livekit_service_url: "https://example.org" },
+            ]);
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+
+            const { result } = render();
+            await waitFor(() =>
+                expect(result.current.callOptions).toEqual([PlatformCallType.ElementCall, PlatformCallType.LegacyCall]),
+            );
+        });
+        it("Allows Element Call if foci is provided via .well-known", async () => {
+            client.getClientWellKnown.mockReturnValue({
+                "org.matrix.msc4143.rtc_foci": {
+                    type: "livekit",
+                    livekit_service_url: "https://example.org",
+                },
+            });
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+            const { result } = render();
+            await waitFor(() =>
+                expect(result.current.callOptions).toEqual([PlatformCallType.ElementCall, PlatformCallType.LegacyCall]),
+            );
+        });
+        it("Ensure handler reacts to transport changes", async () => {
+            // Clear all transports
+            client._unstable_getRTCTransports.mockResolvedValue([]);
+            client.getClientWellKnown.mockReturnValue({});
+
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+            const { result } = render();
+
+            // Ensure Element Call is not a call option.
+            expect(result.current.callOptions).toEqual([PlatformCallType.LegacyCall]);
+
+            // Now enable a transport and ensure that useRoomCall picks it up reactively.
+            client._unstable_getRTCTransports.mockResolvedValue([
+                { type: "livekit", livekit_service_url: "https://example.org" },
+            ]);
+            await setupAsyncStoreWithClient(CallStore.instance, client);
+            await waitFor(() =>
+                expect(result.current.callOptions).toEqual([PlatformCallType.ElementCall, PlatformCallType.LegacyCall]),
+            );
+        });
+    });
+});
diff --git a/test/unit-tests/languageHandler-test.tsx b/test/unit-tests/languageHandler-test.tsx
index de1a629608..95cce791d3 100644
--- a/test/unit-tests/languageHandler-test.tsx
+++ b/test/unit-tests/languageHandler-test.tsx
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React from "react";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { type Translation } from "matrix-web-i18n";
 import { type TranslationStringsObject } from "@matrix-org/react-sdk-module-api";
 
@@ -23,13 +23,11 @@ import {
     substitute,
     type TranslatedString,
     UserFriendlyError,
-    type TranslationKey,
     type IVariables,
     type Tags,
     getLanguagesFromBrowser,
 } from "../../src/languageHandler";
 import { stubClient } from "../test-utils";
-import { setupLanguageMock } from "../setup/setupLanguage";
 
 async function setupTranslationOverridesForTests(overrides: TranslationStringsObject) {
     const lookupUrl = "/translations.json";
@@ -168,15 +166,13 @@ describe("languageHandler", () => {
 
     describe("getAllLanguagesWithLabels", () => {
         it("should handle unknown language sanely", async () => {
-            fetchMock.getOnce(
-                "/i18n/languages.json",
-                {
+            fetchMock.modifyRoute("languages", {
+                response: {
                     en: "en_EN.json",
                     de: "de_DE.json",
                     qq: "qq.json",
                 },
-                { overwriteRoutes: true },
-            );
+            });
             await expect(getAllLanguagesWithLabels()).resolves.toMatchInlineSnapshot(`
                 [
                   {
@@ -196,7 +192,6 @@ describe("languageHandler", () => {
                   },
                 ]
             `);
-            setupLanguageMock(); // restore language mock
         });
     });
 
@@ -291,10 +286,10 @@ describe("languageHandler JSX", function () {
     });
 
     describe("when translations exist in language", () => {
-        beforeEach(function () {
+        beforeEach(async () => {
             stubClient();
 
-            setLanguage("en");
+            await setLanguage("en");
             setMissingEntryGenerator((key) => key.split("|", 2)[1]);
         });
 
@@ -327,10 +322,10 @@ describe("languageHandler JSX", function () {
     });
 
     describe("for a non-en language", () => {
-        beforeEach(() => {
+        beforeEach(async () => {
             stubClient();
-            setLanguage("lv");
-            // counterpart doesnt expose any way to restore default config
+            await setLanguage("lv");
+            // counterpart doesn't expose any way to restore default config
             // missingEntryGenerator is mocked in the root setup file
             // reset to default here
             const counterpartDefaultMissingEntryGen = function (key: string) {
diff --git a/test/unit-tests/models/Call-test.ts b/test/unit-tests/models/Call-test.ts
index e26ae85fa4..3231052645 100644
--- a/test/unit-tests/models/Call-test.ts
+++ b/test/unit-tests/models/Call-test.ts
@@ -49,6 +49,7 @@ import { type SettingKey } from "../../../src/settings/Settings.tsx";
 import SdkConfig from "../../../src/SdkConfig.ts";
 import DMRoomMap from "../../../src/utils/DMRoomMap.ts";
 import { WidgetMessagingEvent, type WidgetMessaging } from "../../../src/stores/widgets/WidgetMessaging.ts";
+import { BugReportEndpointURLLocal } from "../../../src/IConfigOptions.ts";
 
 const { enabledSettings } = enableCalls();
 
@@ -481,18 +482,25 @@ describe("ElementCall", () => {
     let alice: RoomMember;
     let roomSession: Mocked<MatrixRTCSession>;
     function setRoomMembers(memberIds: string[]) {
-        jest.spyOn(room, "getJoinedMembers").mockReturnValue(memberIds.map((id) => ({ userId: id }) as RoomMember));
+        jest.spyOn(room, "getJoinedMembers").mockReturnValue(
+            memberIds.map(
+                (id) =>
+                    ({
+                        userId: id,
+                    }) as RoomMember,
+            ),
+        );
     }
 
     beforeEach(() => {
         jest.useFakeTimers();
         ({ client, room, alice, roomSession } = setUpClientRoomAndStores());
-        SdkConfig.reset();
     });
 
     afterEach(() => {
         jest.runOnlyPendingTimers();
         jest.useRealTimers();
+        SdkConfig.reset();
         cleanUpClientRoomAndStores(client, room);
     });
 
@@ -692,6 +700,24 @@ describe("ElementCall", () => {
             SettingsStore.getValue = originalGetValue;
         });
 
+        it.each([
+            [undefined, null],
+            [BugReportEndpointURLLocal, null],
+            ["other-value", "other-value"],
+        ])("passes rageshake URL through widget URL", async (configSetting, expectedValue) => {
+            // Test with the preference set to false
+            SdkConfig.put({
+                bug_report_endpoint_url: configSetting,
+            });
+            ElementCall.create(room);
+            const call1 = Call.get(room);
+            if (!(call1 instanceof ElementCall)) throw new Error("Failed to create call");
+
+            const urlParams1 = new URLSearchParams(new URL(call1.widget.url).hash.slice(1));
+            expect(urlParams1.get("rageshakeSubmitUrl")).toBe(expectedValue);
+            call1.destroy();
+        });
+
         it("passes analyticsID and posthog params through widget URL", async () => {
             SdkConfig.put({
                 posthog: {
@@ -1051,7 +1077,7 @@ describe("ElementCall", () => {
             setRoomMembers(["@user:example.com", "@user2:example.com", "@user4:example.com"]);
         });
         it("don't sent notify event if there are existing room call members", async () => {
-            jest.spyOn(MatrixRTCSession, "callMembershipsForRoom").mockReturnValue([
+            jest.spyOn(MatrixRTCSession, "sessionMembershipsForSlot").mockResolvedValue([
                 { application: "m.call", callId: "" } as unknown as CallMembership,
             ]);
             const sendEventSpy = jest.spyOn(room.client, "sendEvent");
diff --git a/test/unit-tests/modules/models/Room-test.ts b/test/unit-tests/modules/models/Room-test.ts
index d149c8cdf0..51bf8bde7a 100644
--- a/test/unit-tests/modules/models/Room-test.ts
+++ b/test/unit-tests/modules/models/Room-test.ts
@@ -39,12 +39,14 @@ describe("Room", () => {
 
             const room = new Room(sdkRoom);
             const fn = jest.fn();
+            const onSpy = jest.spyOn(sdkRoom, "on");
+            const offSpy = jest.spyOn(sdkRoom, "off");
 
             room.name.watch(fn);
-            expect(sdkRoom.on).toHaveBeenCalledTimes(1);
+            expect(onSpy).toHaveBeenCalledTimes(1);
 
             room.name.unwatch(fn);
-            expect(sdkRoom.off).toHaveBeenCalledTimes(1);
+            expect(offSpy).toHaveBeenCalledTimes(1);
         });
     });
 });
diff --git a/test/unit-tests/settings/controllers/FallbackIceServerController-test.ts b/test/unit-tests/settings/controllers/FallbackIceServerController-test.ts
index 7d98f6087b..7834c4fd91 100644
--- a/test/unit-tests/settings/controllers/FallbackIceServerController-test.ts
+++ b/test/unit-tests/settings/controllers/FallbackIceServerController-test.ts
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { ClientEvent, MatrixClient } from "matrix-js-sdk/src/matrix";
 
 import { SettingLevel } from "../../../../src/settings/SettingLevel";
@@ -15,7 +15,7 @@ import SettingsStore from "../../../../src/settings/SettingsStore.ts";
 
 describe("FallbackIceServerController", () => {
     beforeEach(() => {
-        fetchMockJest.get("https://matrix.org/_matrix/client/versions", { versions: ["v1.4"] });
+        fetchMock.get("https://matrix.org/_matrix/client/versions", { versions: ["v1.4"] });
     });
 
     afterEach(() => {
diff --git a/test/unit-tests/settings/controllers/ServerSupportUnstableFeatureController-test.ts b/test/unit-tests/settings/controllers/ServerSupportUnstableFeatureController-test.ts
index cab82f8d32..1bd80e2535 100644
--- a/test/unit-tests/settings/controllers/ServerSupportUnstableFeatureController-test.ts
+++ b/test/unit-tests/settings/controllers/ServerSupportUnstableFeatureController-test.ts
@@ -14,7 +14,6 @@ import { type FeatureSettingKey, LabGroup, SETTINGS } from "../../../../src/sett
 import { stubClient } from "../../../test-utils";
 import { WatchManager } from "../../../../src/settings/WatchManager";
 import MatrixClientBackedController from "../../../../src/settings/controllers/MatrixClientBackedController";
-import { type TranslationKey } from "../../../../src/languageHandler";
 
 describe("ServerSupportUnstableFeatureController", () => {
     const watchers = new WatchManager();
diff --git a/test/unit-tests/settings/watchers/FontWatcher-test.tsx b/test/unit-tests/settings/watchers/FontWatcher-test.tsx
index 40a34b0328..7e7aab6931 100644
--- a/test/unit-tests/settings/watchers/FontWatcher-test.tsx
+++ b/test/unit-tests/settings/watchers/FontWatcher-test.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { sleep } from "matrix-js-sdk/src/utils";
+import { waitFor } from "jest-matrix-react";
 
 import SettingsStore from "../../../../src/settings/SettingsStore";
 import { SettingLevel } from "../../../../src/settings/SettingLevel";
@@ -155,5 +156,33 @@ describe("FontWatcher", function () {
             // baseFontSize should be cleared
             expect(SettingsStore.getValue("baseFontSizeV2")).toBe(0);
         });
+
+        it("should trigger migration when dispatched", async () => {
+            await watcher!.start();
+
+            await SettingsStore.setValue("baseFontSizeV2", null, SettingLevel.DEVICE, 18);
+            defaultDispatcher.fire(Action.MigrateBaseFontSize);
+
+            await waitFor(() => {
+                // 18px - 16px (default browser font size) = 2px
+                expect(SettingsStore.getValue("fontSizeDelta")).toBe(2);
+                // baseFontSizeV2 should be cleared
+                expect(SettingsStore.getValue("baseFontSizeV2")).toBe(0);
+            });
+        });
+    });
+
+    it("should update root font size with positive delta", async () => {
+        await new FontWatcher().start();
+
+        defaultDispatcher.dispatch({
+            action: Action.UpdateFontSizeDelta,
+            delta: 2,
+        });
+
+        await waitFor(() => {
+            const rootFontSize = document.querySelector<HTMLElement>(":root")!.style.fontSize;
+            expect(rootFontSize).toContain("2px");
+        });
     });
 });
diff --git a/test/unit-tests/slash-commands/upgraderoom-test.tsx b/test/unit-tests/slash-commands/upgraderoom-test.tsx
new file mode 100644
index 0000000000..88aea8a833
--- /dev/null
+++ b/test/unit-tests/slash-commands/upgraderoom-test.tsx
@@ -0,0 +1,136 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { mocked } from "jest-mock";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+
+import RoomUpgradeWarningDialog, {
+    type IFinishedOpts,
+} from "../../../src/components/views/dialogs/RoomUpgradeWarningDialog";
+import { type Command, Commands } from "../../../src/SlashCommands";
+import { SdkContextClass } from "../../../src/contexts/SDKContext";
+import { createTestClient } from "../../test-utils";
+import { parseUpgradeRoomArgs } from "../../../src/slash-commands/upgraderoom/parseUpgradeRoomArgs";
+import Modal from "../../../src/Modal";
+
+describe("/upgraderoom", () => {
+    const roomId = "!room:example.com";
+
+    function findCommand(cmd: string): Command | undefined {
+        return Commands.find((command: Command) => command.command === cmd);
+    }
+
+    /**
+     * Set up an upgraderoom test.
+     *
+     * @param continueUpgrade if true, simulates the user clicking Continue in
+     *                        the "Upgrade Room" dialog. If false, simulates the
+     *                        user clicking Cancel.
+     */
+    function setUp(continueUpgrade: boolean): {
+        command: Command;
+        client: MatrixClient;
+        createDialog: unknown;
+        upgradeRoom: unknown;
+    } {
+        jest.clearAllMocks();
+
+        const command = findCommand("upgraderoom")!;
+        const client = createTestClient();
+
+        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId");
+        mocked(SdkContextClass.instance.roomViewStore.getRoomId).mockReturnValue(roomId);
+        mocked(client.getRoom).mockImplementation((rId: string): Room | null => {
+            if (rId === roomId) return new Room(roomId, client, client.getSafeUserId());
+            return null;
+        });
+
+        const createDialog = jest.spyOn(Modal, "createDialog");
+        const upgradeRoom = jest.fn().mockResolvedValue({ replacement_room: "!newroom" });
+        const resp: IFinishedOpts = { continue: continueUpgrade, invite: false };
+        createDialog.mockReturnValue({
+            finished: Promise.resolve([resp]),
+            close: jest.fn(),
+        });
+        client.upgradeRoom = upgradeRoom;
+
+        return { command, client, createDialog, upgradeRoom };
+    }
+
+    it("should be enabled by default", () => {
+        const { command, client } = setUp(false);
+        expect(command.isEnabled(client, roomId)).toBe(true);
+    });
+
+    it("should return usage if given no args", () => {
+        const { command, client } = setUp(false);
+
+        expect(command.run(client, roomId, null, undefined).error).toBe(command.getUsage());
+        expect(command.run(client, roomId, null, "").error).toBe(command.getUsage());
+        expect(command.run(client, roomId, null, " ").error).toBe(command.getUsage());
+    });
+
+    it("should accept arguments of a room version with no additional creators", () => {
+        expect(parseUpgradeRoomArgs("12")).toEqual({ targetVersion: "12" });
+    });
+
+    it("should accept arguments of a room version and additional creators", () => {
+        expect(parseUpgradeRoomArgs("13 @u:s.co")).toEqual({
+            targetVersion: "13",
+            additionalCreators: ["@u:s.co"],
+        });
+
+        expect(parseUpgradeRoomArgs("14  @u:s.co @v:s.co  @w:z.uk")).toEqual({
+            targetVersion: "14",
+            additionalCreators: ["@u:s.co", "@v:s.co", "@w:z.uk"],
+        });
+    });
+
+    it("should upgrade the room when given valid arguments", async () => {
+        // Given the user clicks continue in the Upgrade Room dialog
+        const { command, client, createDialog, upgradeRoom } = setUp(true);
+
+        // When we type /upgraderoom ...
+        const result = command.run(client, roomId, null, "12 @foo:bar.com @baz:qux.uk");
+        expect(result.promise).toBeDefined();
+        await result.promise;
+
+        // Then we warned the user
+        expect(createDialog).toHaveBeenCalledWith(
+            RoomUpgradeWarningDialog,
+            { roomId: "!room:example.com", targetVersion: "12" },
+            undefined,
+            false,
+            true,
+        );
+
+        // And when they said yes, we called into upgradeRoom
+        expect(upgradeRoom).toHaveBeenCalledWith("!room:example.com", "12", ["@foo:bar.com", "@baz:qux.uk"]);
+    });
+
+    it("should not upgrade the room if the user changes their mind", async () => {
+        // Given the user cancels the upgrade dialog
+        const { command, client, createDialog, upgradeRoom } = setUp(false);
+
+        // When we type /upgraderoom ...
+        const result = command.run(client, roomId, null, "12 @foo:bar.com @baz:qux.uk");
+        expect(result.promise).toBeDefined();
+        await result.promise;
+
+        // Then we warned the user
+        expect(createDialog).toHaveBeenCalledWith(
+            RoomUpgradeWarningDialog,
+            { roomId: "!room:example.com", targetVersion: "12" },
+            undefined,
+            false,
+            true,
+        );
+
+        // And when they said no, we did not call into upgradeRoom
+        expect(upgradeRoom).not.toHaveBeenCalledWith("!room:example.com", "12", ["@foo:bar.com", "@baz:qux.uk"]);
+    });
+});
diff --git a/test/unit-tests/stores/CallStore-test.ts b/test/unit-tests/stores/CallStore-test.ts
index 30f42757e2..847c4b3592 100644
--- a/test/unit-tests/stores/CallStore-test.ts
+++ b/test/unit-tests/stores/CallStore-test.ts
@@ -6,6 +6,8 @@
  */
 
 import { type CallMembership, MatrixRTCSessionManagerEvents } from "matrix-js-sdk/src/matrixrtc";
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { type MockedObject } from "jest-mock";
 
 import { ElementCall } from "../../../src/models/Call";
 import { CallStore } from "../../../src/stores/CallStore";
@@ -16,11 +18,22 @@ import {
     enableCalls,
 } from "../../test-utils";
 
-enableCalls();
+describe("CallStore", () => {
+    let client: MockedObject<MatrixClient>;
+    let room: Room;
+    beforeEach(() => {
+        enableCalls();
+        const res = setUpClientRoomAndStores();
+        client = res.client;
+        room = res.room;
+    });
 
-test("CallStore constructs one call for one MatrixRTC session", () => {
-    const { client, room } = setUpClientRoomAndStores();
-    try {
+    afterEach(() => {
+        cleanUpClientRoomAndStores(client, room);
+        jest.restoreAllMocks();
+    });
+
+    it("constructs one call for one MatrixRTC session", () => {
         setupAsyncStoreWithClient(CallStore.instance, client);
         const getSpy = jest.spyOn(ElementCall, "get");
 
@@ -32,7 +45,25 @@ test("CallStore constructs one call for one MatrixRTC session", () => {
         expect(getSpy).toHaveBeenCalledTimes(1);
         expect(getSpy).toHaveReturnedWith(expect.any(ElementCall));
         expect(CallStore.instance.getCall(room.roomId)).not.toBe(null);
-    } finally {
-        cleanUpClientRoomAndStores(client, room);
-    }
+        expect(CallStore.instance.getConfiguredRTCTransports()).toHaveLength(0);
+    });
+    it("calculates RTC transports with both modern and legacy endpoints", async () => {
+        client._unstable_getRTCTransports.mockResolvedValue([
+            { type: "type-a", some_data: "value" },
+            { type: "type-b", some_data: "foo" },
+        ]);
+        client.getClientWellKnown.mockReturnValue({
+            "org.matrix.msc4143.rtc_foci": [
+                { type: "type-c", other_data: "bar" },
+                { type: "type-d", other_data: "baz" },
+            ],
+        });
+        await setupAsyncStoreWithClient(CallStore.instance, client);
+        expect(CallStore.instance.getConfiguredRTCTransports()).toEqual([
+            { type: "type-a", some_data: "value" },
+            { type: "type-b", some_data: "foo" },
+            { type: "type-c", other_data: "bar" },
+            { type: "type-d", other_data: "baz" },
+        ]);
+    });
 });
diff --git a/test/unit-tests/stores/RoomViewStore-test.ts b/test/unit-tests/stores/RoomViewStore-test.ts
index 2f7c666895..b2130fcb2c 100644
--- a/test/unit-tests/stores/RoomViewStore-test.ts
+++ b/test/unit-tests/stores/RoomViewStore-test.ts
@@ -134,6 +134,8 @@ describe("RoomViewStore", function () {
         leave: jest.fn(),
         setRoomAccountData: jest.fn(),
         getAccountData: jest.fn(),
+        waitForClientWellKnown: jest.fn().mockResolvedValue(undefined),
+        getClientWellKnown: jest.fn().mockReturnValue({}),
         matrixRTC: new (class extends EventEmitter {
             getRoomSession() {
                 return new (class extends EventEmitter {
diff --git a/test/unit-tests/stores/ToastStore-test.ts b/test/unit-tests/stores/ToastStore-test.ts
index 612721a1c5..a5a16eb856 100644
--- a/test/unit-tests/stores/ToastStore-test.ts
+++ b/test/unit-tests/stores/ToastStore-test.ts
@@ -71,7 +71,6 @@ describe("ToastStore", () => {
 
             store.dismissToast("whatever");
 
-            expect(store.getCountSeen()).toEqual(0);
             expect(emitSpy).not.toHaveBeenCalled();
         });
 
@@ -85,43 +84,13 @@ describe("ToastStore", () => {
 
             store.dismissToast(toastA.key);
 
-            expect(store.getCountSeen()).toEqual(0);
             expect(emitSpy).toHaveBeenCalledWith("update");
             expect(store.getToasts()).toEqual([toastB]);
         });
-
-        it("increments countSeen when toast has bottom priority", () => {
-            const store = new ToastStore();
-            const toastA = makeToast(1, "a");
-            const toastB = makeToast(3, "b");
-            const toastC = makeToast(99, "c");
-            store.addOrReplaceToast(toastA);
-            store.addOrReplaceToast(toastC);
-            store.addOrReplaceToast(toastB);
-            const emitSpy = jest.spyOn(store, "emit");
-
-            store.dismissToast(toastC.key);
-
-            expect(store.getCountSeen()).toEqual(1);
-            expect(emitSpy).toHaveBeenCalledWith("update");
-        });
-
-        it("resets countSeen when no toasts remain", () => {
-            const store = new ToastStore();
-            const toastA = makeToast(1, "a");
-            const toastB = makeToast(3, "b");
-            store.addOrReplaceToast(toastA);
-            store.addOrReplaceToast(toastB);
-
-            store.dismissToast(toastB.key);
-            expect(store.getCountSeen()).toEqual(1);
-            store.dismissToast(toastA.key);
-            expect(store.getCountSeen()).toEqual(0);
-        });
     });
 
     describe("reset()", () => {
-        it("clears countseen and toasts", () => {
+        it("clears toasts", () => {
             const store = new ToastStore();
             const toastA = makeToast(1, "a");
             const toastB = makeToast(3, "b");
@@ -131,7 +100,6 @@ describe("ToastStore", () => {
             store.dismissToast(toastB.key);
 
             store.reset();
-            expect(store.getCountSeen()).toEqual(0);
             expect(store.getToasts()).toEqual([]);
         });
     });
diff --git a/test/unit-tests/stores/notifications/RoomNotificationState-test.ts b/test/unit-tests/stores/notifications/RoomNotificationState-test.ts
index 91d13809ec..3ae4958de6 100644
--- a/test/unit-tests/stores/notifications/RoomNotificationState-test.ts
+++ b/test/unit-tests/stores/notifications/RoomNotificationState-test.ts
@@ -25,7 +25,6 @@ import { NotificationStateEvents } from "../../../../src/stores/notifications/No
 import { NotificationLevel } from "../../../../src/stores/notifications/NotificationLevel";
 import { createMessageEventContent } from "../../../test-utils/events";
 import SettingsStore from "../../../../src/settings/SettingsStore";
-import * as RoomStatusBarModule from "../../../../src/components/structures/RoomStatusBar";
 import * as UnreadModule from "../../../../src/Unread";
 
 describe("RoomNotificationState", () => {
@@ -210,7 +209,7 @@ describe("RoomNotificationState", () => {
 
     describe("computed attributes", () => {
         beforeEach(() => {
-            jest.spyOn(RoomStatusBarModule, "getUnsentMessages").mockReturnValue([]);
+            jest.spyOn(room, "getPendingEvents").mockReturnValue([]);
             jest.spyOn(UnreadModule, "doesRoomHaveUnreadMessages").mockReturnValue(false);
         });
 
@@ -221,7 +220,9 @@ describe("RoomNotificationState", () => {
         });
 
         it("should has isUnsetMessage at true", () => {
-            jest.spyOn(RoomStatusBarModule, "getUnsentMessages").mockReturnValue([{} as MatrixEvent]);
+            jest.spyOn(room, "getPendingEvents").mockReturnValue([
+                mkEvent({ status: EventStatus.NOT_SENT, user: "@foobar:example.org", type: "any.event", content: {} }),
+            ]);
             const roomNotifState = new RoomNotificationState(room, false);
             expect(roomNotifState.isUnsentMessage).toBe(true);
         });
@@ -239,7 +240,9 @@ describe("RoomNotificationState", () => {
             room.updateMyMembership(KnownMembership.Knock);
             expect(roomNotifState.isMention).toBe(false);
 
-            jest.spyOn(RoomStatusBarModule, "getUnsentMessages").mockReturnValue([{} as MatrixEvent]);
+            jest.spyOn(room, "getPendingEvents").mockReturnValue([
+                mkEvent({ status: EventStatus.NOT_SENT, user: "@foobar:example.org", type: "any.event", content: {} }),
+            ]);
             room.updateMyMembership(KnownMembership.Join);
             expect(roomNotifState.isMention).toBe(false);
         });
diff --git a/test/unit-tests/stores/oidc/OidcClientStore-test.ts b/test/unit-tests/stores/oidc/OidcClientStore-test.ts
index 164f90f531..35e5415ca3 100644
--- a/test/unit-tests/stores/oidc/OidcClientStore-test.ts
+++ b/test/unit-tests/stores/oidc/OidcClientStore-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { mocked } from "jest-mock";
 import { OidcClient } from "oidc-client-ts";
 import { logger } from "matrix-js-sdk/src/logger";
@@ -26,6 +26,7 @@ describe("OidcClientStore", () => {
     const clientId = "test-client-id";
     const authConfig = makeDelegatedAuthConfig();
     const account = authConfig.issuer + "account";
+    const accountManagementActionsSupported = ["action1", "action2"];
 
     const mockClient = getMockClientWithEventEmitter({
         getAuthMetadata: jest.fn(),
@@ -41,6 +42,7 @@ describe("OidcClientStore", () => {
             .mockResolvedValue({
                 ...authConfig,
                 account_management_uri: account,
+                account_management_actions_supported: accountManagementActionsSupported,
                 authorization_endpoint: "authorization-endpoint",
                 token_endpoint: "token-endpoint",
             });
@@ -130,6 +132,15 @@ describe("OidcClientStore", () => {
             expect(store.accountManagementEndpoint).toEqual(account);
         });
 
+        it("should set account management actions supported when configured", async () => {
+            const store = new OidcClientStore(mockClient);
+
+            // @ts-ignore private property
+            await store.getOidcClient();
+
+            expect(store.accountManagementActionsSupported).toEqual(accountManagementActionsSupported);
+        });
+
         it("should set account management endpoint to issuer when not configured", async () => {
             mocked(discoverAndValidateOIDCIssuerWellKnown)
                 .mockClear()
@@ -177,13 +188,14 @@ describe("OidcClientStore", () => {
             // spy and call through
             jest.spyOn(OidcClient.prototype, "revokeToken").mockClear();
 
-            fetchMock.resetHistory();
+            fetchMock.clearHistory();
+            fetchMock.removeRoute("revocation-endpoint");
             fetchMock.post(
                 authConfig.revocation_endpoint,
                 {
                     status: 200,
                 },
-                { sendAsJson: true },
+                { name: "revocation-endpoint" },
             );
         });
 
@@ -208,21 +220,14 @@ describe("OidcClientStore", () => {
 
         it("should still attempt to revoke refresh token when access token revocation fails", async () => {
             // fail once, then succeed
+            fetchMock.removeRoute("revocation-endpoint");
             fetchMock
-                .postOnce(
-                    authConfig.revocation_endpoint,
-                    {
-                        status: 404,
-                    },
-                    { overwriteRoutes: true, sendAsJson: true },
-                )
-                .post(
-                    authConfig.revocation_endpoint,
-                    {
-                        status: 200,
-                    },
-                    { sendAsJson: true },
-                );
+                .postOnce(authConfig.revocation_endpoint, {
+                    status: 404,
+                })
+                .post(authConfig.revocation_endpoint, {
+                    status: 200,
+                });
 
             const store = new OidcClientStore(mockClient);
 
@@ -244,10 +249,12 @@ describe("OidcClientStore", () => {
             mockClient.getAuthMetadata.mockResolvedValue({
                 ...authConfig,
                 account_management_uri: account,
+                account_management_actions_supported: accountManagementActionsSupported,
             });
             const store = new OidcClientStore(mockClient);
             await store.readyPromise;
             expect(store.accountManagementEndpoint).toBe(account);
+            expect(store.accountManagementActionsSupported).toEqual(accountManagementActionsSupported);
         });
     });
 });
diff --git a/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts b/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts
index 2d7dd4459c..bd1010ccdf 100644
--- a/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts
+++ b/test/unit-tests/stores/room-list-v3/RoomListStoreV3-test.ts
@@ -106,7 +106,7 @@ describe("RoomListStoreV3", () => {
             // Let's pretend like a new timeline event came on the room in 37th index.
             const room = rooms[37];
             const event = mkMessage({ room: room.roomId, user: `@foo${3}:matrix.org`, ts: 1000, event: true });
-            room.timeline.push(event);
+            jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
 
             const payload = {
                 action: "MatrixActions.Room.timeline",
@@ -827,7 +827,7 @@ describe("RoomListStoreV3", () => {
             let ts = 1000;
             for (const room of [rooms[14], rooms[34]]) {
                 const event = mkMessage({ room: room.roomId, user: `@foo${3}:matrix.org`, ts: 1000, event: true });
-                room.timeline.push(event);
+                jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
 
                 const payload = {
                     action: "MatrixActions.Room.timeline",
diff --git a/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts b/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
index 671bfface8..a742e56370 100644
--- a/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
+++ b/test/unit-tests/stores/room-list-v3/skip-list/RoomSkipList-test.ts
@@ -83,7 +83,7 @@ describe("RoomSkipList", () => {
                 ts: totalRooms - i,
                 event: true,
             });
-            room.timeline.push(event);
+            jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
             skipList.reInsertRoom(room);
             expect(skipList.size).toEqual(rooms.length);
         }
diff --git a/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts b/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts
index d895ba944b..1aa0954ef9 100644
--- a/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts
+++ b/test/unit-tests/stores/room-list-v3/skip-list/getMockedRooms.ts
@@ -14,7 +14,7 @@ export function getMockedRooms(client: MatrixClient, roomCount: number = 100): R
         const roomId = `!foo${i}:matrix.org`;
         const room = mkStubRoom(roomId, `Foo Room ${i}`, client);
         const event = mkMessage({ room: roomId, user: `@foo${i}:matrix.org`, ts: i + 1, event: true });
-        room.timeline.push(event);
+        jest.spyOn(room.getLiveTimeline(), "getEvents").mockReturnValue([event]);
         rooms.push(room);
     }
     return rooms;
diff --git a/test/unit-tests/stores/room-list-v3/skip-list/sorters/UnreadSorter-test.ts b/test/unit-tests/stores/room-list-v3/skip-list/sorters/UnreadSorter-test.ts
new file mode 100644
index 0000000000..b5ca4c777e
--- /dev/null
+++ b/test/unit-tests/stores/room-list-v3/skip-list/sorters/UnreadSorter-test.ts
@@ -0,0 +1,109 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { stubClient } from "../../../../../test-utils";
+import { getMockedRooms } from "../getMockedRooms";
+import { CallStore } from "../../../../../../src/stores/CallStore";
+import type { Call } from "../../../../../../src/models/Call";
+import { DefaultTagID } from "../../../../../../src/stores/room-list/models";
+import { RoomNotificationStateStore } from "../../../../../../src/stores/notifications/RoomNotificationStateStore";
+import type { RoomNotificationState } from "../../../../../../src/stores/notifications/RoomNotificationState";
+import * as utils from "../../../../../../src/utils/notifications";
+import { UnreadSorter } from "../../../../../../src/stores/room-list-v3/skip-list/sorters/UnreadSorter";
+import { NotificationLevel } from "../../../../../../src/stores/notifications/NotificationLevel";
+
+describe("UnreadSorter", () => {
+    it("should sort correctly", () => {
+        // Let's create some rooms first
+        const cli = stubClient();
+        const rooms = getMockedRooms(cli);
+
+        // Let's make rooms 23, 67, 53, 5 invites
+        const inviteRooms = [23, 67, 53, 5].map((i) => rooms[i]);
+        for (const room of inviteRooms) {
+            room.getMyMembership = jest.fn().mockReturnValue(KnownMembership.Invite);
+        }
+
+        // Let's make rooms 66, 10, 78 have calls
+        const callRooms = [66, 10, 78].map((i) => rooms[i]);
+        jest.spyOn(CallStore.instance, "getCall").mockImplementation((roomId) => {
+            if (callRooms.map((r) => r.roomId).includes(roomId)) {
+                // We don't really care about the call object
+                return true as unknown as Call;
+            } else return null;
+        });
+
+        // Let's make rooms 13, 96, 40 have mentions
+        const mentionRooms = [13, 96, 40].map((i) => rooms[i]);
+        // Let's make 74, 62, 50, 34, 52, 61 have dots
+        const dotRooms = [74, 62, 50, 34, 52, 61].map((i) => rooms[i]);
+        // Let's make 12, 47 have unread count (number)
+        const unreadRooms = [12, 47].map((i) => rooms[i]);
+        // Let's make 98, 80, 49, 24 muted rooms
+        const mutedRooms = [98, 80, 49, 24].map((i) => rooms[i]);
+
+        jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation((room) => {
+            const isMention = mentionRooms.includes(room);
+            const hasUnreadCount = unreadRooms.includes(room);
+            const isActivityNotification = dotRooms.includes(room);
+            const muted = mutedRooms.includes(room);
+            const state = {
+                isMention,
+                hasUnreadCount,
+                isActivityNotification,
+                muted,
+                level: NotificationLevel.None,
+            } as unknown as RoomNotificationState;
+            return state;
+        });
+
+        // Let's make 28, 25 as rooms that are marked as unread
+        const markedAsUnreadRooms = [28, 25].map((i) => rooms[i]);
+        jest.spyOn(utils, "getMarkedUnreadState").mockImplementation((room) => markedAsUnreadRooms.includes(room));
+
+        // Let's make 6, 48, 76,   low priority rooms
+        const lowPriorityRooms = [6, 48, 76].map((i) => rooms[i]);
+        for (const room of lowPriorityRooms) {
+            room.tags[DefaultTagID.LowPriority] = {};
+        }
+
+        // Now we can actually test the sorting algorithm
+        const sorter = new UnreadSorter("@foobar:matrix.org");
+        const sortedRoomIds = sorter.sort(rooms).map((r) => r.roomId);
+        const roomIds = rooms.map((r) => r.roomId);
+
+        // First we expect the invites to be shown: 67, 53, 23, 5
+        const expectedInvites = sortedRoomIds.slice(0, 4);
+        expect(expectedInvites).toEqual([roomIds[67], roomIds[53], roomIds[23], roomIds[5]]);
+
+        // Next we expect the calls to be shown
+        const expectedCalls = sortedRoomIds.slice(4, 7);
+        expect(expectedCalls).toEqual([roomIds[78], roomIds[66], roomIds[10]]);
+
+        // Next we expect the mentions
+        const expectedMentions = sortedRoomIds.slice(7, 10);
+        expect(expectedMentions).toEqual([roomIds[96], roomIds[40], roomIds[13]]);
+
+        // Next we expect the rooms that have count/ or was marked as unread
+        const expectedUnread = sortedRoomIds.slice(10, 14);
+        expect(expectedUnread).toEqual([roomIds[47], roomIds[28], roomIds[25], roomIds[12]]);
+
+        // Next we expect the rooms that have activity dot
+        const expectedDots = sortedRoomIds.slice(14, 20);
+        expect(expectedDots).toEqual([roomIds[74], roomIds[62], roomIds[61], roomIds[52], roomIds[50], roomIds[34]]);
+
+        // The bottom 4 rooms should be muted
+        const expectedMuted = sortedRoomIds.slice(96);
+        expect(expectedMuted).toEqual([roomIds[98], roomIds[80], roomIds[49], roomIds[24]]);
+
+        // The next 3 rooms from the bottom should be low priority rooms
+        const expectedLowPriority = sortedRoomIds.slice(93, 96);
+        expect(expectedLowPriority).toEqual([roomIds[76], roomIds[48], roomIds[6]]);
+    });
+});
diff --git a/test/unit-tests/stores/room-list-v3/sorters/utils/getLastTimestamp-test.ts b/test/unit-tests/stores/room-list-v3/sorters/utils/getLastTimestamp-test.ts
new file mode 100644
index 0000000000..796071ce47
--- /dev/null
+++ b/test/unit-tests/stores/room-list-v3/sorters/utils/getLastTimestamp-test.ts
@@ -0,0 +1,185 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { Room, type RoomState } from "matrix-js-sdk/src/matrix";
+import { KnownMembership } from "matrix-js-sdk/src/types";
+
+import { mkEvent, mkMessage, mkRoom, stubClient } from "../../../../../test-utils";
+import { getLastTimestamp } from "../../../../../../src/stores/room-list-v3/skip-list/sorters/utils/getLastTimestamp";
+
+describe("getLastTimestamp", () => {
+    it("should return last timestamp", () => {
+        const cli = stubClient();
+        const room = new Room("room123", cli, "@john:matrix.org");
+
+        const event1 = mkMessage({
+            room: room.roomId,
+            msg: "Hello world!",
+            user: "@alice:matrix.org",
+            ts: 5,
+            event: true,
+        });
+        const event2 = mkMessage({
+            room: room.roomId,
+            msg: "Howdy!",
+            user: "@bob:matrix.org",
+            ts: 10,
+            event: true,
+        });
+
+        room.getMyMembership = () => KnownMembership.Join;
+
+        room.addLiveEvents([event1], { addToState: true });
+        expect(getLastTimestamp(room, "@jane:matrix.org")).toBe(5);
+        expect(getLastTimestamp(room, "@john:matrix.org")).toBe(5);
+
+        room.addLiveEvents([event2], { addToState: true });
+
+        expect(getLastTimestamp(room, "@jane:matrix.org")).toBe(10);
+        expect(getLastTimestamp(room, "@john:matrix.org")).toBe(10);
+    });
+
+    it("should return timestamp of membership event if user not joined to room", () => {
+        const cli = stubClient();
+        const room = mkRoom(cli, "!new:example.org");
+        // Mock a membership event
+        jest.spyOn(room.getLiveTimeline(), "getState").mockImplementation((_) => {
+            return {
+                getStateEvents: () =>
+                    mkEvent({
+                        type: "m.room.member",
+                        user: "@john:matrix.org",
+                        content: {},
+                        ts: 500,
+                        event: true,
+                    }),
+            } as unknown as RoomState;
+        });
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Invite);
+        expect(getLastTimestamp(room, "@john:matrix.org")).toBe(500);
+    });
+
+    it("should return bump stamp when using sliding sync", () => {
+        const cli = stubClient();
+        const room = new Room("room123", cli, "@john:matrix.org");
+
+        const event1 = mkMessage({
+            room: room.roomId,
+            msg: "Hello world!",
+            user: "@alice:matrix.org",
+            ts: 5,
+            event: true,
+        });
+        const event2 = mkMessage({
+            room: room.roomId,
+            msg: "Howdy!",
+            user: "@bob:matrix.org",
+            ts: 10,
+            event: true,
+        });
+
+        jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+        jest.spyOn(room, "getBumpStamp").mockReturnValue(314);
+        room.addLiveEvents([event1, event2], { addToState: true });
+        expect(getLastTimestamp(room, "@john:matrix.org")).toBe(314);
+    });
+
+    describe("membership event special cases", () => {
+        it("should consider event if membership has changed", () => {
+            const cli = stubClient();
+            const room = new Room("room123", cli, "@john:matrix.org");
+
+            const event1 = mkMessage({
+                room: room.roomId,
+                msg: "Hello world!",
+                user: "@alice:matrix.org",
+                ts: 5,
+                event: true,
+            });
+            // Display name change that should be ignored during timestamp calculation
+            const event2 = mkEvent({
+                type: "m.room.member",
+                user: "@john:matrix.org",
+                content: {
+                    membership: "leave",
+                },
+                prev_content: {
+                    membership: "join",
+                },
+                ts: 400,
+                event: true,
+            });
+
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            room.addLiveEvents([event1, event2], { addToState: true });
+
+            expect(getLastTimestamp(room, "@john:matrix.org")).toBe(400);
+        });
+
+        it("should skip display name changes", () => {
+            const cli = stubClient();
+            const room = new Room("room123", cli, "@john:matrix.org");
+
+            const event1 = mkMessage({
+                room: room.roomId,
+                msg: "Hello world!",
+                user: "@alice:matrix.org",
+                ts: 5,
+                event: true,
+            });
+            // Display name change that should be ignored during timestamp calculation
+            const event2 = mkEvent({
+                type: "m.room.member",
+                user: "@john:matrix.org",
+                content: {
+                    displayname: "bar",
+                },
+                prev_content: {
+                    displayname: "foo",
+                },
+                ts: 500,
+                event: true,
+            });
+
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            room.addLiveEvents([event1, event2], { addToState: true });
+
+            expect(getLastTimestamp(room, "@john:matrix.org")).toBe(5);
+        });
+
+        it("should skip avatar changes", () => {
+            const cli = stubClient();
+            const room = new Room("room123", cli, "@john:matrix.org");
+
+            const event1 = mkMessage({
+                room: room.roomId,
+                msg: "Hello world!",
+                user: "@alice:matrix.org",
+                ts: 5,
+                event: true,
+            });
+            // Avatar url change that should be ignored during timestamp calculation
+            const event2 = mkEvent({
+                type: "m.room.member",
+                user: "@john:matrix.org",
+                content: {
+                    avatar_url: "bar",
+                },
+                prev_content: {
+                    avatar_url: "foo",
+                },
+                ts: 500,
+                event: true,
+            });
+
+            jest.spyOn(room, "getMyMembership").mockReturnValue(KnownMembership.Join);
+            room.addLiveEvents([event1, event2], { addToState: true });
+
+            expect(getLastTimestamp(room, "@john:matrix.org")).toBe(5);
+        });
+    });
+});
diff --git a/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts b/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts
index 0f3602bd3a..a95a6ed958 100644
--- a/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts
+++ b/test/unit-tests/stores/widgets/ElementWidgetDriver-test.ts
@@ -7,7 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { mocked, type MockedObject } from "jest-mock";
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import {
     type MatrixClient,
     ClientEvent,
@@ -131,7 +131,8 @@ describe("ElementWidgetDriver", () => {
             "org.matrix.msc3819.receive.to_device:m.call.replaces",
             "org.matrix.msc4157.send.delayed_event",
             "org.matrix.msc4157.update_delayed_event",
-            "org.matrix.msc4354.send_sticky_event",
+            "org.matrix.msc4407.send.sticky_event",
+            "org.matrix.msc4407.receive.sticky_event",
             // RTC decline events (send/receive, unstable/stable)
             "org.matrix.msc2762.send.event:org.matrix.msc4310.rtc.decline",
             "org.matrix.msc2762.send.event:m.rtc.decline",
@@ -792,7 +793,7 @@ describe("ElementWidgetDriver", () => {
                 return null;
             });
 
-            fetchMockJest.get("https://example.com/_matrix/media/v3/download/example.com/test_file", "test contents");
+            fetchMock.get("https://example.com/_matrix/media/v3/download/example.com/test_file", "test contents");
 
             const result = await driver.downloadFile("mxc://example.com/test_file");
             // A type test is impossible here because of
diff --git a/test/unit-tests/submit-rageshake-test.ts b/test/unit-tests/submit-rageshake-test.ts
index f31102e3ba..0bb2006754 100644
--- a/test/unit-tests/submit-rageshake-test.ts
+++ b/test/unit-tests/submit-rageshake-test.ts
@@ -15,18 +15,20 @@ import {
     TypedEventEmitter,
     MatrixHttpApi,
 } from "matrix-js-sdk/src/matrix";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import { getMockClientWithEventEmitter, mockClientMethodsCrypto, mockPlatformPeg } from "../test-utils";
-import { collectBugReport } from "../../src/rageshake/submit-rageshake";
+import { collectBugReport, downloadBugReport, submitFeedback } from "../../src/rageshake/submit-rageshake";
 import SettingsStore from "../../src/settings/SettingsStore";
 import { type ConsoleLogger } from "../../src/rageshake/rageshake";
 import { type FeatureSettingKey, type SettingKey } from "../../src/settings/Settings.tsx";
 import { SettingLevel } from "../../src/settings/SettingLevel.ts";
+import SdkConfig from "../../src/SdkConfig.ts";
+import { BugReportEndpointURLLocal } from "../../src/IConfigOptions.ts";
+import { Notifier } from "../../src/Notifier.ts";
+import { MatrixClientPeg } from "../../src/MatrixClientPeg.ts";
 
 describe("Rageshakes", () => {
-    const RUST_CRYPTO_VERSION = "Rust SDK 0.7.0 (691ec63), Vodozemac 0.5.0";
-    const OLM_CRYPTO_VERSION = "Olm 3.2.15";
     let mockClient: Mocked<MatrixClient>;
     const mockHttpAPI: MatrixHttpApi<IHttpOpts & { onlyData: true }> = new MatrixHttpApi(
         new TypedEventEmitter<HttpApiEvent, HttpApiEventHandlerMap>(),
@@ -36,8 +38,6 @@ describe("Rageshakes", () => {
             onlyData: true,
         },
     );
-    let windowSpy: jest.SpyInstance;
-    let mockWindow: Mocked<Window>;
 
     beforeEach(() => {
         mockClient = getMockClientWithEventEmitter({
@@ -53,21 +53,12 @@ describe("Rageshakes", () => {
             ed25519: "",
             curve25519: "",
         });
-        mockWindow = {
-            matchMedia: jest.fn().mockReturnValue({ matches: false }),
-            navigator: {
-                userAgent: "",
-            },
-        } as unknown as Mocked<Window>;
-        // @ts-ignore - We just need partial mock
-        windowSpy = jest.spyOn(global, "window", "get").mockReturnValue(mockWindow);
 
-        fetchMock.restore();
-        fetchMock.catch(404);
+        jest.spyOn(window, "matchMedia").mockReturnValue({ matches: false } as any);
     });
 
     afterEach(() => {
-        windowSpy.mockRestore();
+        jest.restoreAllMocks();
     });
 
     describe("Basic Information", () => {
@@ -99,7 +90,7 @@ describe("Rageshakes", () => {
         ];
 
         it.each(mediaQueryTests)("should collect %s", async (_, query, label, matches) => {
-            mocked(mockWindow.matchMedia).mockImplementation((q): MediaQueryList => {
+            mocked(window.matchMedia).mockImplementation((q): MediaQueryList => {
                 if (q === query) {
                     return { matches: matches } as unknown as MediaQueryList;
                 }
@@ -141,13 +132,13 @@ describe("Rageshakes", () => {
         });
 
         it("should collect user agent", async () => {
-            jest.replaceProperty(mockWindow.navigator, "userAgent", "jest navigator");
+            jest.spyOn(window.navigator, "userAgent", "get").mockReturnValue("jest navigator");
             const formData = await collectBugReport();
             const userAgent = formData.get("user_agent");
             expect(userAgent).toBe("jest navigator");
 
             // @ts-ignore - Need to force navigator to be undefined for test
-            jest.replaceProperty(mockWindow, "navigator", undefined);
+            jest.spyOn(window.navigator, "userAgent", "get").mockReturnValue(undefined);
             const formDataWithoutNav = await collectBugReport();
             expect(formDataWithoutNav.get("user_agent")).toBe("UNKNOWN");
         });
@@ -310,10 +301,6 @@ describe("Rageshakes", () => {
     });
 
     describe("Synapse info", () => {
-        beforeEach(() => {
-            fetchMock.reset();
-        });
-
         it("should collect synapse admin keys if available", async () => {
             fetchMock.get("path:/_synapse/admin/v1/server_version", {
                 server_version: "1.101.0 (b=matrix-org-hotfixes,6dbedcf601)",
@@ -371,7 +358,9 @@ describe("Rageshakes", () => {
     });
 
     describe("Settings Store", () => {
-        const mockSettingsStore = mocked(SettingsStore);
+        beforeEach(() => {
+            jest.spyOn(Notifier, "isPossible").mockReturnValue(true);
+        });
 
         afterEach(() => {
             jest.restoreAllMocks();
@@ -383,8 +372,8 @@ describe("Rageshakes", () => {
                 "feature_notification_settings2",
             ] as unknown[] as FeatureSettingKey[];
             const enabledFeatures: SettingKey[] = ["feature_video_rooms"];
-            jest.spyOn(mockSettingsStore, "getFeatureSettingNames").mockReturnValue(someFeatures);
-            jest.spyOn(mockSettingsStore, "getValue").mockImplementation((settingName): any => {
+            jest.spyOn(SettingsStore, "getFeatureSettingNames").mockReturnValue(someFeatures);
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
                 return enabledFeatures.includes(settingName);
             });
 
@@ -393,7 +382,7 @@ describe("Rageshakes", () => {
         });
 
         it("should collect low bandWidth enabled", async () => {
-            jest.spyOn(mockSettingsStore, "getValue").mockImplementation((settingName): any => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
                 if (settingName == "lowBandwidth") {
                     return true;
                 }
@@ -403,7 +392,7 @@ describe("Rageshakes", () => {
             expect(formData.get("lowBandwidth")).toBe("enabled");
         });
         it("should collect low bandWidth disabled", async () => {
-            jest.spyOn(mockSettingsStore, "getValue").mockImplementation((settingName): any => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName): any => {
                 if (settingName == "lowBandwidth") {
                     return false;
                 }
@@ -412,6 +401,28 @@ describe("Rageshakes", () => {
             const formData = await collectBugReport();
             expect(formData.get("lowBandwidth")).toBeNull();
         });
+
+        it("should handle settings throwing when logged out", async () => {
+            jest.mocked(MatrixClientPeg.get).mockRestore();
+            jest.mocked(MatrixClientPeg.safeGet).mockRestore();
+            jest.spyOn(Notifier, "isPossible").mockImplementation(() => {
+                throw new Error("Test");
+            });
+
+            const formData = await collectBugReport();
+            expect(JSON.parse(formData.get("mx_local_settings") as string)["notificationsEnabled"]).toBe(
+                "Failed to read setting!",
+            );
+        });
+
+        it("should handle reading notification settings when logged out", async () => {
+            jest.mocked(MatrixClientPeg.get).mockRestore();
+            jest.mocked(MatrixClientPeg.safeGet).mockRestore();
+            jest.spyOn(Notifier, "isPossible").mockReturnValue(true);
+
+            const formData = await collectBugReport();
+            expect(JSON.parse(formData.get("mx_local_settings") as string)["notificationsEnabled"]).toBe(false);
+        });
     });
 
     describe("Navigator Storage", () => {
@@ -445,11 +456,9 @@ describe("Rageshakes", () => {
             // @ts-ignore - Need to mock the safari
             jest.replaceProperty(mockNavigator, "storage", undefined);
 
-            const mockDocument = {
+            const spy = jest.spyOn(global, "document", "get").mockReturnValue({
                 hasStorageAccess: jest.fn().mockReturnValue(true),
-            } as unknown as Mocked<Document>;
-
-            const spy = jest.spyOn(global, "document", "get").mockReturnValue(mockDocument);
+            } as any);
 
             const formData = await collectBugReport();
             expect(formData.get("storageManager_persisted")).toBe("true");
@@ -489,14 +498,12 @@ describe("Rageshakes", () => {
             crypto: true,
         };
         const disabledFeatures = ["cssanimations", "d0", "d1"];
-        const mockWindow = {
+        const windowSpy = jest.spyOn(global, "window", "get").mockReturnValue({
             matchMedia: jest.fn().mockReturnValue({ matches: false }),
             Modernizr: {
                 ...allFeatures,
             },
-        } as unknown as Mocked<Window>;
-        // @ts-ignore - We just need partial mock
-        const windowSpy = jest.spyOn(global, "window", "get").mockReturnValue(mockWindow);
+        } as any);
 
         const formData = await collectBugReport();
 
@@ -518,7 +525,7 @@ describe("Rageshakes", () => {
         expect(settingsData.showHiddenEventsInTimeline).toEqual(true);
     });
 
-    it("should collect logs", async () => {
+    it("should collect logs for collectBugReport", async () => {
         const mockConsoleLogger = {
             flush: jest.fn(),
             consume: jest.fn(),
@@ -536,50 +543,35 @@ describe("Rageshakes", () => {
         }
     });
 
-    describe("A-Element-R label", () => {
-        test("should add A-Element-R label if rust crypto", async () => {
-            mocked(mockClient.getCrypto()!.getVersion).mockReturnValue(RUST_CRYPTO_VERSION);
+    it("should collect logs for downloadBugReport", async () => {
+        const mockConsoleLogger = {
+            flush: jest.fn(),
+            consume: jest.fn(),
+            warn: jest.fn(),
+        } as unknown as Mocked<ConsoleLogger>;
+        mockConsoleLogger.flush.mockReturnValue("line 1\nline 2\n");
 
-            const formData = await collectBugReport();
-            const labelNames = formData.getAll("label");
-            expect(labelNames).toContain("A-Element-R");
-        });
-
-        test("should add A-Element-R label if rust crypto and new version", async () => {
-            mocked(mockClient.getCrypto()!.getVersion).mockReturnValue("Rust SDK 0.9.3 (909d09fd), Vodozemac 0.8.1");
-
-            const formData = await collectBugReport();
-            const labelNames = formData.getAll("label");
-            expect(labelNames).toContain("A-Element-R");
-        });
-
-        test("should not add A-Element-R label if not rust crypto", async () => {
-            mocked(mockClient.getCrypto()!.getVersion).mockReturnValue(OLM_CRYPTO_VERSION);
-
-            const formData = await collectBugReport();
-            const labelNames = formData.getAll("label");
-            expect(labelNames).not.toContain("A-Element-R");
-        });
-
-        test("should add A-Element-R label to the set of requested labels", async () => {
-            mocked(mockClient.getCrypto()!.getVersion).mockReturnValue(RUST_CRYPTO_VERSION);
-
-            const formData = await collectBugReport({
-                labels: ["Z-UISI", "Foo"],
-            });
-            const labelNames = formData.getAll("label");
-            expect(labelNames).toContain("A-Element-R");
-            expect(labelNames).toContain("Z-UISI");
-            expect(labelNames).toContain("Foo");
-        });
-
-        test("should not panic if there is no crypto", async () => {
-            mocked(mockClient.getCrypto).mockReturnValue(undefined);
-
-            const formData = await collectBugReport();
-            const labelNames = formData.getAll("label");
-            expect(labelNames).not.toContain("A-Element-R");
-        });
+        const prevLogger = global.mx_rage_logger;
+        global.mx_rage_logger = mockConsoleLogger;
+        const mockElement = {
+            href: "",
+            download: "",
+            click: jest.fn(),
+        };
+        jest.spyOn(document, "createElement").mockReturnValue(mockElement as any);
+        jest.spyOn(document, "body", "get").mockReturnValue({
+            appendChild: jest.fn(),
+            removeChild: jest.fn(),
+        } as any);
+        try {
+            await downloadBugReport({ sendLogs: true });
+        } finally {
+            global.mx_rage_logger = prevLogger;
+        }
+        expect(document.createElement).toHaveBeenCalledWith("a");
+        expect(mockElement.href).toMatch(/^data:application\/octet-stream;base64,.+/);
+        expect(mockElement.download).toEqual("rageshake.tar");
+        expect(mockElement.click).toHaveBeenCalledWith();
     });
 
     it("should notify progress", () => {
@@ -589,4 +581,22 @@ describe("Rageshakes", () => {
 
         expect(progressCallback).toHaveBeenCalled();
     });
+
+    describe("submitFeedback", () => {
+        afterEach(() => {
+            SdkConfig.reset();
+        });
+        it("fails if the URL is not defined", async () => {
+            SdkConfig.put({ bug_report_endpoint_url: undefined });
+            await expect(() => submitFeedback("label", "comment")).rejects.toThrow(
+                "Bug report URL is not set or local",
+            );
+        });
+        it("fails if the URL is 'local'", async () => {
+            SdkConfig.put({ bug_report_endpoint_url: BugReportEndpointURLLocal });
+            await expect(() => submitFeedback("label", "comment")).rejects.toThrow(
+                "Bug report URL is not set or local",
+            );
+        });
+    });
 });
diff --git a/test/unit-tests/theme-test.ts b/test/unit-tests/theme-test.ts
index d9622b5c0d..5c55bc7cae 100644
--- a/test/unit-tests/theme-test.ts
+++ b/test/unit-tests/theme-test.ts
@@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import SettingsStore from "../../src/settings/SettingsStore";
+import { FontWatcher } from "../../src/settings/watchers/FontWatcher";
 import { enumerateThemes, getOrderedThemes, setTheme } from "../../src/theme";
 
 describe("theme", () => {
@@ -223,4 +224,45 @@ describe("theme", () => {
             ]);
         });
     });
+
+    describe("clearCustomTheme", () => {
+        beforeEach(() => {
+            // Reset document state
+            document.body.style.cssText = "";
+            document.head.querySelectorAll("style[title^='custom-theme-']").forEach((el) => el.remove());
+        });
+
+        it("should not remove font family custom properties", async () => {
+            // Mock theme elements
+            const lightTheme = {
+                dataset: { mxTheme: "light" },
+                disabled: true,
+                href: "fake URL",
+                onload: (): void => void 0,
+            } as unknown as HTMLStyleElement;
+
+            const removePropertySpy = jest.fn();
+            const styleObject = {
+                0: FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY,
+                1: FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY,
+                2: "--custom-color",
+                length: 3,
+                removeProperty: removePropertySpy,
+            };
+            jest.spyOn(document.body, "style", "get").mockReturnValue(styleObject as any);
+            jest.spyOn(document, "querySelectorAll").mockReturnValue([lightTheme] as any);
+
+            // Trigger clearCustomTheme via setTheme
+            await new Promise((resolve) => {
+                setTheme("light").then(resolve);
+                lightTheme.onload!({} as Event);
+            });
+
+            // Check that font properties were NOT removed
+            expect(removePropertySpy).not.toHaveBeenCalledWith(FontWatcher.FONT_FAMILY_CUSTOM_PROPERTY);
+            expect(removePropertySpy).not.toHaveBeenCalledWith(FontWatcher.EMOJI_FONT_FAMILY_CUSTOM_PROPERTY);
+            // But custom color should be removed
+            expect(removePropertySpy).toHaveBeenCalledWith("--custom-color");
+        });
+    });
 });
diff --git a/test/unit-tests/toasts/IncomingCallToast-test.tsx b/test/unit-tests/toasts/IncomingCallToast-test.tsx
index c5d973ea2e..0d5e152639 100644
--- a/test/unit-tests/toasts/IncomingCallToast-test.tsx
+++ b/test/unit-tests/toasts/IncomingCallToast-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React from "react";
 import { render, screen, cleanup, fireEvent, waitFor } from "jest-matrix-react";
-import { type Mock, mocked, type Mocked } from "jest-mock";
+import { mocked, type Mocked } from "jest-mock";
 import {
     Room,
     RoomStateEvent,
@@ -23,6 +23,7 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { Widget } from "matrix-widget-api";
 import { type IRTCNotificationContent } from "matrix-js-sdk/src/matrixrtc";
+import { randomUUID } from "node:crypto";
 
 import {
     useMockedCalls,
@@ -65,7 +66,7 @@ describe("IncomingCallToast", () => {
     } as unknown as DMRoomMap;
     const toastStore = {
         dismissToast: jest.fn(),
-    } as unknown as ToastStore;
+    } as unknown as Mocked<ToastStore>;
 
     beforeEach(async () => {
         stubClient();
@@ -118,6 +119,7 @@ describe("IncomingCallToast", () => {
 
         jest.spyOn(DMRoomMap, "shared").mockReturnValue(dmRoomMap);
         jest.spyOn(ToastStore, "sharedInstance").mockReturnValue(toastStore);
+        toastStore.dismissToast.mockReset();
     });
 
     afterEach(async () => {
@@ -128,13 +130,20 @@ describe("IncomingCallToast", () => {
         jest.restoreAllMocks();
     });
 
-    const renderToast = () => {
+    const renderToast = (): string => {
+        const callId = randomUUID();
         call.event.getContent = () =>
             ({
-                call_id: "",
+                call_id: callId,
                 getRoomId: () => room.roomId,
             }) as any;
-        render(<IncomingCallToast notificationEvent={notificationEvent} />);
+        render(
+            <IncomingCallToast
+                notificationEvent={notificationEvent}
+                toastKey={getIncomingCallToastKey(callId, room.roomId)}
+            />,
+        );
+        return callId;
     };
 
     it("correctly shows all the information", () => {
@@ -159,7 +168,7 @@ describe("IncomingCallToast", () => {
         };
 
         const playMock = jest.spyOn(LegacyCallHandler.instance, "play");
-        render(<IncomingCallToast notificationEvent={notificationEvent} />);
+        render(<IncomingCallToast notificationEvent={notificationEvent} toastKey="" />);
         expect(playMock).toHaveBeenCalled();
     });
 
@@ -176,7 +185,7 @@ describe("IncomingCallToast", () => {
     });
 
     it("opens the call directly and closes the toast when pressing on the join button", async () => {
-        renderToast();
+        const callId = renderToast();
 
         const dispatcherSpy = jest.fn();
         const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
@@ -193,16 +202,14 @@ describe("IncomingCallToast", () => {
             }),
         );
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
 
         defaultDispatcher.unregister(dispatcherRef);
     });
 
     it("opens the call lobby and closes the toast when configured like that", async () => {
-        renderToast();
+        const callId = renderToast();
 
         const dispatcherSpy = jest.fn();
         const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
@@ -221,16 +228,14 @@ describe("IncomingCallToast", () => {
             }),
         );
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
 
         defaultDispatcher.unregister(dispatcherRef);
     });
 
     it("Dismiss toast if user starts call and skips lobby when using shift key click", async () => {
-        renderToast();
+        const callId = renderToast();
 
         const dispatcherSpy = jest.fn();
         const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
@@ -246,16 +251,14 @@ describe("IncomingCallToast", () => {
             }),
         );
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
 
         defaultDispatcher.unregister(dispatcherRef);
     });
 
     it("Dismiss toast if user joins with a remote device", async () => {
-        renderToast();
+        const callId = renderToast();
 
         const dispatcherSpy = jest.fn();
         const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
@@ -267,32 +270,28 @@ describe("IncomingCallToast", () => {
         );
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
 
         defaultDispatcher.unregister(dispatcherRef);
     });
 
     it("closes the toast", async () => {
-        renderToast();
+        const callId = renderToast();
 
         const dispatcherSpy = jest.fn();
         const dispatcherRef = defaultDispatcher.register(dispatcherSpy);
 
         fireEvent.click(screen.getByRole("button", { name: "Close" }));
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
 
         defaultDispatcher.unregister(dispatcherRef);
     });
 
     it("closes toast when the call lobby is viewed", async () => {
-        renderToast();
+        const callId = renderToast();
 
         defaultDispatcher.dispatch({
             action: Action.ViewRoom,
@@ -301,39 +300,42 @@ describe("IncomingCallToast", () => {
         });
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
     it("closes toast when the call event is redacted", async () => {
-        renderToast();
+        const callId = renderToast();
 
         const event = room.currentState.getStateEvents(MockedCall.EVENT_TYPE, "1")!;
-        event.emit(MatrixEventEvent.BeforeRedaction, event, {} as unknown as MatrixEvent);
+        room.emit(MatrixEventEvent.BeforeRedaction, event, {} as unknown as MatrixEvent);
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
+        );
+    });
+
+    it("closes toast when the notification event is redacted", async () => {
+        const callId = renderToast();
+
+        room.emit(MatrixEventEvent.BeforeRedaction, notificationEvent, {} as unknown as MatrixEvent);
+
+        await waitFor(() =>
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
     it("closes toast when the matrixRTC session has ended", async () => {
-        renderToast();
+        const callId = renderToast();
         call.destroy();
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
     it("closes toast when a decline event was received", async () => {
-        (toastStore.dismissToast as Mock).mockReset();
-        renderToast();
+        const callId = renderToast();
 
         room.emit(
             RoomEvent.Timeline,
@@ -350,15 +352,12 @@ describe("IncomingCallToast", () => {
         );
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
     it("does not close toast when a decline event for another user was received", async () => {
-        (toastStore.dismissToast as Mock).mockReset();
-        renderToast();
+        const callId = renderToast();
 
         room.emit(
             RoomEvent.Timeline,
@@ -375,15 +374,13 @@ describe("IncomingCallToast", () => {
         );
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).not.toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).not.toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
     it("does not close toast when a decline event for another notification Event was received", async () => {
-        (toastStore.dismissToast as Mock).mockReset();
         renderToast();
+        const callId = renderToast();
 
         room.emit(
             RoomEvent.Timeline,
@@ -400,16 +397,12 @@ describe("IncomingCallToast", () => {
         );
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).not.toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).not.toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
     it("sends a decline event when clicking the decline button and only dismiss after sending", async () => {
-        (toastStore.dismissToast as Mock).mockReset();
-
-        renderToast();
+        const callId = renderToast();
 
         const { promise, resolve } = Promise.withResolvers<ISendEventResponse>();
         client.sendRtcDecline.mockImplementation(() => {
@@ -418,17 +411,13 @@ describe("IncomingCallToast", () => {
 
         fireEvent.click(screen.getByRole("button", { name: "Decline" }));
 
-        expect(toastStore.dismissToast).not.toHaveBeenCalledWith(
-            getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-        );
+        expect(toastStore.dismissToast).not.toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId));
         expect(client.sendRtcDecline).toHaveBeenCalledWith("!1:example.org", "$notificationEventId");
 
         resolve({ event_id: "$declineEventId" });
 
         await waitFor(() =>
-            expect(toastStore.dismissToast).toHaveBeenCalledWith(
-                getIncomingCallToastKey(notificationEvent.getId()!, room.roomId),
-            ),
+            expect(toastStore.dismissToast).toHaveBeenCalledWith(getIncomingCallToastKey(callId, room.roomId)),
         );
     });
 
diff --git a/test/unit-tests/toasts/SetupEncryptionToast-test.tsx b/test/unit-tests/toasts/SetupEncryptionToast-test.tsx
index c96e5c1673..52c19984bc 100644
--- a/test/unit-tests/toasts/SetupEncryptionToast-test.tsx
+++ b/test/unit-tests/toasts/SetupEncryptionToast-test.tsx
@@ -189,6 +189,17 @@ describe("SetupEncryptionToast", () => {
                 props: { initialEncryptionState: "change_recovery_key" },
             });
         });
+
+        it("should dismiss the toast when the close button is clicked", async () => {
+            jest.spyOn(DeviceListener.sharedInstance(), "dismissEncryptionSetup");
+
+            act(() => showToast("key_storage_out_of_sync"));
+
+            const user = userEvent.setup();
+            await user.click(await screen.findByRole("button", { name: "Close" }));
+
+            expect(DeviceListener.sharedInstance().dismissEncryptionSetup).toHaveBeenCalled();
+        });
     });
 
     describe("Turn on key storage", () => {
diff --git a/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap b/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap
index 03c4f2e3b1..2113c95133 100644
--- a/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap
+++ b/test/unit-tests/toasts/__snapshots__/IncomingLegacyCallToast-test.tsx.snap
@@ -4,27 +4,66 @@ exports[`<IncomingLegacyCallToast /> renders disabled silenced button when call
 <div
   aria-disabled="true"
   aria-label="Notifications silenced"
-  class="mx_AccessibleButton mx_IncomingLegacyCallToast_iconButton mx_IncomingLegacyCallToast_unSilence mx_AccessibleButton_disabled"
+  class="mx_AccessibleButton mx_IncomingLegacyCallToast_iconButton mx_AccessibleButton_disabled"
   disabled=""
   role="button"
   tabindex="0"
-/>
+>
+  <svg
+    fill="currentColor"
+    height="1em"
+    viewBox="0 0 24 24"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.5 3.5a1 1 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2l3.293 3.293c.63.63 1.707.184 1.707-.707v-3.758l7.086 7.086A1 1 0 0 0 20.5 20.5l-2.136-2.136.003-.003-1.414-1.414-.003.003-1.414-1.414.003-.003-1.415-1.415-.002.003L12 12v-.006L7.503 7.497 7.5 7.5zm11.496 8.662 1.661 1.66c.222-.564.343-1.18.343-1.822 0-1.38-.56-2.632-1.464-3.536a1 1 0 1 0-1.414 1.414 3 3 0 0 1 .874 2.284m3.164 3.165 1.462 1.46A8.96 8.96 0 0 0 21 12a8.98 8.98 0 0 0-2.636-6.364A1 1 0 0 0 16.95 7.05 6.98 6.98 0 0 1 19 12a7 7 0 0 1-.84 3.326M8.917 6.083 12 9.166V5.414c0-.89-1.077-1.337-1.707-.707z"
+    />
+  </svg>
+</div>
 `;
 
 exports[`<IncomingLegacyCallToast /> renders sound on button when call is silenced 1`] = `
 <div
   aria-label="Sound on"
-  class="mx_AccessibleButton mx_IncomingLegacyCallToast_iconButton mx_IncomingLegacyCallToast_unSilence"
+  class="mx_AccessibleButton mx_IncomingLegacyCallToast_iconButton"
   role="button"
   tabindex="0"
-/>
+>
+  <svg
+    fill="currentColor"
+    height="1em"
+    viewBox="0 0 24 24"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.5 3.5a1 1 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2l3.293 3.293c.63.63 1.707.184 1.707-.707v-3.758l7.086 7.086A1 1 0 0 0 20.5 20.5l-2.136-2.136.003-.003-1.414-1.414-.003.003-1.414-1.414.003-.003-1.415-1.415-.002.003L12 12v-.006L7.503 7.497 7.5 7.5zm11.496 8.662 1.661 1.66c.222-.564.343-1.18.343-1.822 0-1.38-.56-2.632-1.464-3.536a1 1 0 1 0-1.414 1.414 3 3 0 0 1 .874 2.284m3.164 3.165 1.462 1.46A8.96 8.96 0 0 0 21 12a8.98 8.98 0 0 0-2.636-6.364A1 1 0 0 0 16.95 7.05 6.98 6.98 0 0 1 19 12a7 7 0 0 1-.84 3.326M8.917 6.083 12 9.166V5.414c0-.89-1.077-1.337-1.707-.707z"
+    />
+  </svg>
+</div>
 `;
 
 exports[`<IncomingLegacyCallToast /> renders when silence button when call is not silenced 1`] = `
 <div
   aria-label="Silence call"
-  class="mx_AccessibleButton mx_IncomingLegacyCallToast_iconButton mx_IncomingLegacyCallToast_silence"
+  class="mx_AccessibleButton mx_IncomingLegacyCallToast_iconButton"
   role="button"
   tabindex="0"
-/>
+>
+  <svg
+    fill="currentColor"
+    height="1em"
+    viewBox="0 0 24 24"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3 14v-4a2 2 0 0 1 2-2h2l3.293-3.293c.63-.63 1.707-.184 1.707.707v13.172c0 .89-1.077 1.337-1.707.707L7 16H5a2 2 0 0 1-2-2m11.122-5.536a1 1 0 0 1 1.414 0A5 5 0 0 1 17 12c0 1.38-.56 2.632-1.464 3.536a1 1 0 0 1-1.415-1.415 3 3 0 0 0 .88-2.121c0-.829-.335-1.577-.88-2.121a1 1 0 0 1 0-1.415"
+    />
+    <path
+      d="M16.95 5.636a1 1 0 0 1 1.414 0A8.98 8.98 0 0 1 21 12a8.98 8.98 0 0 1-2.636 6.364 1 1 0 0 1-1.414-1.414A6.98 6.98 0 0 0 19 12a6.98 6.98 0 0 0-2.05-4.95 1 1 0 0 1 0-1.414"
+    />
+  </svg>
+</div>
 `;
diff --git a/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap b/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap
index ab34e13fda..4e02f704ad 100644
--- a/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap
+++ b/test/unit-tests/toasts/__snapshots__/UnverifiedSessionToast-test.tsx.snap
@@ -30,9 +30,6 @@ exports[`UnverifiedSessionToast when rendering the toast should render as expect
           >
             New login. Was this you?
           </h2>
-          <span
-            class="mx_Toast_title_countIndicator"
-          />
         </div>
         <div
           class="mx_Toast_body"
@@ -62,7 +59,7 @@ exports[`UnverifiedSessionToast when rendering the toast should render as expect
               class="mx_Toast_buttons"
             >
               <button
-                class="_button_187yx_8 _destructive_187yx_107"
+                class="_button_13vu4_8 _destructive_13vu4_110"
                 data-kind="secondary"
                 data-size="sm"
                 role="button"
@@ -71,7 +68,7 @@ exports[`UnverifiedSessionToast when rendering the toast should render as expect
                 No
               </button>
               <button
-                class="_button_187yx_8"
+                class="_button_13vu4_8"
                 data-kind="primary"
                 data-size="sm"
                 role="button"
diff --git a/test/unit-tests/utils/AutoDiscoveryUtils-test.tsx b/test/unit-tests/utils/AutoDiscoveryUtils-test.tsx
index 85d6309f07..19abc4f041 100644
--- a/test/unit-tests/utils/AutoDiscoveryUtils-test.tsx
+++ b/test/unit-tests/utils/AutoDiscoveryUtils-test.tsx
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { AutoDiscovery, AutoDiscoveryAction, type ClientConfig } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import AutoDiscoveryUtils from "../../../src/utils/AutoDiscoveryUtils";
 import { mockOpenIdConfiguration } from "../../test-utils/oidc";
@@ -152,7 +152,7 @@ describe("AutoDiscoveryUtils", () => {
             };
             await expect(() =>
                 AutoDiscoveryUtils.buildValidatedConfigFromDiscovery(serverName, discoveryResult),
-            ).rejects.toThrow("Invalid URL: banana");
+            ).rejects.toThrow("Invalid URL");
         });
 
         it("uses hs url hostname when serverName is falsy in args and config", async () => {
diff --git a/test/unit-tests/utils/Feedback-test.ts b/test/unit-tests/utils/Feedback-test.ts
index a0e04df2e8..089b1cefc1 100644
--- a/test/unit-tests/utils/Feedback-test.ts
+++ b/test/unit-tests/utils/Feedback-test.ts
@@ -6,33 +6,54 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import { mocked } from "jest-mock";
-
 import SdkConfig from "../../../src/SdkConfig";
 import { shouldShowFeedback } from "../../../src/utils/Feedback";
 import SettingsStore from "../../../src/settings/SettingsStore";
+import { UIFeature } from "../../../src/settings/UIFeature";
+import { BugReportEndpointURLLocal } from "../../../src/IConfigOptions";
 
-jest.mock("../../../src/SdkConfig");
-jest.mock("../../../src/settings/SettingsStore");
+const realGetValue = SettingsStore.getValue;
 
 describe("shouldShowFeedback", () => {
+    afterEach(() => {
+        SdkConfig.reset();
+        jest.restoreAllMocks();
+    });
+
     it("should return false if bug_report_endpoint_url is falsey", () => {
-        mocked(SdkConfig).get.mockReturnValue({
-            bug_report_endpoint_url: null,
+        SdkConfig.put({
+            bug_report_endpoint_url: undefined,
         });
-        expect(shouldShowFeedback()).toBeFalsy();
+        expect(shouldShowFeedback()).toEqual(false);
+    });
+
+    it("should return false if bug_report_endpoint_url is 'test'", () => {
+        SdkConfig.put({
+            bug_report_endpoint_url: BugReportEndpointURLLocal,
+        });
+        expect(shouldShowFeedback()).toEqual(false);
     });
 
     it("should return false if UIFeature.Feedback is disabled", () => {
-        mocked(SettingsStore).getValue.mockReturnValue(false);
-        expect(shouldShowFeedback()).toBeFalsy();
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((key, ...params) => {
+            if (key === UIFeature.Feedback) {
+                return false;
+            }
+            return realGetValue(key, ...params);
+        });
+        expect(shouldShowFeedback()).toEqual(false);
     });
 
     it("should return true if bug_report_endpoint_url is set and UIFeature.Feedback is true", () => {
-        mocked(SdkConfig).get.mockReturnValue({
+        SdkConfig.put({
             bug_report_endpoint_url: "https://rageshake.server",
         });
-        mocked(SettingsStore).getValue.mockReturnValue(true);
-        expect(shouldShowFeedback()).toBeTruthy();
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((key, ...params) => {
+            if (key === UIFeature.Feedback) {
+                return true;
+            }
+            return realGetValue(key, ...params);
+        });
+        expect(shouldShowFeedback()).toEqual(true);
     });
 });
diff --git a/test/unit-tests/utils/MegolmExportEncryption-test.ts b/test/unit-tests/utils/MegolmExportEncryption-test.ts
index 0d963ec11a..1719313795 100644
--- a/test/unit-tests/utils/MegolmExportEncryption-test.ts
+++ b/test/unit-tests/utils/MegolmExportEncryption-test.ts
@@ -59,8 +59,8 @@ const TEST_VECTORS = [
     ],
 ];
 
-function stringToArray(s: string): ArrayBufferLike {
-    return new TextEncoder().encode(s).buffer;
+function stringToArray(s: string): ArrayBuffer {
+    return new TextEncoder().encode(s).buffer as ArrayBuffer;
 }
 
 describe("MegolmExportEncryption", function () {
diff --git a/test/unit-tests/Reply-test.ts b/test/unit-tests/utils/Reply-test.ts
similarity index 66%
rename from test/unit-tests/Reply-test.ts
rename to test/unit-tests/utils/Reply-test.ts
index be354632d4..6755480a7a 100644
--- a/test/unit-tests/Reply-test.ts
+++ b/test/unit-tests/utils/Reply-test.ts
@@ -8,8 +8,8 @@ Please see LICENSE files in the repository root for full details.
 
 import { Room } from "matrix-js-sdk/src/matrix";
 
-import { getParentEventId, shouldDisplayReply, stripHTMLReply, stripPlainReply } from "../../src/utils/Reply";
-import { mkEvent, stubClient } from "../test-utils";
+import { getParentEventId, shouldDisplayReply, stripHTMLReply, stripPlainReply } from "../../../src/utils/Reply";
+import { mkEvent, stubClient } from "../../test-utils";
 
 // don't litter test console with logs
 jest.mock("matrix-js-sdk/src/logger");
@@ -59,6 +59,51 @@ describe("Reply", () => {
 
             expect(getParentEventId(event)).toBe("$event1");
         });
+
+        it("returns id of relation reply from original event when edited", () => {
+            const originalEventWithRelation = mkEvent({
+                event: true,
+                type: "m.room.message",
+                content: {
+                    "msgtype": "m.text",
+                    "body": "> Reply to this message\n\n foo",
+                    "m.relates_to": {
+                        "m.in_reply_to": {
+                            event_id: "$qkjmFBTEc0VvfVyzq1CJuh1QZi_xDIgNEFjZ4Pq34og",
+                        },
+                    },
+                },
+                user: "some_other_user",
+                room: "room_id",
+            });
+
+            const editEvent = mkEvent({
+                event: true,
+                type: "m.room.message",
+                content: {
+                    "msgtype": "m.text",
+                    "body": "> Reply to this message\n\n * foo bar",
+                    "m.new_content": {
+                        msgtype: "m.text",
+                        body: "foo bar",
+                    },
+                    "m.relates_to": {
+                        rel_type: "m.replace",
+                        event_id: originalEventWithRelation.getId(),
+                    },
+                },
+                user: "some_other_user",
+                room: "room_id",
+            });
+
+            // The edit replaces the original event
+            originalEventWithRelation.makeReplaced(editEvent);
+
+            // The relation should be pulled from the original event
+            expect(getParentEventId(originalEventWithRelation)).toStrictEqual(
+                "$qkjmFBTEc0VvfVyzq1CJuh1QZi_xDIgNEFjZ4Pq34og",
+            );
+        });
     });
 
     describe("stripPlainReply", () => {
diff --git a/test/unit-tests/utils/StorageAccess-test.ts b/test/unit-tests/utils/StorageAccess-test.ts
index 73a5454bae..c96e3cd2ef 100644
--- a/test/unit-tests/utils/StorageAccess-test.ts
+++ b/test/unit-tests/utils/StorageAccess-test.ts
@@ -6,7 +6,6 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import "core-js/stable/structured-clone"; // for idb access
 import "fake-indexeddb/auto";
 
 import { idbDelete, idbLoad, idbSave } from "../../../src/utils/StorageAccess";
diff --git a/test/unit-tests/utils/exportUtils/HTMLExport-test.ts b/test/unit-tests/utils/exportUtils/HTMLExport-test.ts
index 0ef71463bb..102b4b4901 100644
--- a/test/unit-tests/utils/exportUtils/HTMLExport-test.ts
+++ b/test/unit-tests/utils/exportUtils/HTMLExport-test.ts
@@ -20,7 +20,7 @@ import {
     RoomMember,
     RoomState,
 } from "matrix-js-sdk/src/matrix";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import escapeHtml from "escape-html";
 import { type RelationsContainer } from "matrix-js-sdk/src/models/relations-container";
 import { mocked } from "jest-mock";
diff --git a/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap b/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
index 550d25ea7d..f0903c5b16 100644
--- a/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
+++ b/test/unit-tests/utils/exportUtils/__snapshots__/HTMLExport-test.ts.snap
@@ -57,7 +57,7 @@ exports[`HTMLExport should export 1`] = `
                                             <br/>
                                             <p>  </p>
                                         </div>
-                                    <li><div class="mx_TimelineSeparator" role="separator" aria-label="Thu, Jan 1, 1970"><hr role="none"/><div class="mx_DateSeparator_dateContent"><h2 class="mx_DateSeparator_dateHeading" aria-hidden="true">Thu, Jan 1, 1970</h2></div><hr role="none"/></div></li><div class="mx_Export_EventWrapper" id="49"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="49" data-layout="group" data-self="false" data-event-id="49" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user49:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user49:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="1" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/49" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #49</div></div></div></li></div><div class="mx_Export_EventWrapper" id="48"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="48" data-layout="group" data-self="false" data-event-id="48" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user48:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user48:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="2" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/48" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #48</div></div></div></li></div><div class="mx_Export_EventWrapper" id="47"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="47" data-layout="group" data-self="false" data-event-id="47" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user47:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user47:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="3" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/47" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #47</div></div></div></li></div><div class="mx_Export_EventWrapper" id="46"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="46" data-layout="group" data-self="false" data-event-id="46" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user46:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user46:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="4" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/46" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #46</div></div></div></li></div><div class="mx_Export_EventWrapper" id="45"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="45" data-layout="group" data-self="false" data-event-id="45" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user45:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user45:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="5" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/45" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #45</div></div></div></li></div><div class="mx_Export_EventWrapper" id="44"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="44" data-layout="group" data-self="false" data-event-id="44" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user44:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user44:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="6" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/44" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #44</div></div></div></li></div><div class="mx_Export_EventWrapper" id="43"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="43" data-layout="group" data-self="false" data-event-id="43" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user43:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user43:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="7" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/43" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #43</div></div></div></li></div><div class="mx_Export_EventWrapper" id="42"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="42" data-layout="group" data-self="false" data-event-id="42" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user42:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user42:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="8" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/42" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #42</div></div></div></li></div><div class="mx_Export_EventWrapper" id="41"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="41" data-layout="group" data-self="false" data-event-id="41" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user41:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user41:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="9" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/41" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #41</div></div></div></li></div><div class="mx_Export_EventWrapper" id="40"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="40" data-layout="group" data-self="false" data-event-id="40" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user40:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user40:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="10" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/40" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #40</div></div></div></li></div><div class="mx_Export_EventWrapper" id="39"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="39" data-layout="group" data-self="false" data-event-id="39" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user39:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user39:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="11" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/39" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #39</div></div></div></li></div><div class="mx_Export_EventWrapper" id="38"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="38" data-layout="group" data-self="false" data-event-id="38" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user38:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user38:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="12" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/38" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #38</div></div></div></li></div><div class="mx_Export_EventWrapper" id="37"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="37" data-layout="group" data-self="false" data-event-id="37" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user37:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user37:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="13" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/37" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #37</div></div></div></li></div><div class="mx_Export_EventWrapper" id="36"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="36" data-layout="group" data-self="false" data-event-id="36" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user36:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user36:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="14" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/36" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #36</div></div></div></li></div><div class="mx_Export_EventWrapper" id="35"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="35" data-layout="group" data-self="false" data-event-id="35" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user35:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user35:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="15" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/35" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #35</div></div></div></li></div><div class="mx_Export_EventWrapper" id="34"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="34" data-layout="group" data-self="false" data-event-id="34" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user34:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user34:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="16" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/34" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #34</div></div></div></li></div><div class="mx_Export_EventWrapper" id="33"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="33" data-layout="group" data-self="false" data-event-id="33" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user33:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user33:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="17" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/33" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #33</div></div></div></li></div><div class="mx_Export_EventWrapper" id="32"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="32" data-layout="group" data-self="false" data-event-id="32" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user32:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user32:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="18" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/32" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #32</div></div></div></li></div><div class="mx_Export_EventWrapper" id="31"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="31" data-layout="group" data-self="false" data-event-id="31" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user31:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user31:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="19" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/31" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #31</div></div></div></li></div><div class="mx_Export_EventWrapper" id="30"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="30" data-layout="group" data-self="false" data-event-id="30" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user30:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user30:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="20" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/30" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #30</div></div></div></li></div><div class="mx_Export_EventWrapper" id="29"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="29" data-layout="group" data-self="false" data-event-id="29" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user29:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user29:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="21" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/29" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #29</div></div></div></li></div><div class="mx_Export_EventWrapper" id="28"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="28" data-layout="group" data-self="false" data-event-id="28" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user28:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user28:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="22" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/28" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #28</div></div></div></li></div><div class="mx_Export_EventWrapper" id="27"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="27" data-layout="group" data-self="false" data-event-id="27" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user27:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user27:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="23" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/27" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #27</div></div></div></li></div><div class="mx_Export_EventWrapper" id="26"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="26" data-layout="group" data-self="false" data-event-id="26" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user26:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user26:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="24" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/26" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #26</div></div></div></li></div><div class="mx_Export_EventWrapper" id="25"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="25" data-layout="group" data-self="false" data-event-id="25" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user25:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user25:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="25" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/25" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #25</div></div></div></li></div><div class="mx_Export_EventWrapper" id="24"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="24" data-layout="group" data-self="false" data-event-id="24" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user24:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user24:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="26" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/24" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #24</div></div></div></li></div><div class="mx_Export_EventWrapper" id="23"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="23" data-layout="group" data-self="false" data-event-id="23" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user23:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user23:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="27" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/23" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #23</div></div></div></li></div><div class="mx_Export_EventWrapper" id="22"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="22" data-layout="group" data-self="false" data-event-id="22" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user22:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user22:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="28" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/22" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #22</div></div></div></li></div><div class="mx_Export_EventWrapper" id="21"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="21" data-layout="group" data-self="false" data-event-id="21" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user21:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user21:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="29" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/21" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #21</div></div></div></li></div><div class="mx_Export_EventWrapper" id="20"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="20" data-layout="group" data-self="false" data-event-id="20" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user20:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user20:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="30" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/20" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #20</div></div></div></li></div><div class="mx_Export_EventWrapper" id="19"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="19" data-layout="group" data-self="false" data-event-id="19" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user19:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user19:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="31" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/19" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #19</div></div></div></li></div><div class="mx_Export_EventWrapper" id="18"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="18" data-layout="group" data-self="false" data-event-id="18" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user18:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user18:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="32" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/18" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #18</div></div></div></li></div><div class="mx_Export_EventWrapper" id="17"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="17" data-layout="group" data-self="false" data-event-id="17" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user17:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user17:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="33" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/17" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #17</div></div></div></li></div><div class="mx_Export_EventWrapper" id="16"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="16" data-layout="group" data-self="false" data-event-id="16" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user16:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user16:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="34" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/16" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #16</div></div></div></li></div><div class="mx_Export_EventWrapper" id="15"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="15" data-layout="group" data-self="false" data-event-id="15" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user15:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user15:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="35" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/15" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #15</div></div></div></li></div><div class="mx_Export_EventWrapper" id="14"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="14" data-layout="group" data-self="false" data-event-id="14" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user14:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user14:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="36" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/14" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #14</div></div></div></li></div><div class="mx_Export_EventWrapper" id="13"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="13" data-layout="group" data-self="false" data-event-id="13" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user13:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user13:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="37" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/13" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #13</div></div></div></li></div><div class="mx_Export_EventWrapper" id="12"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="12" data-layout="group" data-self="false" data-event-id="12" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user12:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user12:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="38" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/12" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #12</div></div></div></li></div><div class="mx_Export_EventWrapper" id="11"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="11" data-layout="group" data-self="false" data-event-id="11" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user11:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user11:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="39" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/11" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #11</div></div></div></li></div><div class="mx_Export_EventWrapper" id="10"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="10" data-layout="group" data-self="false" data-event-id="10" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user10:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user10:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="40" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/10" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #10</div></div></div></li></div><div class="mx_Export_EventWrapper" id="9"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="9" data-layout="group" data-self="false" data-event-id="9" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user9:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user9:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="41" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/9" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #9</div></div></div></li></div><div class="mx_Export_EventWrapper" id="8"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="8" data-layout="group" data-self="false" data-event-id="8" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user8:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user8:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="42" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/8" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #8</div></div></div></li></div><div class="mx_Export_EventWrapper" id="7"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="7" data-layout="group" data-self="false" data-event-id="7" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user7:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user7:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="43" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/7" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #7</div></div></div></li></div><div class="mx_Export_EventWrapper" id="6"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="6" data-layout="group" data-self="false" data-event-id="6" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user6:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user6:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="44" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/6" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #6</div></div></div></li></div><div class="mx_Export_EventWrapper" id="5"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="5" data-layout="group" data-self="false" data-event-id="5" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user5:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user5:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="45" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/5" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #5</div></div></div></li></div><div class="mx_Export_EventWrapper" id="4"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="4" data-layout="group" data-self="false" data-event-id="4" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user4:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user4:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="46" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/4" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #4</div></div></div></li></div><div class="mx_Export_EventWrapper" id="3"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="3" data-layout="group" data-self="false" data-event-id="3" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user3:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user3:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="47" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/3" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #3</div></div></div></li></div><div class="mx_Export_EventWrapper" id="2"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="2" data-layout="group" data-self="false" data-event-id="2" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user2:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user2:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="48" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/2" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #2</div></div></div></li></div><div class="mx_Export_EventWrapper" id="1"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="1" data-layout="group" data-self="false" data-event-id="1" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user1:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user1:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="49" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/1" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #1</div></div></div></li></div><div class="mx_Export_EventWrapper" id="0"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="0" data-layout="group" data-self="false" data-event-id="0" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user0:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user0:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="50" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/0" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #0</div></div></div><div class="mx_EventTile_footer"><div class="mx_ReactionsRow" role="toolbar" aria-label="Reactions"><div aria-label="@user0:example.com reacted with 🙃" tabindex="0" role="button" aria-disabled="true" disabled="" class="mx_AccessibleButton mx_ReactionsRowButton mx_AccessibleButton_disabled"><span class="mx_ReactionsRowButton_content" aria-hidden="true">🙃</span><span class="mx_ReactionsRowButton_count" aria-hidden="true">1</span></div></div></div></li></div>
+                                    <li><div role="separator" aria-label="Thu, Jan 1, 1970" class="_flex_4dswl_9 mx_TimelineSeparator _timelineSeparator_yq5ye_8" style="--mx-flex-display:flex;--mx-flex-direction:row;--mx-flex-align:center;--mx-flex-justify:start;--mx-flex-gap:0;--mx-flex-wrap:nowrap"><hr role="none"/><div class="mx_DateSeparator_dateContent"><h2 class="mx_DateSeparator_dateHeading" aria-hidden="true">Thu, Jan 1, 1970</h2></div><hr role="none"/></div></li><div class="mx_Export_EventWrapper" id="49"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="49" data-layout="group" data-self="false" data-event-id="49" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user49:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user49:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="1" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/49" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #49</div></div></div></li></div><div class="mx_Export_EventWrapper" id="48"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="48" data-layout="group" data-self="false" data-event-id="48" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user48:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user48:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="2" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/48" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #48</div></div></div></li></div><div class="mx_Export_EventWrapper" id="47"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="47" data-layout="group" data-self="false" data-event-id="47" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user47:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user47:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="3" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/47" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #47</div></div></div></li></div><div class="mx_Export_EventWrapper" id="46"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="46" data-layout="group" data-self="false" data-event-id="46" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user46:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user46:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="4" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/46" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #46</div></div></div></li></div><div class="mx_Export_EventWrapper" id="45"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="45" data-layout="group" data-self="false" data-event-id="45" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user45:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user45:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="5" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/45" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #45</div></div></div></li></div><div class="mx_Export_EventWrapper" id="44"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="44" data-layout="group" data-self="false" data-event-id="44" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user44:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user44:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="6" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/44" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #44</div></div></div></li></div><div class="mx_Export_EventWrapper" id="43"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="43" data-layout="group" data-self="false" data-event-id="43" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user43:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user43:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="7" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/43" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #43</div></div></div></li></div><div class="mx_Export_EventWrapper" id="42"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="42" data-layout="group" data-self="false" data-event-id="42" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user42:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user42:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="8" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/42" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #42</div></div></div></li></div><div class="mx_Export_EventWrapper" id="41"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="41" data-layout="group" data-self="false" data-event-id="41" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user41:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user41:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="9" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/41" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #41</div></div></div></li></div><div class="mx_Export_EventWrapper" id="40"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="40" data-layout="group" data-self="false" data-event-id="40" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user40:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user40:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="10" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/40" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #40</div></div></div></li></div><div class="mx_Export_EventWrapper" id="39"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="39" data-layout="group" data-self="false" data-event-id="39" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user39:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user39:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="11" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/39" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #39</div></div></div></li></div><div class="mx_Export_EventWrapper" id="38"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="38" data-layout="group" data-self="false" data-event-id="38" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user38:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user38:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="12" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/38" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #38</div></div></div></li></div><div class="mx_Export_EventWrapper" id="37"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="37" data-layout="group" data-self="false" data-event-id="37" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user37:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user37:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="13" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/37" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #37</div></div></div></li></div><div class="mx_Export_EventWrapper" id="36"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="36" data-layout="group" data-self="false" data-event-id="36" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user36:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user36:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="14" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/36" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #36</div></div></div></li></div><div class="mx_Export_EventWrapper" id="35"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="35" data-layout="group" data-self="false" data-event-id="35" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user35:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user35:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="15" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/35" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #35</div></div></div></li></div><div class="mx_Export_EventWrapper" id="34"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="34" data-layout="group" data-self="false" data-event-id="34" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user34:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user34:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="16" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/34" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #34</div></div></div></li></div><div class="mx_Export_EventWrapper" id="33"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="33" data-layout="group" data-self="false" data-event-id="33" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user33:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user33:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="17" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/33" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #33</div></div></div></li></div><div class="mx_Export_EventWrapper" id="32"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="32" data-layout="group" data-self="false" data-event-id="32" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user32:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user32:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="18" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/32" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #32</div></div></div></li></div><div class="mx_Export_EventWrapper" id="31"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="31" data-layout="group" data-self="false" data-event-id="31" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user31:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user31:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="19" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/31" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #31</div></div></div></li></div><div class="mx_Export_EventWrapper" id="30"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="30" data-layout="group" data-self="false" data-event-id="30" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user30:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user30:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="20" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/30" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #30</div></div></div></li></div><div class="mx_Export_EventWrapper" id="29"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="29" data-layout="group" data-self="false" data-event-id="29" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user29:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user29:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="21" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/29" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #29</div></div></div></li></div><div class="mx_Export_EventWrapper" id="28"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="28" data-layout="group" data-self="false" data-event-id="28" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user28:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user28:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="22" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/28" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #28</div></div></div></li></div><div class="mx_Export_EventWrapper" id="27"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="27" data-layout="group" data-self="false" data-event-id="27" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user27:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user27:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="23" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/27" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #27</div></div></div></li></div><div class="mx_Export_EventWrapper" id="26"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="26" data-layout="group" data-self="false" data-event-id="26" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user26:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user26:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="24" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/26" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #26</div></div></div></li></div><div class="mx_Export_EventWrapper" id="25"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="25" data-layout="group" data-self="false" data-event-id="25" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user25:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user25:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="25" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/25" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #25</div></div></div></li></div><div class="mx_Export_EventWrapper" id="24"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="24" data-layout="group" data-self="false" data-event-id="24" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user24:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user24:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="26" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/24" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #24</div></div></div></li></div><div class="mx_Export_EventWrapper" id="23"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="23" data-layout="group" data-self="false" data-event-id="23" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user23:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user23:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="27" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/23" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #23</div></div></div></li></div><div class="mx_Export_EventWrapper" id="22"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="22" data-layout="group" data-self="false" data-event-id="22" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user22:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user22:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="28" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/22" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #22</div></div></div></li></div><div class="mx_Export_EventWrapper" id="21"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="21" data-layout="group" data-self="false" data-event-id="21" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user21:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user21:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="29" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/21" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #21</div></div></div></li></div><div class="mx_Export_EventWrapper" id="20"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="20" data-layout="group" data-self="false" data-event-id="20" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user20:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user20:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="30" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/20" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #20</div></div></div></li></div><div class="mx_Export_EventWrapper" id="19"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="19" data-layout="group" data-self="false" data-event-id="19" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user19:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user19:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="31" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/19" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #19</div></div></div></li></div><div class="mx_Export_EventWrapper" id="18"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="18" data-layout="group" data-self="false" data-event-id="18" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user18:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user18:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="32" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/18" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #18</div></div></div></li></div><div class="mx_Export_EventWrapper" id="17"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="17" data-layout="group" data-self="false" data-event-id="17" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user17:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user17:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="33" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/17" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #17</div></div></div></li></div><div class="mx_Export_EventWrapper" id="16"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="16" data-layout="group" data-self="false" data-event-id="16" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user16:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user16:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="34" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/16" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #16</div></div></div></li></div><div class="mx_Export_EventWrapper" id="15"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="15" data-layout="group" data-self="false" data-event-id="15" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user15:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user15:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="35" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/15" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #15</div></div></div></li></div><div class="mx_Export_EventWrapper" id="14"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="14" data-layout="group" data-self="false" data-event-id="14" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user14:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user14:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="36" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/14" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #14</div></div></div></li></div><div class="mx_Export_EventWrapper" id="13"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="13" data-layout="group" data-self="false" data-event-id="13" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user13:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user13:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="37" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/13" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #13</div></div></div></li></div><div class="mx_Export_EventWrapper" id="12"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="12" data-layout="group" data-self="false" data-event-id="12" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user12:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user12:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="38" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/12" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #12</div></div></div></li></div><div class="mx_Export_EventWrapper" id="11"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="11" data-layout="group" data-self="false" data-event-id="11" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user11:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user11:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="39" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/11" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #11</div></div></div></li></div><div class="mx_Export_EventWrapper" id="10"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="10" data-layout="group" data-self="false" data-event-id="10" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user10:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user10:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="40" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/10" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #10</div></div></div></li></div><div class="mx_Export_EventWrapper" id="9"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="9" data-layout="group" data-self="false" data-event-id="9" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user9:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user9:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="41" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/9" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #9</div></div></div></li></div><div class="mx_Export_EventWrapper" id="8"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="8" data-layout="group" data-self="false" data-event-id="8" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user8:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user8:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="42" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/8" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #8</div></div></div></li></div><div class="mx_Export_EventWrapper" id="7"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="7" data-layout="group" data-self="false" data-event-id="7" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user7:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user7:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="43" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/7" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #7</div></div></div></li></div><div class="mx_Export_EventWrapper" id="6"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="6" data-layout="group" data-self="false" data-event-id="6" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user6:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user6:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="44" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/6" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #6</div></div></div></li></div><div class="mx_Export_EventWrapper" id="5"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="5" data-layout="group" data-self="false" data-event-id="5" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color2 mx_DisambiguatedProfile_displayName" dir="auto">@user5:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user5:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="45" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/5" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #5</div></div></div></li></div><div class="mx_Export_EventWrapper" id="4"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="4" data-layout="group" data-self="false" data-event-id="4" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color1 mx_DisambiguatedProfile_displayName" dir="auto">@user4:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user4:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="1" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="46" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/4" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #4</div></div></div></li></div><div class="mx_Export_EventWrapper" id="3"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="3" data-layout="group" data-self="false" data-event-id="3" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color6 mx_DisambiguatedProfile_displayName" dir="auto">@user3:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user3:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="6" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="47" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/3" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #3</div></div></div></li></div><div class="mx_Export_EventWrapper" id="2"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="2" data-layout="group" data-self="false" data-event-id="2" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color5 mx_DisambiguatedProfile_displayName" dir="auto">@user2:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user2:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="5" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="48" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/2" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #2</div></div></div></li></div><div class="mx_Export_EventWrapper" id="1"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="1" data-layout="group" data-self="false" data-event-id="1" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color4 mx_DisambiguatedProfile_displayName" dir="auto">@user1:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user1:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="4" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="49" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/1" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #1</div></div></div></li></div><div class="mx_Export_EventWrapper" id="0"><li class="mx_EventTile" tabindex="-1" aria-live="off" aria-atomic="true" data-scroll-tokens="0" data-layout="group" data-self="false" data-event-id="0" data-has-reply="false"><div class="mx_DisambiguatedProfile"><span class="mx_Username_color3 mx_DisambiguatedProfile_displayName" dir="auto">@user0:example.com</span></div><div class="mx_EventTile_avatar"><button role="button" aria-label="Profile picture" title="@user0:example.com" aria-live="off" data-testid="avatar-img" data-type="round" data-color="3" class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55" style="--cpd-avatar-size: 30px;">u</button></div><div id="50" class="mx_EventTile_line"><a href="https://matrix.to/#/!myroom:example.org/0" class="mx_MessageTimestamp" aria-live="off">00:00</a><div class="mx_MTextBody mx_EventTile_content"><div class="mx_EventTile_body translate" dir="auto">Message #0</div></div></div><div class="mx_EventTile_footer"><div class="mx_ReactionsRow" role="toolbar" aria-label="Reactions"><div aria-label="@user0:example.com reacted with 🙃" tabindex="0" role="button" aria-disabled="true" disabled="" class="mx_AccessibleButton mx_ReactionsRowButton mx_AccessibleButton_disabled"><span class="mx_ReactionsRowButton_content" aria-hidden="true">🙃</span><span class="mx_ReactionsRowButton_count" aria-hidden="true">1</span></div></div></div></li></div>
                                     </ol>
                                     </div>
                                 </div>
diff --git a/test/unit-tests/utils/oidc/TokenRefresher-test.ts b/test/unit-tests/utils/oidc/TokenRefresher-test.ts
index 66f0e800e0..b5d9218200 100644
--- a/test/unit-tests/utils/oidc/TokenRefresher-test.ts
+++ b/test/unit-tests/utils/oidc/TokenRefresher-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { mocked } from "jest-mock";
 
 import { TokenRefresher } from "../../../../src/utils/oidc/TokenRefresher";
diff --git a/test/unit-tests/utils/oidc/authorize-test.ts b/test/unit-tests/utils/oidc/authorize-test.ts
index 3ccc77e633..d23157e097 100644
--- a/test/unit-tests/utils/oidc/authorize-test.ts
+++ b/test/unit-tests/utils/oidc/authorize-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { completeAuthorizationCodeGrant } from "matrix-js-sdk/src/oidc/authorize";
 import * as randomStringUtils from "matrix-js-sdk/src/randomstring";
 import { type BearerTokenResponse } from "matrix-js-sdk/src/oidc/validate";
@@ -58,9 +58,7 @@ describe("OIDC authorization", () => {
                 subtle: webCrypto.subtle,
             },
         });
-    });
 
-    beforeAll(() => {
         fetchMock.get(`${delegatedAuthConfig.issuer}.well-known/openid-configuration`, delegatedAuthConfig);
     });
 
diff --git a/test/unit-tests/utils/oidc/registerClient-test.ts b/test/unit-tests/utils/oidc/registerClient-test.ts
index b266f4f4cd..4a81dab1af 100644
--- a/test/unit-tests/utils/oidc/registerClient-test.ts
+++ b/test/unit-tests/utils/oidc/registerClient-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMockJest from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { OidcError } from "matrix-js-sdk/src/oidc/error";
 import { type OidcClientConfig } from "matrix-js-sdk/src/matrix";
 
@@ -28,8 +28,7 @@ describe("getOidcClientId()", () => {
     const delegatedAuthConfig = makeDelegatedAuthConfig(issuer);
 
     beforeEach(() => {
-        fetchMockJest.mockClear();
-        fetchMockJest.resetBehavior();
+        fetchMock.removeRoutes();
         mockPlatformPeg();
         Object.defineProperty(PlatformPeg.get(), "baseUrl", {
             get(): string {
@@ -51,7 +50,7 @@ describe("getOidcClientId()", () => {
     it("should return static clientId when configured", async () => {
         expect(await getOidcClientId(delegatedAuthConfig, staticOidcClients)).toEqual("abc123");
         // didn't try to register
-        expect(fetchMockJest).toHaveFetchedTimes(0);
+        expect(fetchMock).toHaveFetchedTimes(0);
     });
 
     it("should throw when no static clientId is configured and no registration endpoint", async () => {
@@ -63,7 +62,7 @@ describe("getOidcClientId()", () => {
             OidcError.DynamicRegistrationNotSupported,
         );
         // didn't try to register
-        expect(fetchMockJest).toHaveFetchedTimes(0);
+        expect(fetchMock).toHaveFetchedTimes(0);
     });
 
     it("should handle when staticOidcClients object is falsy", async () => {
@@ -75,28 +74,23 @@ describe("getOidcClientId()", () => {
             OidcError.DynamicRegistrationNotSupported,
         );
         // didn't try to register
-        expect(fetchMockJest).toHaveFetchedTimes(0);
+        expect(fetchMock).toHaveFetchedTimes(0);
     });
 
     it("should make correct request to register client", async () => {
-        fetchMockJest.post(delegatedAuthConfig.registration_endpoint!, {
+        fetchMock.post(delegatedAuthConfig.registration_endpoint!, {
             status: 200,
             body: JSON.stringify({ client_id: dynamicClientId }),
         });
         expect(await getOidcClientId(delegatedAuthConfig)).toEqual(dynamicClientId);
         // didn't try to register
-        expect(fetchMockJest).toHaveBeenCalledWith(
-            delegatedAuthConfig.registration_endpoint!,
-            expect.objectContaining({
-                headers: {
-                    "Accept": "application/json",
-                    "Content-Type": "application/json",
-                },
-                method: "POST",
-            }),
-        );
-        expect(JSON.parse(fetchMockJest.mock.calls[0][1]!.body as string)).toEqual(
-            expect.objectContaining({
+        expect(fetchMock).toHaveFetched(delegatedAuthConfig.registration_endpoint!, {
+            headers: {
+                "Accept": "application/json",
+                "Content-Type": "application/json",
+            },
+            method: "POST",
+            body: {
                 client_name: clientName,
                 client_uri: baseUrl,
                 response_types: ["code"],
@@ -106,19 +100,19 @@ describe("getOidcClientId()", () => {
                 token_endpoint_auth_method: "none",
                 application_type: "web",
                 logo_uri: `${baseUrl}/vector-icons/1024.png`,
-            }),
-        );
+            },
+        });
     });
 
     it("should throw when registration request fails", async () => {
-        fetchMockJest.post(delegatedAuthConfig.registration_endpoint!, {
+        fetchMock.post(delegatedAuthConfig.registration_endpoint!, {
             status: 500,
         });
         await expect(getOidcClientId(delegatedAuthConfig)).rejects.toThrow(OidcError.DynamicRegistrationFailed);
     });
 
     it("should throw when registration response is invalid", async () => {
-        fetchMockJest.post(delegatedAuthConfig.registration_endpoint!, {
+        fetchMock.post(delegatedAuthConfig.registration_endpoint!, {
             status: 200,
             // no clientId in response
             body: "{}",
diff --git a/test/unit-tests/utils/oidc/urls-test.ts b/test/unit-tests/utils/oidc/urls-test.ts
new file mode 100644
index 0000000000..072202d0b6
--- /dev/null
+++ b/test/unit-tests/utils/oidc/urls-test.ts
@@ -0,0 +1,48 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { getManageDeviceUrl } from "../../../../src/utils/oidc/urls";
+
+describe("OIDC urls", () => {
+    const accountManagementEndpoint = "https://auth.com/manage";
+    const deviceId = "DEVICEID1234";
+
+    describe("getManageDeviceUrl()", () => {
+        it("prefers stable action", async () => {
+            expect(
+                getManageDeviceUrl(
+                    accountManagementEndpoint,
+                    ["org.matrix.session_view", "session_view", "org.matrix.device_view"],
+                    deviceId,
+                ),
+            ).toEqual("https://auth.com/manage?action=org.matrix.device_view&device_id=DEVICEID1234");
+        });
+        it("defaults to stable action when no known action is supported", async () => {
+            expect(getManageDeviceUrl(accountManagementEndpoint, [], deviceId)).toEqual(
+                "https://auth.com/manage?action=org.matrix.device_view&device_id=DEVICEID1234",
+            );
+            expect(getManageDeviceUrl(accountManagementEndpoint, ["foo"], deviceId)).toEqual(
+                "https://auth.com/manage?action=org.matrix.device_view&device_id=DEVICEID1234",
+            );
+        });
+        it("defaults to backwards compatible action when no supported actions are provided", async () => {
+            expect(getManageDeviceUrl(accountManagementEndpoint, undefined, deviceId)).toEqual(
+                "https://auth.com/manage?action=org.matrix.session_view&device_id=DEVICEID1234",
+            );
+        });
+        it("uses unstable org.matrix.session_view", async () => {
+            expect(getManageDeviceUrl(accountManagementEndpoint, ["org.matrix.session_view"], deviceId)).toEqual(
+                "https://auth.com/manage?action=org.matrix.session_view&device_id=DEVICEID1234",
+            );
+        });
+        it("uses unstable session_view", async () => {
+            expect(getManageDeviceUrl(accountManagementEndpoint, ["session_view"], deviceId)).toEqual(
+                "https://auth.com/manage?action=session_view&device_id=DEVICEID1234",
+            );
+        });
+    });
+});
diff --git a/test/unit-tests/vector/__snapshots__/init-test.ts.snap b/test/unit-tests/vector/__snapshots__/init-test.ts.snap
index 6d10481476..bea9cbd40a 100644
--- a/test/unit-tests/vector/__snapshots__/init-test.ts.snap
+++ b/test/unit-tests/vector/__snapshots__/init-test.ts.snap
@@ -106,7 +106,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
         style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
       >
         <button
-          class="_button_187yx_8 _has-icon_187yx_57"
+          class="_button_13vu4_8 _has-icon_13vu4_60"
           data-kind="secondary"
           data-size="sm"
           role="button"
@@ -130,7 +130,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
           Learn more
         </button>
         <button
-          class="_button_187yx_8"
+          class="_button_13vu4_8"
           data-kind="primary"
           data-size="sm"
           role="button"
@@ -156,7 +156,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
     >
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://packages.element.io/desktop/install/macos/Element.dmg"
@@ -173,14 +173,14 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
         >
           <path
             clip-rule="evenodd"
-            d="M16.099 2.4a4.1 4.1 0 0 1-1.057 3.074c-.747.862-1.878 1.358-3.07 1.347-.075-1.081.315-2.146 1.085-2.96.78-.825 1.866-1.346 3.042-1.461m3.767 6.54c-1.37.783-2.213 2.163-2.234 3.657.002 1.69 1.092 3.215 2.768 3.873a9.4 9.4 0 0 1-1.44 2.723c-.848 1.178-1.737 2.329-3.149 2.35-.67.015-1.124-.165-1.596-.351-.493-.195-1.006-.398-1.809-.398-.851 0-1.388.21-1.905.412-.447.174-.88.343-1.49.367-1.343.046-2.37-1.258-3.25-2.425-1.756-2.383-3.124-6.716-1.29-9.664.861-1.437 2.471-2.349 4.241-2.402.763-.015 1.494.258 2.136.497.49.183.928.347 1.286.347.315 0 .74-.157 1.237-.34.78-.288 1.737-.64 2.71-.545 1.514.044 2.917.748 3.785 1.9"
+            d="M16.099 2.4a4.1 4.1 0 0 1-1.057 3.073c-.747.863-1.878 1.36-3.07 1.348-.075-1.081.315-2.146 1.085-2.96.78-.825 1.866-1.346 3.042-1.461m3.767 6.54c-1.37.783-2.214 2.163-2.234 3.657.002 1.69 1.092 3.215 2.768 3.873a9.4 9.4 0 0 1-1.44 2.723c-.848 1.178-1.737 2.329-3.149 2.35-.671.015-1.124-.165-1.596-.351-.493-.195-1.006-.398-1.809-.398-.852 0-1.388.21-1.905.412-.447.174-.88.343-1.49.367-1.343.046-2.37-1.258-3.25-2.425-1.756-2.383-3.124-6.716-1.29-9.664.86-1.437 2.471-2.349 4.241-2.402.763-.015 1.494.258 2.135.497.49.183.929.347 1.287.347.315 0 .74-.157 1.237-.34.78-.288 1.737-.64 2.71-.545 1.514.044 2.917.748 3.785 1.9"
             fill-rule="evenodd"
           />
         </svg>
         Mac
       </a>
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://packages.element.io/desktop/install/win32/x64/Element%20Setup.exe"
@@ -202,7 +202,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
         Windows (64-bit)
       </a>
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://packages.element.io/desktop/install/win32/arm64/Element%20Setup.exe"
@@ -224,7 +224,7 @@ exports[`showIncompatibleBrowser should match snapshot 1`] = `
         Windows (ARM 64-bit)
       </a>
       <a
-        class="_button_187yx_8 _has-icon_187yx_57"
+        class="_button_13vu4_8 _has-icon_13vu4_60"
         data-kind="secondary"
         data-size="lg"
         href="https://element.io/download#linux"
diff --git a/test/unit-tests/vector/getconfig-test.ts b/test/unit-tests/vector/getconfig-test.ts
index 9a2cfbd3c3..725a4d328b 100644
--- a/test/unit-tests/vector/getconfig-test.ts
+++ b/test/unit-tests/vector/getconfig-test.ts
@@ -6,12 +6,10 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import { getVectorConfig } from "../../../src/vector/getconfig";
 
-fetchMock.config.overwriteRoutes = true;
-
 describe("getVectorConfig()", () => {
     const elementDomain = "app.element.io";
     const now = 1234567890;
@@ -31,7 +29,7 @@ describe("getVectorConfig()", () => {
         // stable value for cachebuster
         jest.spyOn(Date, "now").mockReturnValue(now);
         jest.clearAllMocks();
-        fetchMock.mockClear();
+        fetchMock.removeRoutes();
     });
 
     afterAll(() => {
@@ -39,15 +37,15 @@ describe("getVectorConfig()", () => {
     });
 
     it("requests specific config for document domain", async () => {
-        fetchMock.getOnce("express:/config.app.element.io.json", specificConfig);
-        fetchMock.getOnce("express:/config.json", generalConfig);
+        fetchMock.getOnce("express:/config.app.element.io.json*", specificConfig);
+        fetchMock.getOnce("express:/config.json*", generalConfig);
 
         await expect(getVectorConfig()).resolves.toEqual(specificConfig);
     });
 
     it("adds trailing slash to relativeLocation when not an empty string", async () => {
-        fetchMock.getOnce("express:../config.app.element.io.json", specificConfig);
-        fetchMock.getOnce("express:../config.json", generalConfig);
+        fetchMock.getOnce("express:/config.app.element.io.json", specificConfig);
+        fetchMock.getOnce("express:/config.json", generalConfig);
 
         await expect(getVectorConfig("..")).resolves.toEqual(specificConfig);
     });
diff --git a/test/unit-tests/vector/init-test.ts b/test/unit-tests/vector/init-test.ts
index 22e3b75ae9..4c9c2a529c 100644
--- a/test/unit-tests/vector/init-test.ts
+++ b/test/unit-tests/vector/init-test.ts
@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @jest-environment jest-fixed-jsdom
  * @jest-environment-options {"url": "https://app.element.io/?loginToken=123&state=abc&code=xyz&no_universal_links&something_else=value"}
  */
 
@@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 import { waitFor, screen } from "jest-matrix-react";
 
 import { loadApp, showError, showIncompatibleBrowser } from "../../../src/vector/init.tsx";
diff --git a/test/unit-tests/vector/platform/ElectronPlatform-test.ts b/test/unit-tests/vector/platform/ElectronPlatform-test.ts
index 83f6984197..f6ff2db07f 100644
--- a/test/unit-tests/vector/platform/ElectronPlatform-test.ts
+++ b/test/unit-tests/vector/platform/ElectronPlatform-test.ts
@@ -19,7 +19,6 @@ import { BreadcrumbsStore } from "../../../../src/stores/BreadcrumbsStore";
 import Modal from "../../../../src/Modal";
 import DesktopCapturerSourcePicker from "../../../../src/components/views/elements/DesktopCapturerSourcePicker";
 import ElectronPlatform from "../../../../src/vector/platform/ElectronPlatform";
-import { setupLanguageMock } from "../../../setup/setupLanguage";
 import { stubClient } from "../../../test-utils";
 import ToastStore from "../../../../src/stores/ToastStore.ts";
 
@@ -57,7 +56,6 @@ describe("ElectronPlatform", () => {
         window.electron = mockElectron;
         jest.clearAllMocks();
         Object.defineProperty(window, "navigator", { value: { userAgent: defaultUserAgent }, writable: true });
-        setupLanguageMock();
     });
 
     const getElectronEventHandlerCall = (
@@ -456,7 +454,7 @@ describe("ElectronPlatform", () => {
             await waitFor(() => {
                 const ipcMessage = mockElectron.send.mock.lastCall;
                 expect(ipcMessage?.[1]).toEqual(1);
-                expect(ipcMessage?.[2] instanceof ArrayBuffer).toEqual(true);
+                expect(ipcMessage?.[2].constructor.name).toEqual("ArrayBuffer");
             });
         });
 
@@ -473,10 +471,10 @@ describe("ElectronPlatform", () => {
                 );
 
                 expect(ipcMessageA?.[1]).toEqual(1);
-                expect(ipcMessageA?.[2] instanceof ArrayBuffer).toEqual(true);
+                expect(ipcMessageA?.[2].constructor.name).toEqual("ArrayBuffer");
 
                 expect(ipcMessageB?.[1]).toEqual(2);
-                expect(ipcMessageB?.[2] instanceof ArrayBuffer).toEqual(true);
+                expect(ipcMessageB?.[2].constructor.name).toEqual("ArrayBuffer");
             });
         });
         it("should remove badge when notification count zeros", async () => {
@@ -491,7 +489,7 @@ describe("ElectronPlatform", () => {
                 );
 
                 expect(ipcMessageA?.[1]).toEqual(1);
-                expect(ipcMessageA?.[2] instanceof ArrayBuffer).toEqual(true);
+                expect(ipcMessageA?.[2].constructor.name).toEqual("ArrayBuffer");
 
                 expect(ipcMessageB?.[1]).toEqual(0);
                 expect(ipcMessageB?.[2]).toBeNull();
@@ -506,7 +504,7 @@ describe("ElectronPlatform", () => {
                 const ipcMessage = mockElectron.send.mock.calls.find((call) => call[0] === "setBadgeCount");
 
                 expect(ipcMessage?.[1]).toEqual(0);
-                expect(ipcMessage?.[2] instanceof ArrayBuffer).toEqual(true);
+                expect(ipcMessage?.[2].constructor.name).toEqual("ArrayBuffer");
                 expect(ipcMessage?.[3]).toEqual(true);
             });
         });
@@ -522,7 +520,7 @@ describe("ElectronPlatform", () => {
                 );
 
                 expect(ipcMessageA?.[1]).toEqual(0);
-                expect(ipcMessageA?.[2] instanceof ArrayBuffer).toEqual(true);
+                expect(ipcMessageA?.[2].constructor.name).toEqual("ArrayBuffer");
                 expect(ipcMessageA?.[3]).toEqual(true);
 
                 expect(ipcMessageB?.[1]).toEqual(0);
diff --git a/test/unit-tests/vector/platform/WebPlatform-test.ts b/test/unit-tests/vector/platform/WebPlatform-test.ts
index f07a0f5533..3a85e263ba 100644
--- a/test/unit-tests/vector/platform/WebPlatform-test.ts
+++ b/test/unit-tests/vector/platform/WebPlatform-test.ts
@@ -6,23 +6,28 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import { UpdateCheckStatus } from "../../../../src/BasePlatform";
 import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
 import WebPlatform from "../../../../src/vector/platform/WebPlatform";
-import { setupLanguageMock } from "../../../setup/setupLanguage";
 import ToastStore from "../../../../src/stores/ToastStore.ts";
 import defaultDispatcher from "../../../../src/dispatcher/dispatcher.ts";
 import { emitPromise } from "../../../test-utils";
 import { Action } from "../../../../src/dispatcher/actions.ts";
 
-fetchMock.config.overwriteRoutes = true;
-
 describe("WebPlatform", () => {
     beforeEach(() => {
-        jest.clearAllMocks();
-        setupLanguageMock();
+        jest.spyOn(global, "navigator", "get").mockReturnValue({
+            ...navigator,
+            // @ts-expect-error - mocking readonly object
+            serviceWorker: {
+                register: jest.fn().mockResolvedValue({
+                    update: jest.fn(),
+                }),
+                addEventListener: jest.fn(),
+            },
+        });
     });
 
     it("returns human readable name", () => {
@@ -32,22 +37,17 @@ describe("WebPlatform", () => {
 
     describe("service worker", () => {
         it("registers successfully", () => {
-            // @ts-expect-error - mocking readonly object
-            navigator.serviceWorker = {
-                register: jest.fn().mockResolvedValue({
-                    update: jest.fn(),
-                }),
-                addEventListener: jest.fn(),
-            };
             new WebPlatform();
             expect(navigator.serviceWorker.register).toHaveBeenCalled();
         });
 
         it("handles errors", async () => {
-            // @ts-expect-error - mocking readonly object
-            navigator.serviceWorker = {
-                register: undefined,
-            };
+            jest.spyOn(global, "navigator", "get").mockReturnValue({
+                serviceWorker: {
+                    // @ts-expect-error - mocking readonly object
+                    register: undefined,
+                },
+            });
             new WebPlatform();
 
             defaultDispatcher.dispatch({ action: Action.ClientStarted });
@@ -85,7 +85,7 @@ describe("WebPlatform", () => {
                 "develop.element.io: Chrome on macOS",
             ],
         ])("%s & %s = %s", (url, userAgent, result) => {
-            Object.defineProperty(window, "navigator", { value: { userAgent }, writable: true });
+            jest.spyOn(global, "navigator", "get").mockReturnValue({ userAgent } as Navigator);
             Object.defineProperty(window, "location", { value: { href: url }, writable: true });
             const platform = new WebPlatform();
             expect(platform.getDefaultDeviceDisplayName()).toEqual(result);
@@ -174,7 +174,7 @@ describe("WebPlatform", () => {
             it("should return not available and call showNoUpdate when current version matches most recent version", async () => {
                 // @ts-ignore
                 WebPlatform.VERSION = prodVersion;
-                fetchMock.getOnce("/version", prodVersion);
+                fetchMock.getOnce("end:/version", prodVersion);
                 const platform = new WebPlatform();
 
                 const showUpdate = jest.fn();
@@ -189,7 +189,7 @@ describe("WebPlatform", () => {
             it("should strip v prefix from versions before comparing", async () => {
                 // @ts-ignore
                 WebPlatform.VERSION = prodVersion;
-                fetchMock.getOnce("/version", `v${prodVersion}`);
+                fetchMock.getOnce("end:/version", `v${prodVersion}`);
                 const platform = new WebPlatform();
 
                 const showUpdate = jest.fn();
@@ -207,7 +207,7 @@ describe("WebPlatform", () => {
                 async () => {
                     // @ts-ignore
                     WebPlatform.VERSION = "0.0.0"; // old version
-                    fetchMock.getOnce("/version", prodVersion);
+                    fetchMock.getOnce("end:/version", prodVersion);
                     const platform = new WebPlatform();
 
                     const showUpdate = jest.fn();
@@ -224,7 +224,7 @@ describe("WebPlatform", () => {
                 // @ts-ignore
                 WebPlatform.VERSION = "0.0.0"; // old version
                 jest.spyOn(MatrixClientPeg, "userRegisteredWithinLastHours").mockReturnValue(true);
-                fetchMock.getOnce("/version", prodVersion);
+                fetchMock.getOnce("end:/version", prodVersion);
                 const platform = new WebPlatform();
 
                 const showUpdate = jest.fn();
@@ -237,7 +237,7 @@ describe("WebPlatform", () => {
             });
 
             it("should return error when version check fails", async () => {
-                fetchMock.getOnce("/version", { throws: "oups" });
+                fetchMock.getOnce("end:/version", { throws: "oups" });
                 const platform = new WebPlatform();
 
                 const showUpdate = jest.fn();
diff --git a/test/unit-tests/vector/rageshakesetup-test.ts b/test/unit-tests/vector/rageshakesetup-test.ts
new file mode 100644
index 0000000000..81b5064c71
--- /dev/null
+++ b/test/unit-tests/vector/rageshakesetup-test.ts
@@ -0,0 +1,65 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import fetchMock from "@fetch-mock/jest";
+
+import type { Mocked } from "jest-mock";
+import type { ConsoleLogger } from "../../../src/rageshake/rageshake";
+import SdkConfig from "../../../src/SdkConfig";
+import "../../../src/vector/rageshakesetup";
+import { BugReportEndpointURLLocal } from "../../../src/IConfigOptions";
+
+const RAGESHAKE_URL = "https://logs.example.org/logtome";
+
+describe("mxSendRageshake", () => {
+    let prevLogger: ConsoleLogger;
+    beforeEach(() => {
+        fetchMock.mockGlobal();
+        SdkConfig.put({ bug_report_endpoint_url: RAGESHAKE_URL });
+        fetchMock.postOnce(RAGESHAKE_URL, { status: 200, body: {} });
+
+        const mockConsoleLogger = {
+            flush: jest.fn(),
+            consume: jest.fn(),
+            warn: jest.fn(),
+        } as unknown as Mocked<ConsoleLogger>;
+        prevLogger = global.mx_rage_logger;
+        mockConsoleLogger.flush.mockReturnValue("line 1\nline 2\n");
+        global.mx_rage_logger = mockConsoleLogger;
+    });
+
+    afterEach(() => {
+        global.mx_rage_logger = prevLogger;
+        jest.restoreAllMocks();
+        fetchMock.unmockGlobal();
+        SdkConfig.reset();
+    });
+
+    it("Does not send a rageshake if the URL is not configured", async () => {
+        SdkConfig.put({ bug_report_endpoint_url: undefined });
+        await window.mxSendRageshake("test");
+        expect(fetchMock).not.toHaveFetched();
+    });
+
+    it.each(["", "  ", undefined, null])("Does not send a rageshake if text is '%s'", async (text) => {
+        await window.mxSendRageshake(text as string);
+        expect(fetchMock).not.toHaveFetched();
+    });
+
+    it("Sends a rageshake via URL", async () => {
+        await window.mxSendRageshake("Hello world");
+        expect(fetchMock).toHaveFetched(RAGESHAKE_URL);
+    });
+
+    it("Provides a rageshake locally", async () => {
+        SdkConfig.put({ bug_report_endpoint_url: BugReportEndpointURLLocal });
+        const urlSpy = jest.spyOn(URL, "createObjectURL");
+        await window.mxSendRageshake("Hello world");
+        expect(fetchMock).not.toHaveFetched(RAGESHAKE_URL);
+        expect(urlSpy).toHaveBeenCalledTimes(1);
+    });
+});
diff --git a/test/unit-tests/widgets/ManagedHybrid-test.ts b/test/unit-tests/widgets/ManagedHybrid-test.ts
index 53a4c302c3..126033f2a5 100644
--- a/test/unit-tests/widgets/ManagedHybrid-test.ts
+++ b/test/unit-tests/widgets/ManagedHybrid-test.ts
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { Room } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
-import fetchMock from "fetch-mock-jest";
+import fetchMock from "@fetch-mock/jest";
 
 import { addManagedHybridWidget, isManagedHybridWidgetEnabled } from "../../../src/widgets/ManagedHybrid";
 import { stubClient } from "../../test-utils";
@@ -63,7 +63,7 @@ describe("addManagedHybridWidget", () => {
         fetchMock.mockClear();
         await addManagedHybridWidget(room);
         expect(logSpy).toHaveBeenCalledWith("User not allowed to modify widgets in !room:server");
-        expect(fetchMock).toHaveBeenCalledTimes(0);
+        expect(fetchMock).toHaveFetchedTimes(0);
     });
 
     it("should noop if no widget_build_url", async () => {
@@ -71,7 +71,7 @@ describe("addManagedHybridWidget", () => {
 
         fetchMock.mockClear();
         await addManagedHybridWidget(room);
-        expect(fetchMock).toHaveBeenCalledTimes(0);
+        expect(fetchMock).toHaveFetchedTimes(0);
     });
 
     it("should add the widget successfully", async () => {
@@ -87,7 +87,7 @@ describe("addManagedHybridWidget", () => {
         });
 
         await addManagedHybridWidget(room);
-        expect(fetchMock).toHaveBeenCalledWith("https://widget-build-url?roomId=!room:server");
+        expect(fetchMock).toHaveFetched("https://widget-build-url?roomId=!room:server");
         expect(setRoomWidgetContentSpy).toHaveBeenCalledWith(room.client, room.roomId, "WIDGET_ID", {
             "key": "value",
             "io.element.managed_hybrid": true,
diff --git a/test/viewmodels/message-body/DecryptionFailureBodyViewModel-test.tsx b/test/viewmodels/message-body/DecryptionFailureBodyViewModel-test.tsx
new file mode 100644
index 0000000000..85580842de
--- /dev/null
+++ b/test/viewmodels/message-body/DecryptionFailureBodyViewModel-test.tsx
@@ -0,0 +1,101 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { DecryptionFailureCode } from "matrix-js-sdk/src/crypto-api";
+import { DecryptionFailureReason } from "@element-hq/web-shared-components";
+
+import { DecryptionFailureBodyViewModel } from "../../../src/viewmodels/message-body/DecryptionFailureBodyViewModel";
+
+describe("DecryptionFailureBodyViewModel", () => {
+    it("should return the snapshot", () => {
+        const vm = new DecryptionFailureBodyViewModel({
+            decryptionFailureCode: null,
+            verificationState: true,
+        });
+        expect(vm.getSnapshot()).toMatchObject({
+            decryptionFailureReason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+            isLocalDeviceVerified: true,
+        });
+    });
+
+    it("should return the snapshot with extra class names", () => {
+        const vm = new DecryptionFailureBodyViewModel({
+            decryptionFailureCode: null,
+            verificationState: true,
+            extraClassNames: ["custom-class"],
+        });
+        expect(vm.getSnapshot()).toMatchObject({
+            decryptionFailureReason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+            isLocalDeviceVerified: true,
+            extraClassNames: ["mx_DecryptionFailureBody", "mx_EventTile_content", "custom-class"],
+        });
+    });
+
+    it.each([
+        {
+            code: DecryptionFailureCode.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+            reason: DecryptionFailureReason.HISTORICAL_MESSAGE_BACKUP_UNCONFIGURED,
+        },
+        {
+            code: DecryptionFailureCode.HISTORICAL_MESSAGE_NO_KEY_BACKUP,
+            reason: DecryptionFailureReason.HISTORICAL_MESSAGE_NO_KEY_BACKUP,
+        },
+        {
+            code: DecryptionFailureCode.HISTORICAL_MESSAGE_USER_NOT_JOINED,
+            reason: DecryptionFailureReason.HISTORICAL_MESSAGE_USER_NOT_JOINED,
+        },
+        {
+            code: DecryptionFailureCode.MEGOLM_KEY_WITHHELD,
+            reason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+        },
+        {
+            code: DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE,
+            reason: DecryptionFailureReason.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE,
+        },
+        {
+            code: DecryptionFailureCode.MEGOLM_UNKNOWN_INBOUND_SESSION_ID,
+            reason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+        },
+        {
+            code: DecryptionFailureCode.OLM_UNKNOWN_MESSAGE_INDEX,
+            reason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+        },
+        {
+            code: DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED,
+            reason: DecryptionFailureReason.SENDER_IDENTITY_PREVIOUSLY_VERIFIED,
+        },
+        {
+            code: DecryptionFailureCode.UNKNOWN_ERROR,
+            reason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+        },
+        {
+            code: DecryptionFailureCode.UNKNOWN_SENDER_DEVICE,
+            reason: DecryptionFailureReason.UNABLE_TO_DECRYPT,
+        },
+        {
+            code: DecryptionFailureCode.UNSIGNED_SENDER_DEVICE,
+            reason: DecryptionFailureReason.UNSIGNED_SENDER_DEVICE,
+        },
+    ])("should return the snapshot with code converted to reason (%s)", ({ code, reason }) => {
+        const vm = new DecryptionFailureBodyViewModel({
+            decryptionFailureCode: code,
+        });
+
+        expect(vm.getSnapshot().decryptionFailureReason).toBe(reason);
+    });
+
+    it("should update snapshot when setProps is called with new verificationState", () => {
+        const vm = new DecryptionFailureBodyViewModel({
+            decryptionFailureCode: DecryptionFailureCode.UNKNOWN_ERROR,
+            verificationState: false,
+        });
+        expect(vm.getSnapshot().isLocalDeviceVerified).toBe(false);
+
+        vm.setVerificationState(true);
+        expect(vm.getSnapshot().isLocalDeviceVerified).toBe(true);
+    });
+});
diff --git a/test/viewmodels/message-body/ReactionsRowButtonTooltipViewModel-test.tsx b/test/viewmodels/message-body/ReactionsRowButtonTooltipViewModel-test.tsx
new file mode 100644
index 0000000000..a4b742b208
--- /dev/null
+++ b/test/viewmodels/message-body/ReactionsRowButtonTooltipViewModel-test.tsx
@@ -0,0 +1,172 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type MatrixClient, type MatrixEvent, type Room, type RoomMember } from "matrix-js-sdk/src/matrix";
+
+import {
+    ReactionsRowButtonTooltipViewModel,
+    type ReactionsRowButtonTooltipViewModelProps,
+} from "../../../src/viewmodels/message-body/ReactionsRowButtonTooltipViewModel";
+import { stubClient, mkStubRoom, mkEvent } from "../../test-utils";
+import { unicodeToShortcode } from "../../../src/HtmlUtils";
+
+jest.mock("../../../src/HtmlUtils", () => ({
+    ...jest.requireActual("../../../src/HtmlUtils"),
+    unicodeToShortcode: jest.fn(),
+}));
+
+const mockedUnicodeToShortcode = jest.mocked(unicodeToShortcode);
+
+describe("ReactionsRowButtonTooltipViewModel", () => {
+    let client: MatrixClient;
+    let room: Room;
+    let mxEvent: MatrixEvent;
+
+    const createReactionEvent = (senderId: string, content?: Record<string, unknown>): MatrixEvent => {
+        return mkEvent({
+            event: true,
+            type: "m.reaction",
+            room: room.roomId,
+            user: senderId,
+            content: {
+                "m.relates_to": { rel_type: "m.annotation", event_id: mxEvent.getId(), key: "👍" },
+                ...content,
+            },
+        });
+    };
+
+    const createProps = (
+        overrides?: Partial<ReactionsRowButtonTooltipViewModelProps>,
+    ): ReactionsRowButtonTooltipViewModelProps => ({
+        client,
+        mxEvent,
+        content: "👍",
+        reactionEvents: [],
+        customReactionImagesEnabled: false,
+        ...overrides,
+    });
+
+    beforeEach(() => {
+        client = stubClient();
+        room = mkStubRoom("!room:example.org", "Test Room", client);
+        jest.spyOn(client, "getRoom").mockReturnValue(room);
+
+        mxEvent = mkEvent({
+            event: true,
+            type: "m.room.message",
+            room: room.roomId,
+            user: "@sender:example.org",
+            content: { body: "Test message", msgtype: "m.text" },
+        });
+
+        mockedUnicodeToShortcode.mockImplementation((char: string) => {
+            if (char === "👍") return ":thumbsup:";
+            return "";
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        mockedUnicodeToShortcode.mockReset();
+    });
+
+    it("should return undefined snapshot when room is not found", () => {
+        jest.spyOn(client, "getRoom").mockReturnValue(null);
+
+        const vm = new ReactionsRowButtonTooltipViewModel(createProps());
+        const snapshot = vm.getSnapshot();
+
+        expect(snapshot.formattedSenders).toBeUndefined();
+        expect(snapshot.caption).toBeUndefined();
+    });
+
+    it("should return undefined snapshot when MatrixClient is unavailable", () => {
+        const vm = new ReactionsRowButtonTooltipViewModel(createProps({ client: null }));
+        const snapshot = vm.getSnapshot();
+
+        expect(snapshot.formattedSenders).toBeUndefined();
+        expect(snapshot.caption).toBeUndefined();
+    });
+
+    it("should compute formattedSenders and caption from reaction events", () => {
+        const reactionEvent = createReactionEvent("@alice:example.org");
+        jest.spyOn(room, "getMember").mockReturnValue({ name: "Alice", userId: "@alice:example.org" } as RoomMember);
+
+        const vm = new ReactionsRowButtonTooltipViewModel(createProps({ reactionEvents: [reactionEvent] }));
+        const snapshot = vm.getSnapshot();
+
+        expect(snapshot.formattedSenders).toBe("Alice");
+        expect(snapshot.caption).toContain(":thumbsup:");
+    });
+
+    it("should fall back to sender ID when member is not found", () => {
+        const reactionEvent = createReactionEvent("@unknown:example.org");
+        jest.spyOn(room, "getMember").mockReturnValue(null);
+
+        const vm = new ReactionsRowButtonTooltipViewModel(createProps({ reactionEvents: [reactionEvent] }));
+
+        expect(vm.getSnapshot().formattedSenders).toBe("@unknown:example.org");
+    });
+
+    it("should use custom reaction shortcode when customReactionImagesEnabled is true", () => {
+        mockedUnicodeToShortcode.mockReturnValue("");
+        const reactionEvent = createReactionEvent("@alice:example.org", {
+            "com.beeper.reaction.shortcode": "custom_emoji",
+        });
+        jest.spyOn(room, "getMember").mockReturnValue({ name: "Alice", userId: "@alice:example.org" } as RoomMember);
+
+        const vm = new ReactionsRowButtonTooltipViewModel(
+            createProps({
+                content: "mxc://custom/emoji",
+                reactionEvents: [reactionEvent],
+                customReactionImagesEnabled: true,
+            }),
+        );
+
+        expect(vm.getSnapshot().caption).toContain("custom_emoji");
+    });
+
+    it("should not use custom reaction shortcode when customReactionImagesEnabled is false", () => {
+        mockedUnicodeToShortcode.mockReturnValue("");
+        const reactionEvent = createReactionEvent("@alice:example.org", {
+            "com.beeper.reaction.shortcode": "custom_emoji",
+        });
+        jest.spyOn(room, "getMember").mockReturnValue({ name: "Alice", userId: "@alice:example.org" } as RoomMember);
+
+        const vm = new ReactionsRowButtonTooltipViewModel(
+            createProps({
+                content: "mxc://custom/emoji",
+                reactionEvents: [reactionEvent],
+                customReactionImagesEnabled: false,
+            }),
+        );
+
+        expect(vm.getSnapshot().caption).toBeUndefined();
+    });
+
+    it("should update snapshot and notify subscribers when setProps is called", () => {
+        const aliceReaction = createReactionEvent("@alice:example.org");
+        const bobReaction = createReactionEvent("@bob:example.org");
+
+        jest.spyOn(room, "getMember").mockImplementation((userId) => {
+            const names: Record<string, string> = { "@alice:example.org": "Alice", "@bob:example.org": "Bob" };
+            return names[userId!] ? ({ name: names[userId!], userId } as RoomMember) : null;
+        });
+
+        const vm = new ReactionsRowButtonTooltipViewModel(createProps({ reactionEvents: [aliceReaction] }));
+        expect(vm.getSnapshot().formattedSenders).toBe("Alice");
+
+        const subscriber = jest.fn();
+        vm.subscribe(subscriber);
+
+        vm.setProps({ reactionEvents: [aliceReaction, bobReaction] });
+
+        expect(subscriber).toHaveBeenCalled();
+        expect(vm.getSnapshot().formattedSenders).toContain("Alice");
+        expect(vm.getSnapshot().formattedSenders).toContain("Bob");
+    });
+});
diff --git a/test/viewmodels/right-panel/WidgetContextMenuViewModel-test.tsx b/test/viewmodels/right-panel/WidgetContextMenuViewModel-test.tsx
new file mode 100644
index 0000000000..559be7ed56
--- /dev/null
+++ b/test/viewmodels/right-panel/WidgetContextMenuViewModel-test.tsx
@@ -0,0 +1,296 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { MatrixWidgetType } from "matrix-widget-api";
+import { type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
+
+import {
+    WidgetContextMenuViewModel,
+    type WidgetContextMenuViewModelProps,
+} from "../../../src/viewmodels/right-panel/WidgetContextMenuViewModel";
+import { stubClient } from "../../test-utils";
+import WidgetUtils from "../../../src/utils/WidgetUtils";
+import { type IApp } from "../../../src/utils/WidgetUtils-types";
+import { Container, WidgetLayoutStore } from "../../../src/stores/widgets/WidgetLayoutStore";
+import * as livestream from "../../../src/Livestream";
+import Modal from "../../../src/Modal";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { SettingLevel } from "../../../src/settings/SettingLevel";
+import * as widgetStore from "../../../src/stores/WidgetStore";
+import { WidgetMessagingStore } from "../../../src/stores/widgets/WidgetMessagingStore";
+import { type WidgetMessaging } from "../../../src/stores/widgets/WidgetMessaging";
+
+describe("WidgetContextMenuViewModel", () => {
+    const widgetId = "w1";
+    const eventId = "e1";
+    const roomId = "r1";
+    const userId = "@user-id:server";
+
+    const app: IApp = {
+        id: widgetId,
+        eventId,
+        roomId,
+        type: MatrixWidgetType.Custom,
+        url: "https://example.com",
+        name: "Example 1",
+        creatorUserId: userId,
+        avatar_url: undefined,
+    };
+
+    let client: MatrixClient;
+    const defaultProps: WidgetContextMenuViewModelProps = {
+        menuDisplayed: true,
+        room: undefined,
+        roomId,
+        cli: stubClient(),
+        app,
+        showUnpin: true,
+        userWidget: true,
+        trigger: <></>,
+        onEditClick: jest.fn(),
+        onDeleteClick: jest.fn(),
+        onFinished: jest.fn(),
+    };
+
+    beforeEach(() => {
+        jest.spyOn(WidgetUtils, "canUserModifyWidgets").mockReturnValue(true);
+        jest.spyOn(WidgetUtils, "isManagedByManager").mockReturnValue(true);
+        jest.spyOn(WidgetUtils, "editWidget").mockReturnValue();
+        const mockMessaging = {
+            on: () => {},
+            off: () => {},
+            stop: () => {},
+            widgetApi: {
+                hasCapability: jest.fn(),
+            },
+        } as unknown as WidgetMessaging;
+        jest.spyOn(WidgetMessagingStore.instance, "getMessagingForUid").mockReturnValue(mockMessaging);
+        client = stubClient();
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    it("should return the snapshot", () => {
+        const vm = new WidgetContextMenuViewModel(defaultProps);
+        expect(vm.getSnapshot()).toMatchObject({
+            showStreamAudioStreamButton: false, // because widget type is custom and not jitsi
+            showEditButton: true, // because default mock return true on canUserModifyWidgets and isManagedByManager
+            showRevokeButton: false,
+            showDeleteButton: true,
+            showSnapshotButton: false, // because no default value for sdkconfig "enableWidgetScreenshots"
+            showMoveButtons: [false, false],
+            canModify: true,
+            isMenuOpened: true,
+            trigger: <></>,
+        });
+    });
+
+    it("should call edit widget no custom edit function passed and room exist", () => {
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+            onEditClick: undefined,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        vm.onEditClick();
+        expect(WidgetUtils.editWidget).toHaveBeenCalled();
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should call custom onEditClick if passed as props and room exist", () => {
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        vm.onEditClick();
+
+        expect(props.onEditClick).toHaveBeenCalled();
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should just call finish if no custom onEditClick is passed as props and does not room exist", () => {
+        const props = {
+            ...defaultProps,
+            room: undefined,
+            onEditClick: undefined,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        vm.onEditClick();
+
+        expect(WidgetUtils.editWidget).not.toHaveBeenCalled();
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should move widget position when onmovebutton is called", () => {
+        jest.spyOn(WidgetLayoutStore.instance, "moveWithinContainer").mockReturnValue();
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        vm.onMoveButton(1);
+
+        expect(WidgetLayoutStore.instance.moveWithinContainer).toHaveBeenCalledWith(
+            props.room,
+            Container.Top,
+            props.app,
+            1,
+        );
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should throw error when onmovebutton is called and no room is given", () => {
+        const props = {
+            ...defaultProps,
+            room: undefined,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+
+        expect(() => vm.onMoveButton(1)).toThrow();
+    });
+
+    it("should startJitsiAudioLivestream when onStreamAudioClick button is clicked", async () => {
+        jest.spyOn(livestream, "startJitsiAudioLivestream").mockImplementation(jest.fn());
+        jest.spyOn(livestream, "getConfigLivestreamUrl").mockReturnValue("https://url");
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        vm.onStreamAudioClick();
+        await expect(livestream.startJitsiAudioLivestream).toHaveBeenCalled();
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should show modal when startJitsiAudioLivestream is on error and onStreamAudioClick button is clicked", async () => {
+        jest.spyOn(livestream, "startJitsiAudioLivestream").mockImplementation(() => {
+            console.log("failllllled");
+            throw new Error("Failed");
+        });
+        jest.spyOn(livestream, "getConfigLivestreamUrl").mockReturnValue("https://url");
+        jest.spyOn(Modal, "createDialog").mockReturnValue({
+            finished: Promise.resolve([true, true, false]),
+            close: jest.fn(),
+        });
+
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        await vm.onStreamAudioClick();
+        expect(Modal.createDialog).toHaveBeenCalled();
+    });
+
+    it("should throw when no room is given and onStreamAudioClick button is clicked", async () => {
+        jest.spyOn(livestream, "startJitsiAudioLivestream").mockImplementation(jest.fn());
+        jest.spyOn(livestream, "getConfigLivestreamUrl").mockReturnValue("https://url");
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        await vm.onStreamAudioClick();
+        // nothing happened
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should call custom delete function when it is given in props", () => {
+        const props = {
+            ...defaultProps,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+        vm.onDeleteClick();
+        expect(props.onDeleteClick).toHaveBeenCalled();
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should display modal when no custom function is provided and a room is given", () => {
+        jest.spyOn(Modal, "createDialog").mockReturnValue({
+            finished: Promise.resolve([true, true, false]),
+            close: jest.fn(),
+        });
+
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+            onDeleteClick: undefined,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+
+        vm.onDeleteClick();
+
+        expect(Modal.createDialog).toHaveBeenCalled();
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should do nothing when onDeleteClick and no custom function and no room is provided", () => {
+        const props = {
+            ...defaultProps,
+            room: undefined,
+            onDeleteClick: undefined,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+
+        vm.onDeleteClick();
+
+        expect(props.onFinished).toHaveBeenCalled();
+    });
+
+    it("should set new level for allowedwidget when onrevoke button is clicked", () => {
+        const current = { [eventId]: true };
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(current);
+        jest.spyOn(SettingsStore, "firstSupportedLevel").mockReturnValue(SettingLevel.DEFAULT);
+        jest.spyOn(SettingsStore, "setValue").mockResolvedValue();
+        jest.spyOn(widgetStore, "isAppWidget").mockReturnValue(true);
+        const props = {
+            ...defaultProps,
+            room: new Room(roomId, client, userId),
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+
+        vm.onRevokeClick();
+
+        expect(SettingsStore.setValue).toHaveBeenCalledWith(
+            "allowedWidgets",
+            props.roomId,
+            SettingLevel.DEFAULT,
+            current,
+        );
+
+        const current2 = { [eventId]: false };
+        jest.spyOn(SettingsStore, "getValue").mockReturnValue(current2);
+        jest.spyOn(SettingsStore, "firstSupportedLevel").mockReturnValue(SettingLevel.DEFAULT);
+        jest.spyOn(SettingsStore, "setValue").mockResolvedValue();
+        jest.spyOn(widgetStore, "isAppWidget").mockReturnValue(false);
+
+        vm.onRevokeClick();
+
+        expect(SettingsStore.setValue).toHaveBeenCalledWith(
+            "allowedWidgets",
+            props.roomId,
+            SettingLevel.DEFAULT,
+            current2,
+        );
+    });
+
+    it("should throw an error when first supported level is not set", () => {
+        jest.spyOn(SettingsStore, "firstSupportedLevel").mockReturnValue(null);
+        const props = {
+            ...defaultProps,
+            room: undefined,
+            onDeleteClick: undefined,
+        };
+        const vm = new WidgetContextMenuViewModel(props);
+
+        expect(() => vm.onRevokeClick()).toThrow();
+    });
+});
diff --git a/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts b/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
new file mode 100644
index 0000000000..7025abe7c1
--- /dev/null
+++ b/test/viewmodels/room-list/RoomListHeaderViewModel-test.ts
@@ -0,0 +1,299 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { mocked } from "jest-mock";
+import { JoinRule, type MatrixClient, type Room, RoomEvent, RoomType } from "matrix-js-sdk/src/matrix";
+
+import { RoomListHeaderViewModel } from "../../../src/viewmodels/room-list/RoomListHeaderViewModel";
+import { MetaSpace, UPDATE_HOME_BEHAVIOUR, UPDATE_SELECTED_SPACE } from "../../../src/stores/spaces";
+import SpaceStore from "../../../src/stores/spaces/SpaceStore";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import { SortingAlgorithm } from "../../../src/stores/room-list-v3/skip-list/sorters";
+import RoomListStoreV3 from "../../../src/stores/room-list-v3/RoomListStoreV3";
+import {
+    shouldShowSpaceSettings,
+    showCreateNewRoom,
+    showSpaceInvite,
+    showSpacePreferences,
+    showSpaceSettings,
+} from "../../../src/utils/space";
+import { createTestClient, mkSpace } from "../../test-utils";
+import { createRoom, hasCreateRoomRights } from "../../../src/viewmodels/room-list/utils";
+
+jest.mock("../../../src/PosthogTrackers", () => ({
+    trackInteraction: jest.fn(),
+}));
+
+jest.mock("../../../src/utils/space", () => ({
+    shouldShowSpaceSettings: jest.fn(),
+    showCreateNewRoom: jest.fn(),
+    showSpaceInvite: jest.fn(),
+    showSpacePreferences: jest.fn(),
+    showSpaceSettings: jest.fn(),
+}));
+
+jest.mock("../../../src/viewmodels/room-list/utils", () => ({
+    createRoom: jest.fn(),
+    hasCreateRoomRights: jest.fn(),
+}));
+
+describe("RoomListHeaderViewModel", () => {
+    let matrixClient: MatrixClient;
+    let mockSpace: Room;
+    let vm: RoomListHeaderViewModel;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+
+        mockSpace = mkSpace(matrixClient, "!space:server");
+
+        mocked(hasCreateRoomRights).mockReturnValue(true);
+        mocked(shouldShowSpaceSettings).mockReturnValue(true);
+
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+            if (settingName === "RoomList.preferredSorting") return SortingAlgorithm.Recency;
+            if (settingName === "feature_video_rooms") return true;
+            if (settingName === "feature_element_call_video_rooms") return true;
+            return false;
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+        vm.dispose();
+    });
+
+    describe("snapshot", () => {
+        it("should compute snapshot for Home space", () => {
+            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(MetaSpace.Home);
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(null);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+
+            const snapshot = vm.getSnapshot();
+            expect(snapshot.title).toBe("Home");
+            expect(snapshot.displayComposeMenu).toBe(true);
+            expect(snapshot.displaySpaceMenu).toBe(false);
+            expect(snapshot.canCreateRoom).toBe(true);
+            expect(snapshot.canCreateVideoRoom).toBe(true);
+            expect(snapshot.activeSortOption).toBe("recent");
+        });
+
+        it("should compute snapshot for active space", () => {
+            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+
+            const snapshot = vm.getSnapshot();
+            expect(snapshot.title).toBe(mockSpace.roomId);
+        });
+
+        it("should hide video room option when feature is disabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "feature_video_rooms") return false;
+                return false;
+            });
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().canCreateVideoRoom).toBe(false);
+        });
+
+        it("should show alphabetical sort option when RoomList.preferredSorting is Alphabetic", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "RoomList.preferredSorting") return SortingAlgorithm.Alphabetic;
+                return false;
+            });
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().activeSortOption).toBe("alphabetical");
+        });
+
+        it("should hide compose menu when user cannot create rooms", () => {
+            mocked(hasCreateRoomRights).mockReturnValue(false);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+
+            const snapshot = vm.getSnapshot();
+            expect(snapshot.displayComposeMenu).toBe(false);
+            expect(snapshot.canCreateRoom).toBe(false);
+        });
+
+        it("should show invite option when space is public", () => {
+            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+            jest.spyOn(mockSpace, "getJoinRule").mockReturnValue(JoinRule.Public);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().canInviteInSpace).toBe(true);
+        });
+
+        it("should hide invite option when user cannot invite", () => {
+            mocked(mockSpace.canInvite).mockReturnValue(false);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().canInviteInSpace).toBe(false);
+        });
+
+        it("should hide space settings when user cannot access them", () => {
+            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            mocked(shouldShowSpaceSettings).mockReturnValue(false);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().canAccessSpaceSettings).toBe(false);
+        });
+
+        it("should show message preview when RoomList.showMessagePreview is enabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "RoomList.showMessagePreview") return true;
+                return false;
+            });
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(true);
+        });
+    });
+
+    describe("event listeners", () => {
+        it.each([UPDATE_SELECTED_SPACE, UPDATE_HOME_BEHAVIOUR])(
+            "should update snapshot when %s event is emitted",
+            (event) => {
+                jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(MetaSpace.Home);
+                jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(null);
+
+                vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+
+                jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+                jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+                SpaceStore.instance.emit(event);
+
+                expect(vm.getSnapshot().title).toBe(mockSpace.roomId);
+            },
+        );
+
+        it("should update snapshot when space name changes", () => {
+            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+
+            mockSpace.name = "new name";
+            mockSpace.emit(RoomEvent.Name, mockSpace);
+
+            expect(vm.getSnapshot().title).toBe("new name");
+        });
+    });
+
+    describe("actions", () => {
+        beforeEach(() => {
+            jest.spyOn(SpaceStore.instance, "activeSpace", "get").mockReturnValue(mockSpace.roomId);
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(mockSpace);
+        });
+
+        it("should fire CreateChat action when createChatRoom is called", () => {
+            const fireSpy = jest.spyOn(defaultDispatcher, "fire");
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+
+            vm.createChatRoom(new Event("click"));
+            expect(fireSpy).toHaveBeenCalledWith(Action.CreateChat);
+        });
+
+        it("should call createRoom with active space when in a space", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.createRoom(new Event("click"));
+
+            expect(createRoom).toHaveBeenCalledWith(mockSpace);
+        });
+
+        it("should show create video room dialog for space when createVideoRoom is called", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "feature_element_call_video_rooms") return false;
+                return false;
+            });
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.createVideoRoom();
+            expect(showCreateNewRoom).toHaveBeenCalledWith(mockSpace, RoomType.ElementVideo);
+        });
+
+        it("should use UnstableCall type when element_call_video_rooms is enabled", () => {
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(null);
+
+            const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.createVideoRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.CreateRoom,
+                type: RoomType.UnstableCall,
+            });
+        });
+
+        it("should dispatch ViewRoom action when openSpaceHome is called", () => {
+            const dispatchSpy = jest.spyOn(defaultDispatcher, "dispatch");
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.openSpaceHome();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: "!space:server",
+                metricsTrigger: undefined,
+            });
+        });
+
+        it("should show space invite dialog when inviteInSpace is called", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.inviteInSpace();
+
+            expect(showSpaceInvite).toHaveBeenCalledWith(mockSpace);
+        });
+
+        it("should show space preferences dialog when openSpacePreferences is called", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.openSpacePreferences();
+
+            expect(showSpacePreferences).toHaveBeenCalledWith(mockSpace);
+        });
+
+        it("should show space settings dialog when openSpaceSettings is called", () => {
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.openSpaceSettings();
+
+            expect(showSpaceSettings).toHaveBeenCalledWith(mockSpace);
+        });
+
+        it.each([
+            ["recent" as const, SortingAlgorithm.Recency],
+            ["alphabetical" as const, SortingAlgorithm.Alphabetic],
+            ["unread-first" as const, SortingAlgorithm.Unread],
+        ])("should resort when sort is called with '%s'", (option, expectedAlgorithm) => {
+            const resortSpy = jest.spyOn(RoomListStoreV3.instance, "resort").mockImplementation(jest.fn());
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            vm.sort(option);
+
+            expect(resortSpy).toHaveBeenCalledWith(expectedAlgorithm);
+        });
+
+        it("should toggle message preview from enabled to disabled", () => {
+            jest.spyOn(SettingsStore, "getValue").mockImplementation((settingName: string) => {
+                if (settingName === "RoomList.showMessagePreview") return true;
+                return false;
+            });
+            const setValueSpy = jest.spyOn(SettingsStore, "setValue").mockImplementation(jest.fn());
+
+            vm = new RoomListHeaderViewModel({ matrixClient, spaceStore: SpaceStore.instance });
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(true);
+
+            vm.toggleMessagePreview();
+
+            expect(setValueSpy).toHaveBeenCalledWith("RoomList.showMessagePreview", null, expect.anything(), false);
+            expect(vm.getSnapshot().isMessagePreviewEnabled).toBe(false);
+        });
+    });
+});
diff --git a/test/viewmodels/room-list/RoomListItemViewModel-test.tsx b/test/viewmodels/room-list/RoomListItemViewModel-test.tsx
new file mode 100644
index 0000000000..873f786d1b
--- /dev/null
+++ b/test/viewmodels/room-list/RoomListItemViewModel-test.tsx
@@ -0,0 +1,439 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type MatrixClient, type MatrixEvent, Room, RoomEvent, PendingEventOrdering } from "matrix-js-sdk/src/matrix";
+import { CallType } from "matrix-js-sdk/src/webrtc/call";
+
+import { createTestClient, flushPromises } from "../../test-utils";
+import { RoomNotificationState } from "../../../src/stores/notifications/RoomNotificationState";
+import { RoomNotificationStateStore } from "../../../src/stores/notifications/RoomNotificationStateStore";
+import { NotificationStateEvents } from "../../../src/stores/notifications/NotificationState";
+import { type MessagePreview, MessagePreviewStore } from "../../../src/stores/room-list/MessagePreviewStore";
+import { UPDATE_EVENT } from "../../../src/stores/AsyncStore";
+import SettingsStore from "../../../src/settings/SettingsStore";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { DefaultTagID } from "../../../src/stores/room-list/models";
+import dispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { CallStore } from "../../../src/stores/CallStore";
+import type { Call } from "../../../src/models/Call";
+import { RoomListItemViewModel } from "../../../src/viewmodels/room-list/RoomListItemViewModel";
+
+jest.mock("../../../src/viewmodels/room-list/utils", () => ({
+    hasAccessToOptionsMenu: jest.fn().mockReturnValue(true),
+    hasAccessToNotificationMenu: jest.fn().mockReturnValue(true),
+}));
+
+jest.mock("../../../src/stores/CallStore", () => ({
+    __esModule: true,
+    CallStore: {
+        instance: {
+            getCall: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn(),
+            emit: jest.fn(),
+        },
+    },
+    CallStoreEvent: {
+        ConnectedCalls: "connected_calls",
+    },
+}));
+
+describe("RoomListItemViewModel", () => {
+    let matrixClient: MatrixClient;
+    let room: Room;
+    let notificationState: RoomNotificationState;
+    let viewModel: RoomListItemViewModel;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        room = new Room("!room:server", matrixClient, matrixClient.getSafeUserId(), {
+            pendingEventOrdering: PendingEventOrdering.Detached,
+        });
+
+        // Set room name
+        room.name = "Test Room";
+
+        notificationState = new RoomNotificationState(room, false);
+        jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockReturnValue(notificationState);
+
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn().mockReturnValue(undefined),
+        } as unknown as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+
+        jest.spyOn(SettingsStore, "getValue").mockImplementation((setting) => {
+            if (setting === "RoomList.showMessagePreview") return false;
+            return false;
+        });
+        jest.spyOn(SettingsStore, "watchSetting").mockImplementation(() => "watcher-id");
+
+        jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue(null);
+        jest.spyOn(CallStore.instance, "getCall").mockReturnValue(null);
+    });
+
+    afterEach(() => {
+        viewModel?.dispose();
+        jest.restoreAllMocks();
+    });
+
+    describe("Initialization", () => {
+        it("should initialize with room data", async () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            // Wait for async initialization
+            await flushPromises();
+
+            const snapshot = viewModel.getSnapshot();
+            expect(snapshot.id).toBe("!room:server");
+            expect(snapshot.name).toBe("Test Room");
+        });
+
+        it("should load message preview when enabled", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
+                text: "Hello world!",
+            } as MessagePreview);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            // Wait for async message preview load
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().messagePreview).toBe("Hello world!");
+        });
+
+        it("should not load message preview when disabled", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(false);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().messagePreview).toBeUndefined();
+        });
+    });
+
+    describe("Notification state", () => {
+        it("should reflect notification state", async () => {
+            jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+            jest.spyOn(notificationState, "count", "get").mockReturnValue(5);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            const snapshot = viewModel.getSnapshot();
+            expect(snapshot.notification.hasAnyNotificationOrActivity).toBe(true);
+            expect(snapshot.notification.count).toBe(5);
+        });
+
+        it("should update when notification state changes", async () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().notification.count).toBe(0);
+
+            jest.spyOn(notificationState, "count", "get").mockReturnValue(3);
+            notificationState.emit(NotificationStateEvents.Update);
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().notification.count).toBe(3);
+        });
+
+        it("should show bold text when has notifications", async () => {
+            jest.spyOn(notificationState, "hasAnyNotificationOrActivity", "get").mockReturnValue(true);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().isBold).toBe(true);
+        });
+
+        it("should show mention badge", async () => {
+            jest.spyOn(notificationState, "isMention", "get").mockReturnValue(true);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().notification.isMention).toBe(true);
+        });
+
+        it("should show invitation state", async () => {
+            jest.spyOn(notificationState, "invited", "get").mockReturnValue(true);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().notification.invited).toBe(true);
+        });
+    });
+
+    describe("Message preview", () => {
+        it("should update message preview when store emits update", async () => {
+            jest.spyOn(SettingsStore, "getValue").mockReturnValue(true);
+            jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
+                text: "Initial message",
+            } as MessagePreview);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().messagePreview).toBe("Initial message");
+
+            // Update preview
+            jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
+                text: "Updated message",
+            } as MessagePreview);
+
+            MessagePreviewStore.instance.emit(UPDATE_EVENT);
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().messagePreview).toBe("Updated message");
+        });
+
+        it("should show/hide preview when setting changes", async () => {
+            let showPreview = false;
+            let watchCallback: any;
+
+            jest.spyOn(SettingsStore, "getValue").mockImplementation(() => showPreview);
+            jest.spyOn(SettingsStore, "watchSetting").mockImplementation((_setting, _room, callback) => {
+                watchCallback = callback;
+                return "watcher-id";
+            });
+            jest.spyOn(MessagePreviewStore.instance, "getPreviewForRoom").mockResolvedValue({
+                text: "Test message",
+            } as MessagePreview);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().messagePreview).toBeUndefined();
+
+            // Enable previews
+            showPreview = true;
+            watchCallback(null, "device", true);
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().messagePreview).toBe("Test message");
+        });
+    });
+
+    describe("Room tags", () => {
+        it("should reflect favorite tag", async () => {
+            room.tags = { [DefaultTagID.Favourite]: { order: 0 } };
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().isFavourite).toBe(true);
+        });
+
+        it("should reflect low priority tag", async () => {
+            room.tags = { [DefaultTagID.LowPriority]: { order: 0 } };
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().isLowPriority).toBe(true);
+        });
+
+        it("should update when room tags change", async () => {
+            room.tags = {};
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().isFavourite).toBe(false);
+
+            room.tags = { [DefaultTagID.Favourite]: { order: 0 } };
+            const tagEvent = {
+                getContent: () => ({ tags: { [DefaultTagID.Favourite]: { order: 0 } } }),
+            } as MatrixEvent;
+            room.emit(RoomEvent.Tags, tagEvent, room);
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().isFavourite).toBe(true);
+        });
+    });
+
+    describe("Call state", () => {
+        it("should show voice call indicator", async () => {
+            const mockCall = {
+                callType: CallType.Voice,
+                participants: new Map([[matrixClient.getUserId()!, {}]]),
+            } as unknown as Call;
+
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(mockCall);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().notification.callType).toBe("voice");
+        });
+
+        it("should show video call indicator", async () => {
+            const mockCall = {
+                callType: CallType.Video,
+                participants: new Map([[matrixClient.getUserId()!, {}]]),
+            } as unknown as Call;
+
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(mockCall);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().notification.callType).toBe("video");
+        });
+
+        it("should not show call indicator when no participants", async () => {
+            const mockCall = {
+                callType: CallType.Voice,
+                participants: new Map(),
+            } as unknown as Call;
+
+            jest.spyOn(CallStore.instance, "getCall").mockReturnValue(mockCall);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().notification.callType).toBeUndefined();
+        });
+    });
+
+    describe("Room name updates", () => {
+        it("should update when room name changes", async () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().name).toBe("Test Room");
+
+            room.name = "Updated Room";
+            room.emit(RoomEvent.Name, room);
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().name).toBe("Updated Room");
+        });
+    });
+
+    describe("DM detection", () => {
+        it("should detect DM rooms", async () => {
+            const dmRoomMap = DMRoomMap.shared();
+            jest.spyOn(dmRoomMap, "getUserIdForRoomId").mockReturnValue("@user:server");
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            // DM rooms should not show copy room link option
+            expect(viewModel.getSnapshot().canCopyRoomLink).toBe(false);
+        });
+
+        it("should detect non-DM rooms", async () => {
+            const dmRoomMap = DMRoomMap.shared();
+            jest.spyOn(dmRoomMap, "getUserIdForRoomId").mockReturnValue(undefined);
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            await flushPromises();
+
+            expect(viewModel.getSnapshot().canCopyRoomLink).toBe(true);
+        });
+    });
+
+    describe("Actions", () => {
+        it("should dispatch view room action on openRoom", () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.onOpenRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.ViewRoom,
+                room_id: "!room:server",
+                metricsTrigger: "RoomList",
+            });
+        });
+
+        it("should return room object", () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            expect(viewModel.getSnapshot().room).toBe(room);
+        });
+
+        it("should dispatch view_invite action when onInvite is called", () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.onInvite();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: "view_invite",
+                roomId: "!room:server",
+            });
+        });
+
+        it("should dispatch copy_room action when onCopyRoomLink is called", () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.onCopyRoomLink();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: "copy_room",
+                room_id: "!room:server",
+            });
+        });
+
+        it("should dispatch leave_room action when onLeaveRoom is called for normal room", () => {
+            room.tags = {};
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.onLeaveRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: "leave_room",
+                room_id: "!room:server",
+            });
+        });
+
+        it("should dispatch forget_room action when onLeaveRoom is called for archived room", () => {
+            room.tags = { [DefaultTagID.Archived]: { order: 0 } };
+
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.onLeaveRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: "forget_room",
+                room_id: "!room:server",
+            });
+        });
+    });
+
+    describe("Cleanup", () => {
+        it("should unsubscribe from all events on dispose", () => {
+            viewModel = new RoomListItemViewModel({ room, client: matrixClient });
+
+            const offSpy = jest.spyOn(notificationState, "off");
+
+            viewModel.dispose();
+
+            expect(offSpy).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/test/viewmodels/room-list/RoomListViewViewModel-test.tsx b/test/viewmodels/room-list/RoomListViewViewModel-test.tsx
new file mode 100644
index 0000000000..c896d3111d
--- /dev/null
+++ b/test/viewmodels/room-list/RoomListViewViewModel-test.tsx
@@ -0,0 +1,546 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type MatrixClient, type Room } from "matrix-js-sdk/src/matrix";
+import { mocked } from "jest-mock";
+
+import { createTestClient, flushPromises, mkStubRoom, stubClient } from "../../test-utils";
+import RoomListStoreV3, { RoomListStoreV3Event } from "../../../src/stores/room-list-v3/RoomListStoreV3";
+import SpaceStore from "../../../src/stores/spaces/SpaceStore";
+import { FilterKey } from "../../../src/stores/room-list-v3/skip-list/filters";
+import dispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { SdkContextClass } from "../../../src/contexts/SDKContext";
+import DMRoomMap from "../../../src/utils/DMRoomMap";
+import { RoomListViewViewModel } from "../../../src/viewmodels/room-list/RoomListViewViewModel";
+import { hasCreateRoomRights } from "../../../src/viewmodels/room-list/utils";
+
+jest.mock("../../../src/viewmodels/room-list/utils", () => ({
+    hasCreateRoomRights: jest.fn().mockReturnValue(false),
+    hasAccessToOptionsMenu: jest.fn().mockReturnValue(true),
+    hasAccessToNotificationMenu: jest.fn().mockReturnValue(true),
+}));
+
+describe("RoomListViewViewModel", () => {
+    let matrixClient: MatrixClient;
+    let room1: Room;
+    let room2: Room;
+    let room3: Room;
+    let viewModel: RoomListViewViewModel;
+
+    beforeEach(() => {
+        matrixClient = createTestClient();
+        room1 = mkStubRoom("!room1:server", "Room 1", matrixClient);
+        room2 = mkStubRoom("!room2:server", "Room 2", matrixClient);
+        room3 = mkStubRoom("!room3:server", "Room 3", matrixClient);
+
+        // Setup DMRoomMap
+        const dmRoomMap = {
+            getUserIdForRoomId: jest.fn().mockReturnValue(null),
+        } as unknown as DMRoomMap;
+        DMRoomMap.setShared(dmRoomMap);
+
+        jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+            spaceId: "home",
+            rooms: [room1, room2, room3],
+        });
+
+        jest.spyOn(RoomListStoreV3.instance, "isLoadingRooms", "get").mockReturnValue(false);
+        jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(null);
+        jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue(null);
+
+        mocked(hasCreateRoomRights).mockReturnValue(false);
+    });
+
+    afterEach(() => {
+        viewModel?.dispose();
+        jest.restoreAllMocks();
+    });
+
+    describe("Initialization", () => {
+        it("should initialize with correct snapshot", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const snapshot = viewModel.getSnapshot();
+            expect(snapshot.roomIds).toEqual(["!room1:server", "!room2:server", "!room3:server"]);
+            expect(snapshot.isRoomListEmpty).toBe(false);
+            expect(snapshot.isLoadingRooms).toBe(false);
+            expect(snapshot.roomListState.spaceId).toBe("home");
+            expect(snapshot.filterIds.length).toBeGreaterThan(0);
+            expect(snapshot.activeFilterId).toBeUndefined();
+        });
+
+        it("should initialize with empty room list", () => {
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [],
+            });
+
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            expect(viewModel.getSnapshot().roomIds).toEqual([]);
+            expect(viewModel.getSnapshot().isRoomListEmpty).toBe(true);
+        });
+
+        it("should set canCreateRoom based on user rights", () => {
+            mocked(hasCreateRoomRights).mockReturnValue(true);
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            expect(viewModel.getSnapshot().canCreateRoom).toBe(true);
+        });
+    });
+
+    describe("Room list updates", () => {
+        it("should update room list when ListsUpdate event fires", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const newRoom = mkStubRoom("!room4:server", "Room 4", matrixClient);
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [room1, room2, room3, newRoom],
+            });
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(viewModel.getSnapshot().roomIds).toEqual([
+                "!room1:server",
+                "!room2:server",
+                "!room3:server",
+                "!room4:server",
+            ]);
+        });
+
+        it("should update loading state when ListsLoaded event fires", () => {
+            jest.spyOn(RoomListStoreV3.instance, "isLoadingRooms", "get").mockReturnValue(true);
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            expect(viewModel.getSnapshot().isLoadingRooms).toBe(true);
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsLoaded);
+
+            expect(viewModel.getSnapshot().isLoadingRooms).toBe(false);
+        });
+    });
+
+    describe("Space switching", () => {
+        it("should update room list when space changes", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const spaceRoomList = [room1, room2];
+
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "!space:server",
+                rooms: spaceRoomList,
+            });
+
+            jest.spyOn(SpaceStore.instance, "getLastSelectedRoomIdForSpace").mockReturnValue("!room1:server");
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(viewModel.getSnapshot().roomListState.spaceId).toBe("!space:server");
+            expect(viewModel.getSnapshot().roomIds).toEqual(["!room1:server", "!room2:server"]);
+        });
+
+        it("should clear view models when space changes", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            // Get view models for visible rooms
+            const vm1 = viewModel.getRoomItemViewModel("!room1:server");
+            const vm2 = viewModel.getRoomItemViewModel("!room2:server");
+
+            const disposeSpy1 = jest.spyOn(vm1, "dispose");
+            const disposeSpy2 = jest.spyOn(vm2, "dispose");
+
+            // Change space
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "!space:server",
+                rooms: [room3],
+            });
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            expect(disposeSpy1).toHaveBeenCalled();
+            expect(disposeSpy2).toHaveBeenCalled();
+        });
+    });
+
+    describe("Active room tracking", () => {
+        it("should update active room index when room is selected", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room2:server");
+
+            dispatcher.dispatch({
+                action: Action.ActiveRoomChanged,
+                oldRoomId: "!room1:server",
+                newRoomId: "!room2:server",
+            });
+
+            // Use setTimeout to allow the dispatcher callback to run
+            await flushPromises();
+            expect(viewModel.getSnapshot().roomListState.activeRoomIndex).toBe(1);
+        });
+
+        it("should return undefined active room index when no room is selected", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue(null);
+
+            dispatcher.dispatch({
+                action: Action.ActiveRoomChanged,
+                oldRoomId: "!room1:server",
+                newRoomId: null,
+            });
+
+            // Use setTimeout to allow the dispatcher callback to run
+            await flushPromises();
+            expect(viewModel.getSnapshot().roomListState.activeRoomIndex).toBeUndefined();
+        });
+    });
+
+    describe("Sticky room behavior", () => {
+        it("should keep selected room at same index when room list updates", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            // Select room at index 1
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room2:server");
+            dispatcher.dispatch({
+                action: Action.ActiveRoomChanged,
+                newRoomId: "!room2:server",
+            });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().roomListState.activeRoomIndex).toBe(1);
+
+            // Simulate room list update that would move room2 to front
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [room2, room1, room3], // room2 moved to front
+            });
+
+            RoomListStoreV3.instance.emit(RoomListStoreV3Event.ListsUpdate);
+
+            // Active room should still be at index 1 (sticky behavior)
+            expect(viewModel.getSnapshot().roomListState.activeRoomIndex).toBe(1);
+            expect(viewModel.getSnapshot().roomIds[1]).toBe("!room2:server");
+        });
+
+        it("should not apply sticky behavior when user changes rooms", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            // Select room at index 1
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room2:server");
+            dispatcher.dispatch({
+                action: Action.ActiveRoomChanged,
+                newRoomId: "!room2:server",
+            });
+
+            await flushPromises();
+
+            // User switches to room3
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room3:server");
+            dispatcher.dispatch({
+                action: Action.ActiveRoomChanged,
+                oldRoomId: "!room2:server",
+                newRoomId: "!room3:server",
+            });
+
+            await flushPromises();
+            expect(viewModel.getSnapshot().roomListState.activeRoomIndex).toBe(2);
+        });
+    });
+
+    describe("Filters", () => {
+        it("should toggle filter on", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            expect(viewModel.getSnapshot().activeFilterId).toBeUndefined();
+
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [room1],
+                filterKeys: [FilterKey.UnreadFilter],
+            });
+
+            viewModel.onToggleFilter("unread");
+
+            expect(viewModel.getSnapshot().activeFilterId).toBe("unread");
+            expect(viewModel.getSnapshot().roomIds).toEqual(["!room1:server"]);
+        });
+
+        it("should toggle filter off", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            // Turn filter on
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [room1],
+                filterKeys: [FilterKey.UnreadFilter],
+            });
+            viewModel.onToggleFilter("unread");
+
+            expect(viewModel.getSnapshot().activeFilterId).toBe("unread");
+
+            // Turn filter off
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [room1, room2, room3],
+            });
+            viewModel.onToggleFilter("unread");
+
+            expect(viewModel.getSnapshot().activeFilterId).toBeUndefined();
+            expect(viewModel.getSnapshot().roomIds).toEqual(["!room1:server", "!room2:server", "!room3:server"]);
+        });
+
+        it("should clear view models when filter changes", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            // Get view models
+            const vm1 = viewModel.getRoomItemViewModel("!room1:server");
+            const disposeSpy = jest.spyOn(vm1, "dispose");
+
+            jest.spyOn(RoomListStoreV3.instance, "getSortedRoomsInActiveSpace").mockReturnValue({
+                spaceId: "home",
+                rooms: [room2],
+                filterKeys: [FilterKey.UnreadFilter],
+            });
+
+            viewModel.onToggleFilter("unread");
+
+            expect(disposeSpy).toHaveBeenCalled();
+        });
+    });
+
+    describe("Room item view models", () => {
+        it("should create room item view model on demand", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const itemViewModel = viewModel.getRoomItemViewModel("!room1:server");
+
+            expect(itemViewModel).toBeDefined();
+            expect(itemViewModel.getSnapshot().room).toBe(room1);
+        });
+
+        it("should reuse existing room item view model", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const itemViewModel1 = viewModel.getRoomItemViewModel("!room1:server");
+            const itemViewModel2 = viewModel.getRoomItemViewModel("!room1:server");
+
+            expect(itemViewModel1).toBe(itemViewModel2);
+        });
+
+        it("should throw error when requesting view model for non-existent room", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            expect(() => {
+                viewModel.getRoomItemViewModel("!nonexistent:server");
+            }).toThrow();
+        });
+
+        it("should dispose view models for rooms no longer visible", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const vm1 = viewModel.getRoomItemViewModel("!room1:server");
+            const vm2 = viewModel.getRoomItemViewModel("!room2:server");
+            const vm3 = viewModel.getRoomItemViewModel("!room3:server");
+
+            const disposeSpy1 = jest.spyOn(vm1, "dispose");
+            const disposeSpy3 = jest.spyOn(vm3, "dispose");
+
+            // Update to show only middle room (index 1)
+            viewModel.updateVisibleRooms(1, 2);
+
+            expect(disposeSpy1).toHaveBeenCalled();
+            expect(disposeSpy3).toHaveBeenCalled();
+
+            // vm2 should still exist
+            const vm2Again = viewModel.getRoomItemViewModel("!room2:server");
+            expect(vm2Again).toBe(vm2);
+        });
+    });
+
+    describe("Room creation", () => {
+        it("should dispatch CreateChat action when createChatRoom is called", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const dispatchSpy = jest.spyOn(dispatcher, "fire");
+
+            viewModel.createChatRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith(Action.CreateChat);
+        });
+
+        it("should dispatch CreateRoom action without parent space", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.createRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.CreateRoom,
+            });
+        });
+
+        it("should dispatch CreateRoom action with parent space", () => {
+            const spaceRoom = mkStubRoom("!space:server", "Space", matrixClient);
+            jest.spyOn(SpaceStore.instance, "activeSpaceRoom", "get").mockReturnValue(spaceRoom);
+
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            viewModel.createRoom();
+
+            expect(dispatchSpy).toHaveBeenCalledWith({
+                action: Action.CreateRoom,
+                parent_space: spaceRoom,
+            });
+        });
+    });
+
+    describe("Keyboard navigation (ViewRoomDelta)", () => {
+        beforeEach(() => {
+            // stubClient sets up MatrixClientPeg which is needed when ViewRoom action is dispatched
+            stubClient();
+        });
+
+        it("should navigate to next room when delta is 1", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room1:server");
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            dispatcher.dispatch({
+                action: Action.ViewRoomDelta,
+                delta: 1,
+                unread: false,
+            });
+
+            await flushPromises();
+
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                    room_id: "!room2:server",
+                }),
+            );
+        });
+
+        it("should navigate to previous room when delta is -1", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room2:server");
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            dispatcher.dispatch({
+                action: Action.ViewRoomDelta,
+                delta: -1,
+                unread: false,
+            });
+
+            await flushPromises();
+
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                    room_id: "!room1:server",
+                }),
+            );
+        });
+
+        it("should wrap around to last room when navigating backwards from first room", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!room1:server");
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+
+            dispatcher.dispatch({
+                action: Action.ViewRoomDelta,
+                delta: -1,
+                unread: false,
+            });
+
+            await flushPromises();
+
+            expect(dispatchSpy).toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                    room_id: "!room3:server",
+                }),
+            );
+        });
+
+        it("should not navigate when current room is not found", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue("!unknown:server");
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+            dispatchSpy.mockClear();
+
+            dispatcher.dispatch({
+                action: Action.ViewRoomDelta,
+                delta: 1,
+                unread: false,
+            });
+
+            await flushPromises();
+
+            // Should not dispatch ViewRoom since current room wasn't found
+            expect(dispatchSpy).not.toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                }),
+            );
+        });
+
+        it("should not navigate when no room is selected", async () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            jest.spyOn(SdkContextClass.instance.roomViewStore, "getRoomId").mockReturnValue(null);
+
+            const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
+            dispatchSpy.mockClear();
+
+            dispatcher.dispatch({
+                action: Action.ViewRoomDelta,
+                delta: 1,
+                unread: false,
+            });
+
+            await flushPromises();
+
+            expect(dispatchSpy).not.toHaveBeenCalledWith(
+                expect.objectContaining({
+                    action: Action.ViewRoom,
+                }),
+            );
+        });
+    });
+
+    describe("Cleanup", () => {
+        it("should dispose all room item view models on dispose", () => {
+            viewModel = new RoomListViewViewModel({ client: matrixClient });
+
+            const vm1 = viewModel.getRoomItemViewModel("!room1:server");
+            const vm2 = viewModel.getRoomItemViewModel("!room2:server");
+
+            const disposeSpy1 = jest.spyOn(vm1, "dispose");
+            const disposeSpy2 = jest.spyOn(vm2, "dispose");
+
+            viewModel.dispose();
+
+            expect(disposeSpy1).toHaveBeenCalled();
+            expect(disposeSpy2).toHaveBeenCalled();
+        });
+    });
+});
diff --git a/test/unit-tests/components/viewmodels/roomlist/utils-test.ts b/test/viewmodels/room-list/utils-test.ts
similarity index 79%
rename from test/unit-tests/components/viewmodels/roomlist/utils-test.ts
rename to test/viewmodels/room-list/utils-test.ts
index 322d2a5cc6..e7e303aed5 100644
--- a/test/unit-tests/components/viewmodels/roomlist/utils-test.ts
+++ b/test/viewmodels/room-list/utils-test.ts
@@ -8,22 +8,18 @@
 import { mocked } from "jest-mock";
 
 import type { MatrixClient, Room, RoomState } from "matrix-js-sdk/src/matrix";
-import { createTestClient, mkStubRoom } from "../../../../test-utils";
-import { shouldShowComponent } from "../../../../../src/customisations/helpers/UIComponents";
-import {
-    hasCreateRoomRights,
-    createRoom,
-    hasAccessToNotificationMenu,
-} from "../../../../../src/components/viewmodels/roomlist/utils";
-import defaultDispatcher from "../../../../../src/dispatcher/dispatcher";
-import { Action } from "../../../../../src/dispatcher/actions";
-import { showCreateNewRoom } from "../../../../../src/utils/space";
+import { createTestClient, mkStubRoom } from "../../test-utils";
+import { shouldShowComponent } from "../../../src/customisations/helpers/UIComponents";
+import defaultDispatcher from "../../../src/dispatcher/dispatcher";
+import { Action } from "../../../src/dispatcher/actions";
+import { showCreateNewRoom } from "../../../src/utils/space";
+import { hasCreateRoomRights, createRoom, hasAccessToNotificationMenu } from "../../../src/viewmodels/room-list/utils";
 
-jest.mock("../../../../../src/customisations/helpers/UIComponents", () => ({
+jest.mock("../../../src/customisations/helpers/UIComponents", () => ({
     shouldShowComponent: jest.fn(),
 }));
 
-jest.mock("../../../../../src/utils/space", () => ({
+jest.mock("../../../src/utils/space", () => ({
     showCreateNewRoom: jest.fn(),
 }));
 
diff --git a/test/viewmodels/room/RoomStatusBar-test.ts b/test/viewmodels/room/RoomStatusBar-test.ts
new file mode 100644
index 0000000000..9d7cf55a7c
--- /dev/null
+++ b/test/viewmodels/room/RoomStatusBar-test.ts
@@ -0,0 +1,166 @@
+/*
+ * Copyright (c) 2025 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import {
+    SyncState,
+    MatrixError,
+    ClientEvent,
+    type MatrixClient,
+    type Room,
+    type MatrixEvent,
+    EventStatus,
+} from "matrix-js-sdk/src/matrix";
+import { RoomStatusBarState } from "@element-hq/web-shared-components";
+import { type MockedObject } from "jest-mock";
+
+import { mkEvent, mkRoom, stubClient } from "../../test-utils";
+import { RoomStatusBarViewModel } from "../../../src/viewmodels/room/RoomStatusBar";
+import { LocalRoom, LocalRoomState } from "../../../src/models/LocalRoom";
+
+const userId = "@example:example.org";
+
+function mkEventWithError(error: MatrixError): MatrixEvent {
+    const event = mkEvent({
+        event: true,
+        user: userId,
+        type: "org.example.test",
+        content: {},
+        status: EventStatus.NOT_SENT,
+    });
+    event.error = error;
+    return event;
+}
+
+describe("RoomStatusBarViewModel", () => {
+    let client: MockedObject<MatrixClient>;
+    let vm: RoomStatusBarViewModel;
+    let room: MockedObject<Room>;
+    let roomEmitFn!: () => void;
+    beforeEach(() => {
+        client = stubClient() as MockedObject<MatrixClient>;
+        room = mkRoom(client, "!example");
+        jest.spyOn(room, "on").mockImplementationOnce((_event, fn) => {
+            roomEmitFn = fn as any;
+            return room;
+        });
+        vm = new RoomStatusBarViewModel({
+            room,
+        });
+    });
+
+    afterEach(() => {
+        jest.restoreAllMocks();
+    });
+
+    it("should not be visible by default", () => {
+        expect(vm.getSnapshot()).toEqual({ state: null });
+    });
+
+    it("should resolve state to ConnectionLost on failed sync", () => {
+        client.getSyncState.mockReturnValue(SyncState.Error);
+        client.emit(ClientEvent.Sync, SyncState.Error, null);
+        expect(vm.getSnapshot()).toEqual({ state: RoomStatusBarState.ConnectionLost });
+    });
+
+    // Because we expect LoggedInView to pop a toast
+    it("should resolve state to nothing if sync error is M_RESOURCE_LIMIT_EXCEEDED", () => {
+        client.getSyncState.mockReturnValue(SyncState.Error);
+        client.getSyncStateData.mockReturnValue({ error: new MatrixError({ errcode: "M_RESOURCE_LIMIT_EXCEEDED" }) });
+        client.emit(ClientEvent.Sync, SyncState.Error, null);
+        expect(vm.getSnapshot()).toEqual({ state: null });
+    });
+
+    it("should resolve state to NeedsConsent if a pending event has a M_CONSENT_NOT_GIVEN error", () => {
+        room.getPendingEvents.mockReturnValue([
+            mkEventWithError(new MatrixError({ errcode: "M_CONSENT_NOT_GIVEN", consent_uri: "https://example.org" })),
+        ]);
+        roomEmitFn();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.NeedsConsent,
+            consentUri: "https://example.org",
+        });
+    });
+
+    it("should resolve state to UnsentMessages once onTermsAndConditionsClicked is called", () => {
+        room.getPendingEvents.mockReturnValue([mkEventWithError(new MatrixError({ errcode: "M_CONSENT_NOT_GIVEN" }))]);
+        roomEmitFn();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.NeedsConsent,
+        });
+        vm.onTermsAndConditionsClicked();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.UnsentMessages,
+            isResending: false,
+        });
+    });
+
+    it("should resolve state to ResourceLimited if a pending event has a M_RESOURCE_LIMIT_EXCEEDED error", () => {
+        room.getPendingEvents.mockReturnValue([
+            mkEventWithError(
+                new MatrixError({
+                    errcode: "M_RESOURCE_LIMIT_EXCEEDED",
+                    limit_type: "hs_disabled",
+                    admin_contact: "https://example.org",
+                }),
+            ),
+        ]);
+        roomEmitFn();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.ResourceLimited,
+            adminContactHref: "https://example.org",
+            resourceLimit: "hs_disabled",
+        });
+    });
+
+    it("should resolve state to UnsentMessages if there are any other events", () => {
+        room.getPendingEvents.mockReturnValue([mkEventWithError(new MatrixError({ errcode: "M_UNKNOWN" }))]);
+        roomEmitFn();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.UnsentMessages,
+            isResending: false,
+        });
+    });
+
+    it("should resolve state to isResending=true once onResendAllClick is called", async () => {
+        room.getPendingEvents.mockReturnValue([mkEventWithError(new MatrixError({ errcode: "M_UNKNOWN" }))]);
+        roomEmitFn();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.UnsentMessages,
+            isResending: false,
+        });
+        const promise = vm.onResendAllClick();
+        expect(vm.getSnapshot()).toEqual({
+            state: RoomStatusBarState.UnsentMessages,
+            isResending: true,
+        });
+        room.getPendingEvents.mockReturnValue([]);
+        await promise;
+        expect(client.resendEvent).toHaveBeenCalledTimes(1);
+        expect(vm.getSnapshot()).toEqual({
+            state: null,
+        });
+    });
+
+    describe("Local rooms", () => {
+        it("should resolve state to LocalRoomFailed if room fails to be created", () => {
+            const localRoom = new LocalRoom("!example", client, userId);
+            localRoom.state = LocalRoomState.ERROR;
+            vm = new RoomStatusBarViewModel({
+                room: localRoom,
+            });
+            expect(vm.getSnapshot()).toEqual({ state: RoomStatusBarState.LocalRoomFailed });
+        });
+        it("should resolve state to nothing for any other state for localroom", () => {
+            const localRoom = new LocalRoom("!example", client, userId);
+            localRoom.state = LocalRoomState.NEW;
+            vm = new RoomStatusBarViewModel({
+                room: localRoom,
+            });
+            expect(vm.getSnapshot()).toEqual({ state: null });
+        });
+    });
+});
diff --git a/tsconfig.json b/tsconfig.json
index ca876bff0b..28fbb701bf 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,7 +7,7 @@
         "esModuleInterop": true,
         "useDefineForClassFields": true,
         "module": "es2022",
-        "moduleResolution": "node",
+        "moduleResolution": "bundler",
         "target": "es2022",
         "noUnusedLocals": true,
         "sourceMap": false,
diff --git a/webpack.config.js b/webpack.config.js
index 3a3e7ad292..3ea0f68b0e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -221,8 +221,9 @@ module.exports = (env, argv) => {
                 // Define a variable so the i18n stuff can load
                 "$webapp": path.resolve(__dirname, "webapp"),
 
-                // Make shared-components imports resolve to EW counterpart
+                // Make shared-components imports resolve to EW deps
                 "counterpart": path.resolve(__dirname, "node_modules/counterpart"),
+                "@vector-im/compound-web": path.resolve(__dirname, "node_modules/@vector-im/compound-web"),
             },
             fallback: {
                 // Mock out the NodeFS module: The opus decoder imports this wrongly.
diff --git a/yarn.lock b/yarn.lock
index 3d7c3ec0e0..11df90f1a3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -37,7 +37,16 @@
   dependencies:
     axe-core "~4.11.0"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.27.1":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
+  integrity sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.28.5"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/code-frame@^7.10.4":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
   integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
@@ -46,25 +55,34 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.27.2", "@babel/compat-data@^7.27.7", "@babel/compat-data@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.28.5.tgz#a8a4962e1567121ac0b3b487f52107443b455c7f"
-  integrity sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==
-
-"@babel/core@^7.0.0", "@babel/core@^7.12.10", "@babel/core@^7.18.5", "@babel/core@^7.21.3", "@babel/core@^7.23.9", "@babel/core@^7.24.4", "@babel/core@^7.27.4", "@babel/core@^7.28.0":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.28.5.tgz#4c81b35e51e1b734f510c99b07dfbc7bbbb48f7e"
-  integrity sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==
+"@babel/code-frame@^7.27.1":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.28.6.tgz#72499312ec58b1e2245ba4a4f550c132be4982f7"
+  integrity sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.28.3"
-    "@babel/helpers" "^7.28.4"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.5"
-    "@babel/types" "^7.28.5"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.28.6", "@babel/compat-data@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.29.0.tgz#00d03e8c0ac24dd9be942c5370990cbe1f17d88d"
+  integrity sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==
+
+"@babel/core@^7.12.10", "@babel/core@^7.18.5", "@babel/core@^7.21.3", "@babel/core@^7.23.9", "@babel/core@^7.24.4", "@babel/core@^7.27.4":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.29.0.tgz#5286ad785df7f79d656e88ce86e650d16ca5f322"
+  integrity sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
     "@jridgewell/remapping" "^2.3.5"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
@@ -73,9 +91,9 @@
     semver "^6.3.1"
 
 "@babel/eslint-parser@^7.12.10":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.5.tgz#0b8883a4a1c2cbed7b3cd9d7765d80e8f480b9ae"
-  integrity sha512-fcdRcWahONYo+JRnJg1/AekOacGvKx12Gu0qXJXFi2WBqQA1i7+O5PaxRB7kxE/Op94dExnCiiar6T09pvdHpA==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.28.6.tgz#6a294a4add732ebe7ded8a8d2792dd03dd81dc3f"
+  integrity sha512-QGmsKi2PBO/MHSQk+AAgA9R6OHQr+VqnniFE0eMWZcVcfBZoA2dKn2hUsl3Csg/Plt9opRUWdY7//VXsrIlEiA==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
@@ -88,7 +106,7 @@
   dependencies:
     eslint-rule-composer "^0.3.0"
 
-"@babel/generator@^7.27.5", "@babel/generator@^7.28.3", "@babel/generator@^7.28.5":
+"@babel/generator@^7.27.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.28.5.tgz#712722d5e50f44d07bc7ac9fe84438742dd61298"
   integrity sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==
@@ -99,6 +117,17 @@
     "@jridgewell/trace-mapping" "^0.3.28"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.28.6", "@babel/generator@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.29.0.tgz#4cba5a76b3c71d8be31761b03329d5dc7768447f"
+  integrity sha512-vSH118/wwM/pLR38g/Sgk05sNtro6TlTJKuiMXDaZqPUfjTFcudpCOt00IhOfj+1BFAX+UFAlzCU+6WXr3GLFQ==
+  dependencies:
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
   version "7.27.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
@@ -106,12 +135,12 @@
   dependencies:
     "@babel/types" "^7.27.3"
 
-"@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
-  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
+"@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
   dependencies:
-    "@babel/compat-data" "^7.27.2"
+    "@babel/compat-data" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
     browserslist "^4.24.0"
     lru-cache "^5.1.1"
@@ -130,7 +159,7 @@
     "@babel/traverse" "^7.28.3"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.27.1", "@babel/helper-create-class-features-plugin@^7.28.3", "@babel/helper-create-class-features-plugin@^7.28.5":
+"@babel/helper-create-class-features-plugin@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz#472d0c28028850968979ad89f173594a6995da46"
   integrity sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==
@@ -143,7 +172,20 @@
     "@babel/traverse" "^7.28.5"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1":
+"@babel/helper-create-class-features-plugin@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz#611ff5482da9ef0db6291bcd24303400bca170fb"
+  integrity sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1", "@babel/helper-create-regexp-features-plugin@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz#7c1ddd64b2065c7f78034b25b43346a7e19ed997"
   integrity sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==
@@ -152,16 +194,16 @@
     regexpu-core "^6.3.1"
     semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.6.5":
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz#742ccf1cb003c07b48859fc9fa2c1bbe40e5f753"
-  integrity sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==
+"@babel/helper-define-polyfill-provider@^0.6.5", "@babel/helper-define-polyfill-provider@^0.6.6":
+  version "0.6.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.6.tgz#714dfe33d8bd710f556df59953720f6eeb6c1a14"
+  integrity sha512-mOAsxeeKkUKayvZR3HeTYD/fICpCPLJrU5ZjelT/PA6WHtNDBOE436YiaEUvHN454bRM3CebhDsIpieCc4texA==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    debug "^4.4.1"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    debug "^4.4.3"
     lodash.debounce "^4.0.8"
-    resolve "^1.22.10"
+    resolve "^1.22.11"
 
 "@babel/helper-globals@^7.28.0":
   version "7.28.0"
@@ -176,22 +218,22 @@
     "@babel/traverse" "^7.28.5"
     "@babel/types" "^7.28.5"
 
-"@babel/helper-module-imports@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
-  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+"@babel/helper-module-imports@^7.27.1", "@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
   dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz#a2b37d3da3b2344fe085dab234426f2b9a2fa5f6"
-  integrity sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==
+"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.28.3"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-optimise-call-expression@^7.27.1":
   version "7.27.1"
@@ -200,10 +242,10 @@
   dependencies:
     "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
-  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
 
 "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.25.7", "@babel/helper-plugin-utils@^7.8.0":
   version "7.25.7"
@@ -219,14 +261,14 @@
     "@babel/helper-wrap-function" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-replace-supers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
-  integrity sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==
+"@babel/helper-replace-supers@^7.27.1", "@babel/helper-replace-supers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz#94aa9a1d7423a00aead3f204f78834ce7d53fe44"
+  integrity sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==
   dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
     "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
   version "7.27.1"
@@ -262,35 +304,28 @@
   integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
 
 "@babel/helper-wrap-function@^7.27.1":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz#fe4872092bc1438ffd0ce579e6f699609f9d0a7a"
-  integrity sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz#4e349ff9222dab69a93a019cc296cdd8442e279a"
+  integrity sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==
   dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.28.3"
-    "@babel/types" "^7.28.2"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helpers@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.4.tgz#fe07274742e95bdf7cf1443593eeb8926ab63827"
-  integrity sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==
+"@babel/helpers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.28.6.tgz#fca903a313ae675617936e8998b814c415cbf5d7"
+  integrity sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==
   dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.4"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.24.4", "@babel/parser@^7.27.2", "@babel/parser@^7.28.4", "@babel/parser@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
-  integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
+"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.28.5":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.6.tgz#f01a8885b7fa1e56dd8a155130226cd698ef13fd"
+  integrity sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==
   dependencies:
-    "@babel/types" "^7.28.5"
-
-"@babel/parser@^7.18.5":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.4.tgz#da25d4643532890932cc03f7705fe19637e03fa8"
-  integrity sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==
-  dependencies:
-    "@babel/types" "^7.28.4"
+    "@babel/types" "^7.28.6"
 
 "@babel/parser@^7.23.9":
   version "7.25.8"
@@ -299,6 +334,20 @@
   dependencies:
     "@babel/types" "^7.25.8"
 
+"@babel/parser@^7.24.4":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
+  integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
+  dependencies:
+    "@babel/types" "^7.28.5"
+
+"@babel/parser@^7.28.6", "@babel/parser@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.0.tgz#669ef345add7d057e92b7ed15f0bac07611831b6"
+  integrity sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==
+  dependencies:
+    "@babel/types" "^7.29.0"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz#fbde57974707bbfa0376d34d425ff4fa6c732421"
@@ -330,22 +379,22 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
     "@babel/plugin-transform-optional-chaining" "^7.27.1"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz#373f6e2de0016f73caf8f27004f61d167743742a"
-  integrity sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz#0e8289cec28baaf05d54fd08d81ae3676065f69f"
+  integrity sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.28.3"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-proposal-decorators@^7.25.9":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.28.0.tgz#419c8acc31088e05a774344c021800f7ddc39bf0"
-  integrity sha512-zOiZqvANjWDUaUS9xMxbMcK/Zccztbe/6ikvUXaG9nsPH3w6qh5UaPGAnirI/WhIbZ8m3OHU0ReyPrknG+ZKeg==
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.29.0.tgz#d159f26f78740e47bf3ef075882b155b2d54ca81"
+  integrity sha512-CVBVv3VY/XRMxRYq5dwr2DS7/MvqPm23cOCjbwNnVrfOqcWlnefua1uUs0sjdKOGjvPUG633o07uWzJq4oI6dA==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-syntax-decorators" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-syntax-decorators" "^7.28.6"
 
 "@babel/plugin-proposal-export-default-from@^7.12.1":
   version "7.27.1"
@@ -395,12 +444,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-decorators@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.27.1.tgz#ee7dd9590aeebc05f9d4c8c0560007b05979a63d"
-  integrity sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==
+"@babel/plugin-syntax-decorators@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.28.6.tgz#8c3293a0fef033e4c786b35ce1e159fc1d676153"
+  integrity sha512-71EYI0ONURHJBL4rSFXnITXqXrrY8q4P0q006DPfN+Rk+ASM+++IBXem/ruokgBZR8YNEWZ8R6B+rCb8VcUTqA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-syntax-dynamic-import@^7.8.3":
   version "7.8.3"
@@ -409,12 +458,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-import-assertions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz#88894aefd2b03b5ee6ad1562a7c8e1587496aecd"
-  integrity sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==
+"@babel/plugin-syntax-import-assertions@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz#ae9bc1923a6ba527b70104dd2191b0cd872c8507"
+  integrity sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-syntax-import-attributes@^7.24.7":
   version "7.25.7"
@@ -423,12 +472,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.25.7"
 
-"@babel/plugin-syntax-import-attributes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz#34c017d54496f9b11b61474e7ea3dfd5563ffe07"
-  integrity sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==
+"@babel/plugin-syntax-import-attributes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz#b71d5914665f60124e133696f17cd7669062c503"
+  integrity sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-syntax-import-meta@^7.10.4":
   version "7.10.4"
@@ -529,22 +578,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-async-generator-functions@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz#1276e6c7285ab2cd1eccb0bc7356b7a69ff842c2"
-  integrity sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==
+"@babel/plugin-transform-async-generator-functions@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.0.tgz#63ed829820298f0bf143d5a4a68fb8c06ffd742f"
+  integrity sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
-    "@babel/traverse" "^7.28.0"
+    "@babel/traverse" "^7.29.0"
 
-"@babel/plugin-transform-async-to-generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz#9a93893b9379b39466c74474f55af03de78c66e7"
-  integrity sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==
+"@babel/plugin-transform-async-to-generator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.28.6.tgz#bd97b42237b2d1bc90d74bcb486c39be5b4d7e77"
+  integrity sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-remap-async-to-generator" "^7.27.1"
 
 "@babel/plugin-transform-block-scoped-functions@^7.27.1":
@@ -554,50 +603,50 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz#e0d3af63bd8c80de2e567e690a54e84d85eb16f6"
-  integrity sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==
+"@babel/plugin-transform-block-scoping@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz#e1ef5633448c24e76346125c2534eeb359699a99"
+  integrity sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-properties@^7.12.1", "@babel/plugin-transform-class-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz#dd40a6a370dfd49d32362ae206ddaf2bb082a925"
-  integrity sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==
+"@babel/plugin-transform-class-properties@^7.12.1", "@babel/plugin-transform-class-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz#d274a4478b6e782d9ea987fda09bdb6d28d66b72"
+  integrity sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-static-block@^7.26.0", "@babel/plugin-transform-class-static-block@^7.28.3":
-  version "7.28.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz#d1b8e69b54c9993bc558203e1f49bfc979bfd852"
-  integrity sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==
+"@babel/plugin-transform-class-static-block@^7.26.0", "@babel/plugin-transform-class-static-block@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz#1257491e8259c6d125ac4d9a6f39f9d2bf3dba70"
+  integrity sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.28.3"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-classes@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz#75d66175486788c56728a73424d67cbc7473495c"
-  integrity sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==
+"@babel/plugin-transform-classes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz#8f6fb79ba3703978e701ce2a97e373aae7dda4b7"
+  integrity sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.27.3"
-    "@babel/helper-compilation-targets" "^7.27.2"
+    "@babel/helper-compilation-targets" "^7.28.6"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.28.4"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
-"@babel/plugin-transform-computed-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz#81662e78bf5e734a97982c2b7f0a793288ef3caa"
-  integrity sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==
+"@babel/plugin-transform-computed-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz#936824fc71c26cb5c433485776d79c8e7b0202d2"
+  integrity sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/template" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/template" "^7.28.6"
 
-"@babel/plugin-transform-destructuring@^7.28.0", "@babel/plugin-transform-destructuring@^7.28.5":
+"@babel/plugin-transform-destructuring@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz#b8402764df96179a2070bb7b501a1586cf8ad7a7"
   integrity sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==
@@ -605,13 +654,13 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/traverse" "^7.28.5"
 
-"@babel/plugin-transform-dotall-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz#aa6821de864c528b1fecf286f0a174e38e826f4d"
-  integrity sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==
+"@babel/plugin-transform-dotall-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz#def31ed84e0fb6e25c71e53c124e7b76a4ab8e61"
+  integrity sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-duplicate-keys@^7.27.1":
   version "7.27.1"
@@ -620,13 +669,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz#5043854ca620a94149372e69030ff8cb6a9eb0ec"
-  integrity sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.0.tgz#8014b8a6cfd0e7b92762724443bf0d2400f26df1"
+  integrity sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-dynamic-import@^7.27.1":
   version "7.27.1"
@@ -635,20 +684,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-explicit-resource-management@^7.28.0":
-  version "7.28.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.0.tgz#45be6211b778dbf4b9d54c4e8a2b42fa72e09a1a"
-  integrity sha512-K8nhUcn3f6iB+P3gwCv/no7OdzOZQcKchW6N389V6PD8NUWKZHzndOd9sPDVbMoBsbmjMqlB4L9fm+fEFNVlwQ==
+"@babel/plugin-transform-explicit-resource-management@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.6.tgz#dd6788f982c8b77e86779d1d029591e39d9d8be7"
+  integrity sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
 
-"@babel/plugin-transform-exponentiation-operator@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz#7cc90a8170e83532676cfa505278e147056e94fe"
-  integrity sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==
+"@babel/plugin-transform-exponentiation-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz#5e477eb7eafaf2ab5537a04aaafcf37e2d7f1091"
+  integrity sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-export-namespace-from@^7.27.1":
   version "7.27.1"
@@ -674,12 +723,12 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/plugin-transform-json-strings@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz#a2e0ce6ef256376bd527f290da023983527a4f4c"
-  integrity sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==
+"@babel/plugin-transform-json-strings@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz#4c8c15b2dc49e285d110a4cf3dac52fd2dfc3038"
+  integrity sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-literals@^7.27.1":
   version "7.27.1"
@@ -688,12 +737,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.20.7", "@babel/plugin-transform-logical-assignment-operators@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz#d028fd6db8c081dee4abebc812c2325e24a85b0e"
-  integrity sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==
+"@babel/plugin-transform-logical-assignment-operators@^7.20.7", "@babel/plugin-transform-logical-assignment-operators@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz#53028a3d77e33c50ef30a8fce5ca17065936e605"
+  integrity sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-member-expression-literals@^7.27.1":
   version "7.27.1"
@@ -718,15 +767,23 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-systemjs@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz#7439e592a92d7670dfcb95d0cbc04bd3e64801d2"
-  integrity sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==
+"@babel/plugin-transform-modules-commonjs@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz#c0232e0dfe66a734cc4ad0d5e75fc3321b6fdef1"
+  integrity sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.28.3"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+
+"@babel/plugin-transform-modules-systemjs@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz#e458a95a17807c415924106a3ff188a3b8dee964"
+  integrity sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-validator-identifier" "^7.28.5"
-    "@babel/traverse" "^7.28.5"
+    "@babel/traverse" "^7.29.0"
 
 "@babel/plugin-transform-modules-umd@^7.27.1":
   version "7.27.1"
@@ -736,13 +793,13 @@
     "@babel/helper-module-transforms" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz#f32b8f7818d8fc0cc46ee20a8ef75f071af976e1"
-  integrity sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz#a26cd51e09c4718588fc4cce1c5d1c0152102d6a"
+  integrity sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-new-target@^7.27.1":
   version "7.27.1"
@@ -751,30 +808,30 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.12.1", "@babel/plugin-transform-nullish-coalescing-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz#4f9d3153bf6782d73dd42785a9d22d03197bc91d"
-  integrity sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.12.1", "@babel/plugin-transform-nullish-coalescing-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz#9bc62096e90ab7a887f3ca9c469f6adec5679757"
+  integrity sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-numeric-separator@^7.12.7", "@babel/plugin-transform-numeric-separator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz#614e0b15cc800e5997dadd9bd6ea524ed6c819c6"
-  integrity sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==
+"@babel/plugin-transform-numeric-separator@^7.12.7", "@babel/plugin-transform-numeric-separator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz#1310b0292762e7a4a335df5f580c3320ee7d9e9f"
+  integrity sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-object-rest-spread@^7.12.1", "@babel/plugin-transform-object-rest-spread@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz#9ee1ceca80b3e6c4bac9247b2149e36958f7f98d"
-  integrity sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==
+"@babel/plugin-transform-object-rest-spread@^7.12.1", "@babel/plugin-transform-object-rest-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz#fdd4bc2d72480db6ca42aed5c051f148d7b067f7"
+  integrity sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.28.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
     "@babel/plugin-transform-parameters" "^7.27.7"
-    "@babel/traverse" "^7.28.4"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-transform-object-super@^7.27.1":
   version "7.27.1"
@@ -784,19 +841,19 @@
     "@babel/helper-plugin-utils" "^7.27.1"
     "@babel/helper-replace-supers" "^7.27.1"
 
-"@babel/plugin-transform-optional-catch-binding@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz#84c7341ebde35ccd36b137e9e45866825072a30c"
-  integrity sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==
+"@babel/plugin-transform-optional-catch-binding@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz#75107be14c78385978201a49c86414a150a20b4c"
+  integrity sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-optional-chaining@^7.12.7", "@babel/plugin-transform-optional-chaining@^7.27.1", "@babel/plugin-transform-optional-chaining@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz#8238c785f9d5c1c515a90bf196efb50d075a4b26"
-  integrity sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==
+"@babel/plugin-transform-optional-chaining@^7.12.7", "@babel/plugin-transform-optional-chaining@^7.27.1", "@babel/plugin-transform-optional-chaining@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz#926cf150bd421fc8362753e911b4a1b1ce4356cd"
+  integrity sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
 "@babel/plugin-transform-parameters@^7.27.7":
@@ -806,22 +863,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-private-methods@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz#fdacbab1c5ed81ec70dfdbb8b213d65da148b6af"
-  integrity sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==
+"@babel/plugin-transform-private-methods@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz#c76fbfef3b86c775db7f7c106fff544610bdb411"
+  integrity sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-private-property-in-object@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz#4dbbef283b5b2f01a21e81e299f76e35f900fb11"
-  integrity sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==
+"@babel/plugin-transform-private-property-in-object@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz#4fafef1e13129d79f1d75ac180c52aafefdb2811"
+  integrity sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-property-literals@^7.27.1":
   version "7.27.1"
@@ -870,20 +927,20 @@
     "@babel/helper-annotate-as-pure" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.28.4":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz#9d3fa3bebb48ddd0091ce5729139cd99c67cea51"
-  integrity sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==
+"@babel/plugin-transform-regenerator@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz#dec237cec1b93330876d6da9992c4abd42c9d18b"
+  integrity sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-regexp-modifiers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz#df9ba5577c974e3f1449888b70b76169998a6d09"
-  integrity sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==
+"@babel/plugin-transform-regexp-modifiers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz#7ef0163bd8b4a610481b2509c58cf217f065290b"
+  integrity sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-reserved-words@^7.27.1":
   version "7.27.1"
@@ -893,12 +950,12 @@
     "@babel/helper-plugin-utils" "^7.27.1"
 
 "@babel/plugin-transform-runtime@^7.12.10":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz#ae3e21fbefe2831ebac04dfa6b463691696afe17"
-  integrity sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.29.0.tgz#a5fded13cc656700804bfd6e5ebd7fffd5266803"
+  integrity sha512-jlaRT5dJtMaMCV6fAuLbsQMSwz/QkvaHOHOSXRitGGwSpR1blCY4KUKoyP2tYO8vJcqYe8cEj96cqSztv3uF9w==
   dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     babel-plugin-polyfill-corejs2 "^0.4.14"
     babel-plugin-polyfill-corejs3 "^0.13.0"
     babel-plugin-polyfill-regenerator "^0.6.5"
@@ -911,12 +968,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-spread@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz#1a264d5fc12750918f50e3fe3e24e437178abb08"
-  integrity sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==
+"@babel/plugin-transform-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz#40a2b423f6db7b70f043ad027a58bcb44a9757b6"
+  integrity sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
 "@babel/plugin-transform-sticky-regex@^7.27.1":
@@ -958,13 +1015,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-property-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz#bdfe2d3170c78c5691a3c3be934c8c0087525956"
-  integrity sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==
+"@babel/plugin-transform-unicode-property-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz#63a7a6c21a0e75dae9b1861454111ea5caa22821"
+  integrity sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-transform-unicode-regex@^7.27.1":
   version "7.27.1"
@@ -974,88 +1031,88 @@
     "@babel/helper-create-regexp-features-plugin" "^7.27.1"
     "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-sets-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz#6ab706d10f801b5c72da8bb2548561fa04193cd1"
-  integrity sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==
+"@babel/plugin-transform-unicode-sets-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz#924912914e5df9fe615ec472f88ff4788ce04d4e"
+  integrity sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/preset-env@^7.12.11", "@babel/preset-env@^7.20.2":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.28.5.tgz#82dd159d1563f219a1ce94324b3071eb89e280b0"
-  integrity sha512-S36mOoi1Sb6Fz98fBfE+UZSpYw5mJm0NUHtIKrOuNcqeFauy1J6dIvXm2KRVKobOSaGq4t/hBXdN4HGU3wL9Wg==
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.29.0.tgz#c55db400c515a303662faaefd2d87e796efa08d0"
+  integrity sha512-fNEdfc0yi16lt6IZo2Qxk3knHVdfMYX33czNb4v8yWhemoBhibCpQK/uYHtSKIiO+p/zd3+8fYVXhQdOVV608w==
   dependencies:
-    "@babel/compat-data" "^7.28.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/compat-data" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
     "@babel/helper-validator-option" "^7.27.1"
     "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.28.5"
     "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.3"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.6"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-import-assertions" "^7.27.1"
-    "@babel/plugin-syntax-import-attributes" "^7.27.1"
+    "@babel/plugin-syntax-import-assertions" "^7.28.6"
+    "@babel/plugin-syntax-import-attributes" "^7.28.6"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.27.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.28.0"
-    "@babel/plugin-transform-async-to-generator" "^7.27.1"
+    "@babel/plugin-transform-async-generator-functions" "^7.29.0"
+    "@babel/plugin-transform-async-to-generator" "^7.28.6"
     "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.28.5"
-    "@babel/plugin-transform-class-properties" "^7.27.1"
-    "@babel/plugin-transform-class-static-block" "^7.28.3"
-    "@babel/plugin-transform-classes" "^7.28.4"
-    "@babel/plugin-transform-computed-properties" "^7.27.1"
+    "@babel/plugin-transform-block-scoping" "^7.28.6"
+    "@babel/plugin-transform-class-properties" "^7.28.6"
+    "@babel/plugin-transform-class-static-block" "^7.28.6"
+    "@babel/plugin-transform-classes" "^7.28.6"
+    "@babel/plugin-transform-computed-properties" "^7.28.6"
     "@babel/plugin-transform-destructuring" "^7.28.5"
-    "@babel/plugin-transform-dotall-regex" "^7.27.1"
+    "@babel/plugin-transform-dotall-regex" "^7.28.6"
     "@babel/plugin-transform-duplicate-keys" "^7.27.1"
-    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.29.0"
     "@babel/plugin-transform-dynamic-import" "^7.27.1"
-    "@babel/plugin-transform-explicit-resource-management" "^7.28.0"
-    "@babel/plugin-transform-exponentiation-operator" "^7.28.5"
+    "@babel/plugin-transform-explicit-resource-management" "^7.28.6"
+    "@babel/plugin-transform-exponentiation-operator" "^7.28.6"
     "@babel/plugin-transform-export-namespace-from" "^7.27.1"
     "@babel/plugin-transform-for-of" "^7.27.1"
     "@babel/plugin-transform-function-name" "^7.27.1"
-    "@babel/plugin-transform-json-strings" "^7.27.1"
+    "@babel/plugin-transform-json-strings" "^7.28.6"
     "@babel/plugin-transform-literals" "^7.27.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.28.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.28.6"
     "@babel/plugin-transform-member-expression-literals" "^7.27.1"
     "@babel/plugin-transform-modules-amd" "^7.27.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.27.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.28.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.28.6"
+    "@babel/plugin-transform-modules-systemjs" "^7.29.0"
     "@babel/plugin-transform-modules-umd" "^7.27.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.27.1"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.29.0"
     "@babel/plugin-transform-new-target" "^7.27.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
-    "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.28.4"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.28.6"
+    "@babel/plugin-transform-numeric-separator" "^7.28.6"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.6"
     "@babel/plugin-transform-object-super" "^7.27.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.28.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.28.6"
+    "@babel/plugin-transform-optional-chaining" "^7.28.6"
     "@babel/plugin-transform-parameters" "^7.27.7"
-    "@babel/plugin-transform-private-methods" "^7.27.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.27.1"
+    "@babel/plugin-transform-private-methods" "^7.28.6"
+    "@babel/plugin-transform-private-property-in-object" "^7.28.6"
     "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.28.4"
-    "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
+    "@babel/plugin-transform-regenerator" "^7.29.0"
+    "@babel/plugin-transform-regexp-modifiers" "^7.28.6"
     "@babel/plugin-transform-reserved-words" "^7.27.1"
     "@babel/plugin-transform-shorthand-properties" "^7.27.1"
-    "@babel/plugin-transform-spread" "^7.27.1"
+    "@babel/plugin-transform-spread" "^7.28.6"
     "@babel/plugin-transform-sticky-regex" "^7.27.1"
     "@babel/plugin-transform-template-literals" "^7.27.1"
     "@babel/plugin-transform-typeof-symbol" "^7.27.1"
     "@babel/plugin-transform-unicode-escapes" "^7.27.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-property-regex" "^7.28.6"
     "@babel/plugin-transform-unicode-regex" "^7.27.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.28.6"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.14"
-    babel-plugin-polyfill-corejs3 "^0.13.0"
-    babel-plugin-polyfill-regenerator "^0.6.5"
-    core-js-compat "^3.43.0"
+    babel-plugin-polyfill-corejs2 "^0.4.15"
+    babel-plugin-polyfill-corejs3 "^0.14.0"
+    babel-plugin-polyfill-regenerator "^0.6.6"
+    core-js-compat "^3.48.0"
     semver "^6.3.1"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
@@ -1091,49 +1148,49 @@
     "@babel/plugin-transform-typescript" "^7.28.5"
 
 "@babel/runtime@^7.0.0", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.9", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.4.tgz#a70226016fabe25c5783b2f22d3e1c9bc5ca3326"
-  integrity sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.28.6.tgz#d267a43cb1836dc4d182cce93ae75ba954ef6d2b"
+  integrity sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==
 
-"@babel/template@^7.27.1", "@babel/template@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
-  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+"@babel/template@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/parser" "^7.27.2"
-    "@babel/types" "^7.27.1"
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/traverse@^7.18.5":
-  version "7.28.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.4.tgz#8d456101b96ab175d487249f60680221692b958b"
-  integrity sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.5", "@babel/traverse@^7.28.6", "@babel/traverse@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.29.0.tgz#f323d05001440253eead3c9c858adbe00b90310a"
+  integrity sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.3"
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.4"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.4"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
     debug "^4.3.1"
 
-"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.0", "@babel/traverse@^7.28.3", "@babel/traverse@^7.28.4", "@babel/traverse@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.5.tgz#450cab9135d21a7a2ca9d2d35aa05c20e68c360b"
-  integrity sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==
+"@babel/traverse@^7.28.3":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.6.tgz#871ddc79a80599a5030c53b1cc48cbe3a5583c2e"
+  integrity sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==
   dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.28.5"
+    "@babel/code-frame" "^7.28.6"
+    "@babel/generator" "^7.28.6"
     "@babel/helper-globals" "^7.28.0"
-    "@babel/parser" "^7.28.5"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.28.5"
+    "@babel/parser" "^7.28.6"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.28.6"
     debug "^4.3.1"
 
-"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.2", "@babel/types@^7.28.4", "@babel/types@^7.28.5", "@babel/types@^7.4.4":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.5.tgz#10fc405f60897c35f07e85493c932c7b5ca0592b"
-  integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.28.2":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.6.tgz#c3e9377f1b155005bcc4c46020e7e394e13089df"
+  integrity sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==
   dependencies:
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.28.5"
@@ -1155,6 +1212,14 @@
     "@babel/helper-string-parser" "^7.27.1"
     "@babel/helper-validator-identifier" "^7.27.1"
 
+"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.5", "@babel/types@^7.28.6", "@babel/types@^7.29.0", "@babel/types@^7.4.4":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.0.tgz#9f5b1e838c446e72cf3cd4b918152b8c605e37c7"
+  integrity sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
 "@balena/dockerignore@^1.0.2":
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@balena/dockerignore/-/dockerignore-1.0.2.tgz#9ffe4726915251e8eb69f44ef3547e0da2c03e0d"
@@ -1165,23 +1230,23 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@cacheable/memory@^2.0.6":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@cacheable/memory/-/memory-2.0.6.tgz#de6679d26ffcfa1674c4bb40b97815b0f67839d5"
-  integrity sha512-7e8SScMocHxcAb8YhtkbMhGG+EKLRIficb1F5sjvhSYsWTZGxvg4KIDp8kgxnV2PUJ3ddPe6J9QESjKvBWRDkg==
+"@cacheable/memory@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@cacheable/memory/-/memory-2.0.7.tgz#1e066dc543b7c6797d0d230ce23d90898aca14c7"
+  integrity sha512-RbxnxAMf89Tp1dLhXMS7ceft/PGsDl1Ip7T20z5nZ+pwIAsQ1p2izPjVG69oCLv/jfQ7HDPHTWK0c9rcAWXN3A==
   dependencies:
-    "@cacheable/utils" "^2.3.2"
+    "@cacheable/utils" "^2.3.3"
     "@keyv/bigmap" "^1.3.0"
-    hookified "^1.13.0"
-    keyv "^5.5.4"
+    hookified "^1.14.0"
+    keyv "^5.5.5"
 
-"@cacheable/utils@^2.3.2":
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/@cacheable/utils/-/utils-2.3.2.tgz#8d76faef710840c391a1a35183967028c0c521f0"
-  integrity sha512-8kGE2P+HjfY8FglaOiW+y8qxcaQAfAhVML+i66XJR3YX5FtyDqn6Txctr3K2FrbxLKixRRYYBWMbuGciOhYNDg==
+"@cacheable/utils@^2.3.3":
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/@cacheable/utils/-/utils-2.3.3.tgz#56f0c0a3b2cad85f32ee2de3c73ff05d455e2c6c"
+  integrity sha512-JsXDL70gQ+1Vc2W/KUFfkAJzgb4puKwwKehNLuB+HrNKWf91O736kGfxn4KujXCCSuh6mRRL4XEB0PkAFjWS0A==
   dependencies:
-    hashery "^1.2.0"
-    keyv "^5.5.4"
+    hashery "^1.3.0"
+    keyv "^5.5.5"
 
 "@casualbot/jest-sonar-reporter@2.5.0":
   version "2.5.0"
@@ -1192,38 +1257,30 @@
     uuid "8.3.2"
     xml "1.0.1"
 
-"@csstools/cascade-layer-name-parser@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-2.0.4.tgz#64d128529397aa1e1c986f685713363b262b81b1"
-  integrity sha512-7DFHlPuIxviKYZrOiwVU/PiHLm3lLUR23OMuEEtfEOQTOp9hzQ2JjdY6X5H18RVuUPJqSCI+qNnD5iOLMVE0bA==
-
-"@csstools/color-helpers@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.0.1.tgz#829f1c76f5800b79c51c709e2f36821b728e0e10"
-  integrity sha512-MKtmkA0BX87PKaO1NFRTFH+UnkgnmySQOvNxJubsadusqPEC2aJ9MOQiMceZJJ6oitUl/i0L6u0M1IrmAOmgBA==
+"@csstools/cascade-layer-name-parser@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-3.0.0.tgz#506c2c67261459b5a1cfc4aa47fd22ae45b1b126"
+  integrity sha512-/3iksyevwRfSJx5yH0RkcrcYXwuhMQx3Juqf40t97PeEy2/Mz2TItZ/z/216qpe4GgOyFBP8MKIwVvytzHmfIQ==
 
 "@csstools/color-helpers@^5.1.0":
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.1.0.tgz#106c54c808cabfd1ab4c602d8505ee584c2996ef"
   integrity sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==
 
-"@csstools/css-calc@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-2.1.1.tgz#a7dbc66627f5cf458d42aed14bda0d3860562383"
-  integrity sha512-rL7kaUnTkL9K+Cvo2pnCieqNpTKgQzy5f+N+5Iuko9HAoasP+xgprVh7KN/MaJVvVL1l0EzQq2MoqBHKSrDrag==
+"@csstools/color-helpers@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-6.0.1.tgz#637c08a61bea78be9b602216f47b0fb93c996178"
+  integrity sha512-NmXRccUJMk2AWA5A7e5a//3bCIMyOu2hAtdRYrhPPHjDxINuCwX1w6rnIZ4xjLcp0ayv6h8Pc3X0eJUGiAAXHQ==
 
 "@csstools/css-calc@^2.1.3", "@csstools/css-calc@^2.1.4":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-2.1.4.tgz#8473f63e2fcd6e459838dd412401d5948f224c65"
   integrity sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==
 
-"@csstools/css-color-parser@^3.0.7":
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-3.0.7.tgz#442d61d58e54ad258d52c309a787fceb33906484"
-  integrity sha512-nkMp2mTICw32uE5NN+EsJ4f5N+IGFeCFu4bGpiKgb2Pq/7J/MpyLBeQ5ry4KKtRFZaYs6sTmcMYrSRIyj5DFKA==
-  dependencies:
-    "@csstools/color-helpers" "^5.0.1"
-    "@csstools/css-calc" "^2.1.1"
+"@csstools/css-calc@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-3.0.0.tgz#ca91f701626c49a45d82047ad3149ac3379a8228"
+  integrity sha512-q4d82GTl8BIlh/dTnVsWmxnbWJeb3kiU8eUH71UxlxnS+WIaALmtzTL8gR15PkYOexMQYVk0CO4qIG93C1IvPA==
 
 "@csstools/css-color-parser@^3.0.9":
   version "3.1.0"
@@ -1233,309 +1290,407 @@
     "@csstools/color-helpers" "^5.1.0"
     "@csstools/css-calc" "^2.1.4"
 
-"@csstools/css-parser-algorithms@^3.0.4", "@csstools/css-parser-algorithms@^3.0.5":
+"@csstools/css-color-parser@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-4.0.1.tgz#c40eac0ad218afb20b91735350270df8454ec307"
+  integrity sha512-vYwO15eRBEkeF6xjAno/KQ61HacNhfQuuU/eGwH67DplL0zD5ZixUa563phQvUelA07yDczIXdtmYojCphKJcw==
+  dependencies:
+    "@csstools/color-helpers" "^6.0.1"
+    "@csstools/css-calc" "^3.0.0"
+
+"@csstools/css-parser-algorithms@^3.0.4":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz#5755370a9a29abaec5515b43c8b3f2cf9c2e3076"
   integrity sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==
 
-"@csstools/css-syntax-patches-for-csstree@^1.0.19":
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.20.tgz#b14db34a759b3446b01d7981b4765f92b2d420ae"
-  integrity sha512-8BHsjXfSciZxjmHQOuVdW2b8WLUPts9a+mfL13/PzEviufUEW2xnvQuOlKs9dRBHgRqJ53SF/DUoK9+MZk72oQ==
+"@csstools/css-parser-algorithms@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz#e1c65dc09378b42f26a111fca7f7075fc2c26164"
+  integrity sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==
 
-"@csstools/css-tokenizer@^3.0.3", "@csstools/css-tokenizer@^3.0.4":
+"@csstools/css-syntax-patches-for-csstree@^1.0.25":
+  version "1.0.26"
+  resolved "https://registry.yarnpkg.com/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.26.tgz#44098e3087523472a2306f64ace9a356b8ef0a63"
+  integrity sha512-6boXK0KkzT5u5xOgF6TKB+CLq9SOpEGmkZw0g5n9/7yg85wab3UzSxB8TxhLJ31L4SGJ6BCFRw/iftTha1CJXA==
+
+"@csstools/css-tokenizer@^3.0.3":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz#333fedabc3fd1a8e5d0100013731cf19e6a8c5d3"
   integrity sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==
 
-"@csstools/media-query-list-parser@^4.0.2", "@csstools/media-query-list-parser@^4.0.3":
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-4.0.3.tgz#7aec77bcb89c2da80ef207e73f474ef9e1b3cdf1"
-  integrity sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==
-
-"@csstools/postcss-cascade-layers@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-5.0.1.tgz#9640313e64b5e39133de7e38a5aa7f40dc259597"
-  integrity sha512-XOfhI7GShVcKiKwmPAnWSqd2tBR0uxt+runAxttbSp/LY2U16yAVPmAf7e9q4JJ0d+xMNmpwNDLBXnmRCl3HMQ==
-  dependencies:
-    "@csstools/selector-specificity" "^5.0.0"
-    postcss-selector-parser "^7.0.0"
-
-"@csstools/postcss-color-function@^4.0.7":
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-4.0.7.tgz#d31d2044d8a4f8b3154ac54ac77014879eae9f56"
-  integrity sha512-aDHYmhNIHR6iLw4ElWhf+tRqqaXwKnMl0YsQ/X105Zc4dQwe6yJpMrTN6BwOoESrkDjOYMOfORviSSLeDTJkdQ==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-color-mix-function@^3.0.7":
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-3.0.7.tgz#39735bbc84dc173061e4c2842ec656bb9bc6ed2e"
-  integrity sha512-e68Nev4CxZYCLcrfWhHH4u/N1YocOfTmw67/kVX5Rb7rnguqqLyxPjhHWjSBX8o4bmyuukmNf3wrUSU3//kT7g==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-content-alt-text@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-content-alt-text/-/postcss-content-alt-text-2.0.4.tgz#76f4687fb15ed45bc1139bb71e5775779762897a"
-  integrity sha512-YItlZUOuZJCBlRaCf8Aucc1lgN41qYGALMly0qQllrxYJhiyzlI6RxOTMUvtWk+KhS8GphMDsDhKQ7KTPfEMSw==
-  dependencies:
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-exponential-functions@^2.0.6":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-2.0.6.tgz#dcee86d22102576b13d8bea059125fbcf98e83cc"
-  integrity sha512-IgJA5DQsQLu/upA3HcdvC6xEMR051ufebBTIXZ5E9/9iiaA7juXWz1ceYj814lnDYP/7eWjZnw0grRJlX4eI6g==
-  dependencies:
-    "@csstools/css-calc" "^2.1.1"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-
-"@csstools/postcss-font-format-keywords@^4.0.0":
+"@csstools/css-tokenizer@^4.0.0":
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-4.0.0.tgz#6730836eb0153ff4f3840416cc2322f129c086e6"
-  integrity sha512-usBzw9aCRDvchpok6C+4TXC57btc4bJtmKQWOHQxOVKen1ZfVqBUuCZ/wuqdX5GHsD0NRSr9XTP+5ID1ZZQBXw==
-  dependencies:
-    "@csstools/utilities" "^2.0.0"
-    postcss-value-parser "^4.2.0"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz#798a33950d11226a0ebb6acafa60f5594424967f"
+  integrity sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==
 
-"@csstools/postcss-gamut-mapping@^2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-2.0.7.tgz#8aaa4b6ffb6e2187379a83d253607f988533be25"
-  integrity sha512-gzFEZPoOkY0HqGdyeBXR3JP218Owr683u7KOZazTK7tQZBE8s2yhg06W1tshOqk7R7SWvw9gkw2TQogKpIW8Xw==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-
-"@csstools/postcss-gradients-interpolation-method@^5.0.7":
-  version "5.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-5.0.7.tgz#57e19d25e98aa028b98e22ef392ea24c3e61c568"
-  integrity sha512-WgEyBeg6glUeTdS2XT7qeTFBthTJuXlS9GFro/DVomj7W7WMTamAwpoP4oQCq/0Ki2gvfRYFi/uZtmRE14/DFA==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-hwb-function@^4.0.7":
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-4.0.7.tgz#d09528098c4b99c49c76de686a4ae35585acc691"
-  integrity sha512-LKYqjO+wGwDCfNIEllessCBWfR4MS/sS1WXO+j00KKyOjm7jDW2L6jzUmqASEiv/kkJO39GcoIOvTTfB3yeBUA==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-ic-unit@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-4.0.0.tgz#b60ec06500717c337447c39ae7fe7952eeb9d48f"
-  integrity sha512-9QT5TDGgx7wD3EEMN3BSUG6ckb6Eh5gSPT5kZoVtUuAonfPmLDJyPhqR4ntPpMYhUKAMVKAg3I/AgzqHMSeLhA==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-initial@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-initial/-/postcss-initial-2.0.0.tgz#a86f5fc59ab9f16f1422dade4c58bd941af5df22"
-  integrity sha512-dv2lNUKR+JV+OOhZm9paWzYBXOCi+rJPqJ2cJuhh9xd8USVrd0cBEPczla81HNOyThMQWeCcdln3gZkQV2kYxA==
-
-"@csstools/postcss-is-pseudo-class@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-5.0.1.tgz#12041448fedf01090dd4626022c28b7f7623f58e"
-  integrity sha512-JLp3POui4S1auhDR0n8wHd/zTOWmMsmK3nQd3hhL6FhWPaox5W7j1se6zXOG/aP07wV2ww0lxbKYGwbBszOtfQ==
-  dependencies:
-    "@csstools/selector-specificity" "^5.0.0"
-    postcss-selector-parser "^7.0.0"
-
-"@csstools/postcss-light-dark-function@^2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-2.0.7.tgz#807c170cd28eebb0c00e64dfc6ab0bf418f19209"
-  integrity sha512-ZZ0rwlanYKOHekyIPaU+sVm3BEHCe+Ha0/px+bmHe62n0Uc1lL34vbwrLYn6ote8PHlsqzKeTQdIejQCJ05tfw==
-  dependencies:
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-logical-float-and-clear@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-3.0.0.tgz#62617564182cf86ab5d4e7485433ad91e4c58571"
-  integrity sha512-SEmaHMszwakI2rqKRJgE+8rpotFfne1ZS6bZqBoQIicFyV+xT1UF42eORPxJkVJVrH9C0ctUgwMSn3BLOIZldQ==
-
-"@csstools/postcss-logical-overflow@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-overflow/-/postcss-logical-overflow-2.0.0.tgz#c6de7c5f04e3d4233731a847f6c62819bcbcfa1d"
-  integrity sha512-spzR1MInxPuXKEX2csMamshR4LRaSZ3UXVaRGjeQxl70ySxOhMpP2252RAFsg8QyyBXBzuVOOdx1+bVO5bPIzA==
-
-"@csstools/postcss-logical-overscroll-behavior@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-overscroll-behavior/-/postcss-logical-overscroll-behavior-2.0.0.tgz#43c03eaecdf34055ef53bfab691db6dc97a53d37"
-  integrity sha512-e/webMjoGOSYfqLunyzByZj5KKe5oyVg/YSbie99VEaSDE2kimFm0q1f6t/6Jo+VVCQ/jbe2Xy+uX+C4xzWs4w==
-
-"@csstools/postcss-logical-resize@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-resize/-/postcss-logical-resize-3.0.0.tgz#4df0eeb1a61d7bd85395e56a5cce350b5dbfdca6"
-  integrity sha512-DFbHQOFW/+I+MY4Ycd/QN6Dg4Hcbb50elIJCfnwkRTCX05G11SwViI5BbBlg9iHRl4ytB7pmY5ieAFk3ws7yyg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-logical-viewport-units@^3.0.3":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-3.0.3.tgz#f6cc63520ca2a6eb76b9cd946070c38dda66d733"
-  integrity sha512-OC1IlG/yoGJdi0Y+7duz/kU/beCwO+Gua01sD6GtOtLi7ByQUpcIqs7UE/xuRPay4cHgOMatWdnDdsIDjnWpPw==
-  dependencies:
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-media-minmax@^2.0.6":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-minmax/-/postcss-media-minmax-2.0.6.tgz#427921c0f08033203810af16dfed0baedc538eab"
-  integrity sha512-J1+4Fr2W3pLZsfxkFazK+9kr96LhEYqoeBszLmFjb6AjYs+g9oDAw3J5oQignLKk3rC9XHW+ebPTZ9FaW5u5pg==
-  dependencies:
-    "@csstools/css-calc" "^2.1.1"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/media-query-list-parser" "^4.0.2"
-
-"@csstools/postcss-media-queries-aspect-ratio-number-values@^3.0.4":
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-3.0.4.tgz#d71102172c74baf3f892fac88cf1ea46a961600d"
-  integrity sha512-AnGjVslHMm5xw9keusQYvjVWvuS7KWK+OJagaG0+m9QnIjZsrysD2kJP/tr/UJIyYtMCtu8OkUd+Rajb4DqtIQ==
-  dependencies:
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/media-query-list-parser" "^4.0.2"
-
-"@csstools/postcss-nested-calc@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-4.0.0.tgz#754e10edc6958d664c11cde917f44ba144141c62"
-  integrity sha512-jMYDdqrQQxE7k9+KjstC3NbsmC063n1FTPLCgCRS2/qHUbHM0mNy9pIn4QIiQGs9I/Bg98vMqw7mJXBxa0N88A==
-  dependencies:
-    "@csstools/utilities" "^2.0.0"
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-normalize-display-values@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.0.tgz#ecdde2daf4e192e5da0c6fd933b6d8aff32f2a36"
-  integrity sha512-HlEoG0IDRoHXzXnkV4in47dzsxdsjdz6+j7MLjaACABX2NfvjFS6XVAnpaDyGesz9gK2SC7MbNwdCHusObKJ9Q==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-oklab-function@^4.0.7":
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-4.0.7.tgz#33b3322dfb27b0b5eb83a7ad36e67f08bc4e66cd"
-  integrity sha512-I6WFQIbEKG2IO3vhaMGZDkucbCaUSXMxvHNzDdnfsTCF5tc0UlV3Oe2AhamatQoKFjBi75dSEMrgWq3+RegsOQ==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-progressive-custom-properties@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-4.0.0.tgz#ecdb85bcdb1852d73970a214a376684a91f82bdc"
-  integrity sha512-XQPtROaQjomnvLUSy/bALTR5VCtTVUFwYs1SblvYgLSeTo2a/bMNwUwo2piXw5rTv/FEYiy5yPSXBqg9OKUx7Q==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-random-function@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-random-function/-/postcss-random-function-1.0.2.tgz#699702820f19bb6b9632966ff44d8957db6889d2"
-  integrity sha512-vBCT6JvgdEkvRc91NFoNrLjgGtkLWt47GKT6E2UDn3nd8ZkMBiziQ1Md1OiKoSsgzxsSnGKG3RVdhlbdZEkHjA==
-  dependencies:
-    "@csstools/css-calc" "^2.1.1"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-
-"@csstools/postcss-relative-color-syntax@^3.0.7":
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-3.0.7.tgz#862f8c6a2bbbab1a46aff8265b6a095fd267a3a6"
-  integrity sha512-apbT31vsJVd18MabfPOnE977xgct5B1I+Jpf+Munw3n6kKb1MMuUmGGH+PT9Hm/fFs6fe61Q/EWnkrb4bNoNQw==
-  dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
-
-"@csstools/postcss-scope-pseudo-class@^4.0.1":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-4.0.1.tgz#9fe60e9d6d91d58fb5fc6c768a40f6e47e89a235"
-  integrity sha512-IMi9FwtH6LMNuLea1bjVMQAsUhFxJnyLSgOp/cpv5hrzWmrUYU5fm0EguNDIIOHUqzXode8F/1qkC/tEo/qN8Q==
-  dependencies:
-    postcss-selector-parser "^7.0.0"
-
-"@csstools/postcss-sign-functions@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-sign-functions/-/postcss-sign-functions-1.1.1.tgz#eb8e4a5ac637982aeb9264cb99f85817612ad3e8"
-  integrity sha512-MslYkZCeMQDxetNkfmmQYgKCy4c+w9pPDfgOBCJOo/RI1RveEUdZQYtOfrC6cIZB7sD7/PHr2VGOcMXlZawrnA==
-  dependencies:
-    "@csstools/css-calc" "^2.1.1"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-
-"@csstools/postcss-stepped-value-functions@^4.0.6":
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-4.0.6.tgz#ee88c6122daf58a1b8641f462e8e33427c60b1f1"
-  integrity sha512-/dwlO9w8vfKgiADxpxUbZOWlL5zKoRIsCymYoh1IPuBsXODKanKnfuZRr32DEqT0//3Av1VjfNZU9yhxtEfIeA==
-  dependencies:
-    "@csstools/css-calc" "^2.1.1"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-
-"@csstools/postcss-text-decoration-shorthand@^4.0.1":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-4.0.1.tgz#251fab0939d50c6fd73bb2b830b2574188efa087"
-  integrity sha512-xPZIikbx6jyzWvhms27uugIc0I4ykH4keRvoa3rxX5K7lEhkbd54rjj/dv60qOCTisoS+3bmwJTeyV1VNBrXaw==
-  dependencies:
-    "@csstools/color-helpers" "^5.0.1"
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-trigonometric-functions@^4.0.6":
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-4.0.6.tgz#fc5c5f4c9bd0fd796b58b9a14d5d663be76d19fa"
-  integrity sha512-c4Y1D2Why/PeccaSouXnTt6WcNHJkoJRidV2VW9s5gJ97cNxnLgQ4Qj8qOqkIR9VmTQKJyNcbF4hy79ZQnWD7A==
-  dependencies:
-    "@csstools/css-calc" "^2.1.1"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-
-"@csstools/postcss-unset-value@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-4.0.0.tgz#7caa981a34196d06a737754864baf77d64de4bba"
-  integrity sha512-cBz3tOCI5Fw6NIFEwU3RiwK6mn3nKegjpJuzCndoGq3BZPkUjnsq7uQmIeMNeMbMk7YD2MfKcgCpZwX5jyXqCA==
-
-"@csstools/selector-resolve-nested@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-resolve-nested/-/selector-resolve-nested-3.0.0.tgz#704a9b637975680e025e069a4c58b3beb3e2752a"
-  integrity sha512-ZoK24Yku6VJU1gS79a5PFmC8yn3wIapiKmPgun0hZgEI5AOqgH2kiPRsPz1qkGv4HL+wuDLH83yQyk6inMYrJQ==
-
-"@csstools/selector-specificity@^5.0.0":
+"@csstools/media-query-list-parser@^5.0.0":
   version "5.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-5.0.0.tgz#037817b574262134cabd68fc4ec1a454f168407b"
-  integrity sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw==
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-5.0.0.tgz#99e8d03ff6f9f8df8cf9876e0f17d075e6dae9e7"
+  integrity sha512-T9lXmZOfnam3eMERPsszjY5NK0jX8RmThmmm99FZ8b7z8yMaFZWKwLWGZuTwdO3ddRY5fy13GmmEYZXB4I98Eg==
 
-"@csstools/utilities@^2.0.0":
+"@csstools/postcss-alpha-function@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-alpha-function/-/postcss-alpha-function-2.0.2.tgz#74ac78ae10daf06be144bbebfb919220d0443127"
+  integrity sha512-EXdJC5fds0h1KqoioUBkcYPZvcNKR64jrGkbqlDNbMU3FP1MzLEr/QJR8bj/bu53TJFIgkc9WvKcpbwVqZ4WPg==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-cascade-layers@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-6.0.0.tgz#d1c5d456f9592d8e550a68f0838d966f5fe8073c"
+  integrity sha512-WhsECqmrEZQGqaPlBA7JkmF/CJ2/+wetL4fkL9sOPccKd32PQ1qToFM6gqSI5rkpmYqubvbxjEJhyMTHYK0vZQ==
+  dependencies:
+    "@csstools/selector-specificity" "^6.0.0"
+    postcss-selector-parser "^7.1.1"
+
+"@csstools/postcss-color-function-display-p3-linear@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function-display-p3-linear/-/postcss-color-function-display-p3-linear-2.0.1.tgz#c90cebf312b549510a620f0dc6cbc610cb6eba58"
+  integrity sha512-blnzzMkMswoagp1u3JS1OiiTuQCW1F+lQEtlxu2BXhTUmEeKHhSgrrAceF7s4bwZOwKYbkxuw/FC9Ni/zxB7Xw==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-color-function@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-5.0.1.tgz#49e8aae6909ffece8063f2312bec45af4b37eea6"
+  integrity sha512-SNU4o63+oZpB7ufkTmj3FholvMtJwuyIWqTOVOxnZjNDFEg1hwdbnPjoytZVgKRQGkvkHdAS0uZWn0zH+ZwXCQ==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-color-mix-function@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-4.0.1.tgz#ec5ca05708258f67e2aec82495e9b8eb44de78fe"
+  integrity sha512-B9XBCd8cmHVwnc5YTn2YVXOlNMTNwuPIpJQ87665vaNdfNorVWz8JhAAv7Vq0v66TA6htE7+QW0OidL/QV0tiA==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-color-mix-variadic-function-arguments@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-variadic-function-arguments/-/postcss-color-mix-variadic-function-arguments-2.0.1.tgz#8e8cdd403609ac4b1ea2b95aad2da88a684d80ed"
+  integrity sha512-PV5nv9EHsEsvC5GlVqAHa1PznP/qZxFAIABImrkGJUbSoFUTwpnPch/dYSKw52CQ0aNnwCqMHoM29wDwmpVLqw==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-content-alt-text@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-content-alt-text/-/postcss-content-alt-text-3.0.0.tgz#fb801cdabf6d37f423797ecf01b02a7c7691e818"
+  integrity sha512-OHa+4aCcrJtHpPWB3zptScHwpS1TUbeLR4uO0ntIz0Su/zw9SoWkVu+tDMSySSAsNtNSI3kut4fTliFwIsrHxA==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-contrast-color-function@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-contrast-color-function/-/postcss-contrast-color-function-3.0.1.tgz#3633e8d1388b19d46fec8038b2ef88b8bb56de38"
+  integrity sha512-Zy2gyAPsUyoAUkmBjLbWcXJhglM+toBRpNegyJc/LTHpSpIbMKVmByGQ+VSw01E1Pov8Dk/fgEs9hd11xtGC8g==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-exponential-functions@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-exponential-functions/-/postcss-exponential-functions-3.0.0.tgz#711735c49f8b0538f7db7fac2d4d4a4f12552521"
+  integrity sha512-KCtnlZw1VrDCAbYxE44rUHONYAkjhh0/iS5T3L2K5OHuvoSEvxDjJO82pRwTmsRxVtSiC+syPjx2k2xsqHOM7w==
+  dependencies:
+    "@csstools/css-calc" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-font-format-keywords@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-5.0.0.tgz#c73345cc6c827ba2d9031f56d4403e079c449a0b"
+  integrity sha512-M1EjCe/J3u8fFhOZgRci74cQhJ7R0UFBX6T+WqoEvjrr8hVfMiV+HTYrzxLY5OW8YllvXYr5Q5t5OvJbsUSeDg==
+  dependencies:
+    "@csstools/utilities" "^3.0.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-gamut-mapping@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-gamut-mapping/-/postcss-gamut-mapping-3.0.1.tgz#22a34382a900c926ffe2c4df3f7cfdd0e7c4c53c"
+  integrity sha512-0S7D+gArVXsgRDxjoNv8g2QlaIi/SegqdlTMgVwowaPSyxaZsVnwrhShvmlpoLOVHmpJfHKGiXzn1Hc1BcZCzQ==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-gradients-interpolation-method@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-6.0.1.tgz#b39f11c6f8423568718b2cfd004782aae958639b"
+  integrity sha512-Y5dxOstuUCdmU1tuEB/EgKxDw+/DAZes4gQeitb/H0S5khmjT24CfbVa/l2ZelNCEEq9KjxqO2cjwDV2vqj62w==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-hwb-function@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-5.0.1.tgz#ec4f0b31d113f7184a0ec9e2cece3fbc21d8c51e"
+  integrity sha512-9f8TA/B8iEpzF0y4Z6qPVfP9nMp2ti10OFbtyDtoBz3+eK0KPV4CCCjTwYIpPRopLgctFZt7xqmOxA7JgAJEug==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-ic-unit@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-5.0.0.tgz#c2ffc14d874bd258dce63676b758edf5041723f1"
+  integrity sha512-/ws5d6c4uKqfM9zIL3ugcGI+3fvZEOOkJHNzAyTAGJIdZ+aSL9BVPNlHGV4QzmL0vqBSCOdU3+rhcMEj3+KzYw==
+  dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-initial@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-initial/-/postcss-initial-3.0.0.tgz#f3714d3f5bc77e6d6aa34804c48fd728df25c657"
+  integrity sha512-UVUrFmrTQyLomVepnjWlbBg7GoscLmXLwYFyjbcEnmpeGW7wde6lNpx5eM3eVwZI2M+7hCE3ykYnAsEPLcLa+Q==
+
+"@csstools/postcss-is-pseudo-class@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-6.0.0.tgz#8acf06fb87c8e22f7bdbb8d7295e1eda8ca4dc0e"
+  integrity sha512-1Hdy/ykg9RDo8vU8RiM2o+RaXO39WpFPaIkHxlAEJFofle/lc33tdQMKhBk3jR/Fe+uZNLOs3HlowFafyFptVw==
+  dependencies:
+    "@csstools/selector-specificity" "^6.0.0"
+    postcss-selector-parser "^7.1.1"
+
+"@csstools/postcss-light-dark-function@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-light-dark-function/-/postcss-light-dark-function-3.0.0.tgz#5f35f34381f79d4f13e3c27368eae24521692d60"
+  integrity sha512-s++V5/hYazeRUCYIn2lsBVzUsxdeC46gtwpgW6lu5U/GlPOS5UTDT14kkEyPgXmFbCvaWLREqV7YTMJq1K3G6w==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-logical-float-and-clear@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-4.0.0.tgz#f9e8f9b03abde8fb63e14f85e11ab6bdef14bc5c"
+  integrity sha512-NGzdIRVj/VxOa/TjVdkHeyiJoDihONV0+uB0csUdgWbFFr8xndtfqK8iIGP9IKJzco+w0hvBF2SSk2sDSTAnOQ==
+
+"@csstools/postcss-logical-overflow@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-overflow/-/postcss-logical-overflow-3.0.0.tgz#bb56b91f6dabec180fd93fc77e35bc2d73f285b8"
+  integrity sha512-5cRg93QXVskM0MNepHpPcL0WLSf5Hncky0DrFDQY/4ozbH5lH7SX5ejayVpNTGSX7IpOvu7ykQDLOdMMGYzwpA==
+
+"@csstools/postcss-logical-overscroll-behavior@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-overscroll-behavior/-/postcss-logical-overscroll-behavior-3.0.0.tgz#989e01da06c55a984212021c3bb5a0631f0d7bf3"
+  integrity sha512-82Jnl/5Wi5jb19nQE1XlBHrZcNL3PzOgcj268cDkfwf+xi10HBqufGo1Unwf5n8bbbEFhEKgyQW+vFsc9iY1jw==
+
+"@csstools/postcss-logical-resize@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-resize/-/postcss-logical-resize-4.0.0.tgz#4fe1e0e8e83ba721bf3afc6810535bc9f1ca9967"
+  integrity sha512-L0T3q0gei/tGetCGZU0c7VN77VTivRpz1YZRNxjXYmW+85PKeI6U9YnSvDqLU2vBT2uN4kLEzfgZ0ThIZpN18A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-logical-viewport-units@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-4.0.0.tgz#899c2ef20574a0ac47d0f8b8069e2d8e6102641c"
+  integrity sha512-TA3AqVN/1IH3dKRC2UUWvprvwyOs2IeD7FDZk5Hz20w4q33yIuSg0i0gjyTUkcn90g8A4n7QpyZ2AgBrnYPnnA==
+  dependencies:
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-media-minmax@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-minmax/-/postcss-media-minmax-3.0.0.tgz#4ff4530e31d15ca4fdb13d3faf6d4011680b1e32"
+  integrity sha512-42szvyZ/oqG7NSvBQOGq1IaJaHR6mr/iXqqjW8/JuIajIHRs9HcJR5ExC4vbyCqk+fr7/DIOhm5ZrELBytLDsw==
+  dependencies:
+    "@csstools/css-calc" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/media-query-list-parser" "^5.0.0"
+
+"@csstools/postcss-media-queries-aspect-ratio-number-values@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-4.0.0.tgz#3b07ffbfae89b4b6e231ed676a0334902f0a8363"
+  integrity sha512-FDdC3lbrj8Vr0SkGIcSLTcRB7ApG6nlJFxOxkEF2C5hIZC1jtgjISFSGn/WjFdVkn8Dqe+Vx9QXI3axS2w1XHw==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/media-query-list-parser" "^5.0.0"
+
+"@csstools/postcss-mixins@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-mixins/-/postcss-mixins-1.0.0.tgz#c4e1f8dd5f2fa41a7ef6979e95b1621dadb46903"
+  integrity sha512-rz6qjT2w9L3k65jGc2dX+3oGiSrYQ70EZPDrINSmSVoVys7lLBFH0tvEa8DW2sr9cbRVD/W+1sy8+7bfu0JUfg==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-nested-calc@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-5.0.0.tgz#173f25e00f73e8473e9f1545a036f975b8c827ca"
+  integrity sha512-aPSw8P60e/i9BEfugauhikBqgjiwXcw3I9o4vXs+hktl4NSTgZRI0QHimxk9mst8N01A2TKDBxOln3mssRxiHQ==
+  dependencies:
+    "@csstools/utilities" "^3.0.0"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-normalize-display-values@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-5.0.1.tgz#a8bb239b9bd0af5cf26f247509417a955f59623c"
+  integrity sha512-FcbEmoxDEGYvm2W3rQzVzcuo66+dDJjzzVDs+QwRmZLHYofGmMGwIKPqzF86/YW+euMDa7sh1xjWDvz/fzByZQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-oklab-function@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-5.0.1.tgz#0e1731dd10c69444c4646748d8d5c302bdd4b96f"
+  integrity sha512-Ql+X4zu29ITihxHKcCFEU84ww+Nkv44M2s0fT7Nv4iQYlQ4+liF6v9RL0ezeogeiLRNLLC6yh0ay1PHpmaNIgQ==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-position-area-property@^2.0.0":
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/utilities/-/utilities-2.0.0.tgz#f7ff0fee38c9ffb5646d47b6906e0bc8868bde60"
-  integrity sha512-5VdOr0Z71u+Yp3ozOx8T11N703wIFGVRgOWbOZMKgglPJsWA54MRIoMNVMa7shUToIhx5J8vX4sOZgD2XiihiQ==
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-position-area-property/-/postcss-position-area-property-2.0.0.tgz#3eb4cdc133584c5f413456099fa370a6ccf20140"
+  integrity sha512-TeEfzsJGB23Syv7yCm8AHCD2XTFujdjr9YYu9ebH64vnfCEvY4BG319jXAYSlNlf3Yc9PNJ6WnkDkUF5XVgSKQ==
+
+"@csstools/postcss-progressive-custom-properties@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-5.0.0.tgz#918da15f18888bed01eea64d44e405749b47b096"
+  integrity sha512-NsJoZ89rxmDrUsITf8QIk5w+lQZQ8Xw5K6cLFG+cfiffsLYHb3zcbOOrHLetGl1WIhjWWQ4Cr8MMrg46Q+oACg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-property-rule-prelude-list@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-property-rule-prelude-list/-/postcss-property-rule-prelude-list-2.0.0.tgz#16d4cae842dba9bf601f84db2d993c7bd7d20972"
+  integrity sha512-qcMAkc9AhpzHgmQCD8hoJgGYifcOAxd1exXjjxilMM6euwRE619xDa4UsKBCv/v4g+sS63sd6c29LPM8s2ylSQ==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-random-function@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-random-function/-/postcss-random-function-3.0.0.tgz#907ee541555a278fa106b84a9da1387895f1814c"
+  integrity sha512-H/Zt5o9NAd8mowq3XRy8uU19wOEe8sbKyKOKxrzOdG0rz2maA4fLcXc9MQucdm3s4zMDfVJtCqvwrLP7lKWybA==
+  dependencies:
+    "@csstools/css-calc" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-relative-color-syntax@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-4.0.1.tgz#2cce2eb471540b1abe6a7f16209185fbc0749f9e"
+  integrity sha512-zRLO9xMGtCCT0FTpTsaGI6cmdzJKbwWjg92AuczlSDuriEAPEJL+ZJ4jDyw51p23DfoAFgK8soB/LyoY1kFOLQ==
+  dependencies:
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
+
+"@csstools/postcss-scope-pseudo-class@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-5.0.0.tgz#74e8cabcb46b1ffae31cf9df2a106fd2f14aefcd"
+  integrity sha512-kBrBFJcAji3MSHS4qQIihPvJfJC5xCabXLbejqDMiQi+86HD4eMBiTayAo46Urg7tlEmZZQFymFiJt+GH6nvXw==
+  dependencies:
+    postcss-selector-parser "^7.1.1"
+
+"@csstools/postcss-sign-functions@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-sign-functions/-/postcss-sign-functions-2.0.0.tgz#add2c40e8468814348f2f100b585541c40c4a27f"
+  integrity sha512-32Bw7++8ToSLMEOSJUuxJsAJJdsIfgeD1dYPKRCk9/fTciVZ8MjkPXypwiXIo7xIJk0h5CJz6QUkDoc6dcAJ7Q==
+  dependencies:
+    "@csstools/css-calc" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-stepped-value-functions@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-5.0.0.tgz#1c7a0cdd3b01a31040a0b370f2e66f42a1dd15a4"
+  integrity sha512-NueCSNbaq7QtAj6QwseMqOlM3C8nN2GWaPwd2Uw+IOYAbGvO/84BxUtNeZljeOmqJX61hwSNhLfwmgJXgY0W5A==
+  dependencies:
+    "@csstools/css-calc" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-syntax-descriptor-syntax-production@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-syntax-descriptor-syntax-production/-/postcss-syntax-descriptor-syntax-production-2.0.0.tgz#1ad51808179db70b41e3489e64f3d82c367585cc"
+  integrity sha512-elYcbdiBXAkPqvojB9kIBRuHY6htUhjSITtFQ+XiXnt6SvZCbNGxQmaaw6uZ7SPHu/+i/XVjzIt09/1k3SIerQ==
+  dependencies:
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-system-ui-font-family@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-system-ui-font-family/-/postcss-system-ui-font-family-2.0.0.tgz#aef79f3cc9293a1586dadb9d5b79918be4f61ab4"
+  integrity sha512-FyGZCgchFImFyiHS2x3rD5trAqatf/x23veBLTIgbaqyFfna6RNBD+Qf8HRSjt6HGMXOLhAjxJ3OoZg0bbn7Qw==
+  dependencies:
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-text-decoration-shorthand@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-5.0.1.tgz#2ea458f98eb857b4fa8b40e69ae569ddf6b2f606"
+  integrity sha512-yH9VyYE1LFLfyp6fYMLSUVON7vILzp1U2NkiCEIi7FM0M5thKd4XJJioD2a2a4t5sHwKesVaGyg89k2Hf1z0Sg==
+  dependencies:
+    "@csstools/color-helpers" "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+"@csstools/postcss-trigonometric-functions@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-5.0.0.tgz#53264885f2a099e69ecd6f05a80d4eec78a5f0f8"
+  integrity sha512-isjkD3l1MVjanGuaS7RIYP/9txZKbZ8eQPaUHoxEWmySm3k6KutSepzPINL6MXyyi0ZUijZcktA++/L66IK71A==
+  dependencies:
+    "@csstools/css-calc" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+
+"@csstools/postcss-unset-value@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-5.0.0.tgz#722d7131f9b468791dbc73485c811c1ae2232edf"
+  integrity sha512-EoO54sS2KCIfesvHyFYAW99RtzwHdgaJzhl7cqKZSaMYKZv3fXSOehDjAQx8WZBKn1JrMd7xJJI1T1BxPF7/jA==
+
+"@csstools/selector-resolve-nested@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-resolve-nested/-/selector-resolve-nested-4.0.0.tgz#ccc38c2cdc14c3ddd1d94647803facef654d47e2"
+  integrity sha512-9vAPxmp+Dx3wQBIUwc1v7Mdisw1kbbaGqXUM8QLTgWg7SoPGYtXBsMXvsFs/0Bn5yoFhcktzxNZGNaUt0VjgjA==
+
+"@csstools/selector-specificity@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-6.0.0.tgz#ef28e27c1ded1d8e5c54879a9399e7055aed1920"
+  integrity sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA==
+
+"@csstools/utilities@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/utilities/-/utilities-3.0.0.tgz#8c07044bd66f08c51f63fe5575a63f1b9a8bec8a"
+  integrity sha512-etDqA/4jYvOGBM6yfKCOsEXfH96BKztZdgGmGqKi2xHnDe0ILIBraRspwgYatJH9JsCZ5HCGoCst8w18EKOAdg==
 
 "@discoveryjs/json-ext@0.5.7":
   version "0.5.7"
@@ -1547,11 +1702,6 @@
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.6.3.tgz#f13c7c205915eb91ae54c557f5e92bddd8be0e83"
   integrity sha512-4B4OijXeVNOPZlYA2oEwWOTkzyltLao+xbotHQeqN++Rv27Y6s818+n2Qkp8q+Fxhn0t/5lA5X1Mxktud8eayQ==
 
-"@dual-bundle/import-meta-resolve@^4.2.1":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.2.1.tgz#cd0b25b3808cd9e684cd6cd549bbf8e1dcf05ee7"
-  integrity sha512-id+7YRUgoUX6CgV0DtuhirQWodeeA7Lf4i2x71JS/vtA5pRb/hIGWlw+G6MeXvsM+MXrz0VAydTGElX1rAfgPg==
-
 "@element-hq/element-call-embedded@0.16.3":
   version "0.16.3"
   resolved "https://registry.yarnpkg.com/@element-hq/element-call-embedded/-/element-call-embedded-0.16.3.tgz#2da120fd581534f7905f12415f8bcbcaa54785c0"
@@ -1562,23 +1712,33 @@
   resolved "https://registry.yarnpkg.com/@element-hq/element-web-module-api/-/element-web-module-api-1.9.0.tgz#2e4fcc8809418c8670d4f0576bc4a9a235bc6c50"
   integrity sha512-Ao/V9w+wysZK4bh61LlKlznF10n2ZbD6KcUI46/zUMttXbmJn3ahvbzhEpwYcD+Cjy3ag5ycxLIIGkKV/fncXg==
 
-"@element-hq/element-web-playwright-common@^2.0.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@element-hq/element-web-playwright-common/-/element-web-playwright-common-2.1.0.tgz#86e8a5632f8cc8bb393a1ec1b793a6278cd5b2c7"
-  integrity sha512-Ah9aioownR5OxAX7IDzys7wqyFmojruqgiRr2oUTLbPA5Y6jUSKWdAu5AqGvi+PYr0kG6zQfdsruhe5FXW9YuQ==
+"@element-hq/element-web-playwright-common@2.2.5":
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/@element-hq/element-web-playwright-common/-/element-web-playwright-common-2.2.5.tgz#69b626ae35a297b341aa06c201168046b251edbe"
+  integrity sha512-M2a/vPqmqL0GigKeROYGMUjSxwGNSnDResK5sFjD6FJNlxVmJNSD5NdCe9SQ46o2VI0j2dJKD+e3n3gcQ/CNCg==
   dependencies:
     "@axe-core/playwright" "^4.10.1"
     "@testcontainers/postgresql" "^11.0.0"
-    glob "^11.1.0"
-    lodash-es "^4.17.21"
+    glob "^13.0.0"
+    lodash-es "^4.17.23"
     mailpit-api "^1.2.0"
     strip-ansi "^7.1.0"
     testcontainers "^11.0.0"
     yaml "^2.7.0"
 
 "@element-hq/web-shared-components@link:packages/shared-components":
-  version "0.0.0"
-  uid ""
+  version "0.0.1"
+  dependencies:
+    "@element-hq/element-web-module-api" "^1.8.0"
+    "@matrix-org/spec" "^1.7.0"
+    "@vector-im/compound-design-tokens" "^6.4.3"
+    classnames "^2.5.1"
+    counterpart "^0.18.6"
+    lodash "^4.17.21"
+    matrix-web-i18n "3.6.0"
+    react-merge-refs "^3.0.2"
+    react-virtuoso "^4.14.0"
+    temporal-polyfill "^0.3.0"
 
 "@emnapi/core@^1.4.3":
   version "1.7.0"
@@ -1589,9 +1749,9 @@
     tslib "^2.4.0"
 
 "@emnapi/core@^1.7.1":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.7.1.tgz#3a79a02dbc84f45884a1806ebb98e5746bdfaac4"
-  integrity sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.8.1.tgz#fd9efe721a616288345ffee17a1f26ac5dd01349"
+  integrity sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==
   dependencies:
     "@emnapi/wasi-threads" "1.1.0"
     tslib "^2.4.0"
@@ -1604,9 +1764,9 @@
     tslib "^2.4.0"
 
 "@emnapi/runtime@^1.7.1":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.7.1.tgz#a73784e23f5d57287369c808197288b52276b791"
-  integrity sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.8.1.tgz#550fa7e3c0d49c5fb175a116e8cd70614f9a22a5"
+  integrity sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==
   dependencies:
     tslib "^2.4.0"
 
@@ -1617,136 +1777,6 @@
   dependencies:
     tslib "^2.4.0"
 
-"@esbuild/aix-ppc64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz#521cbd968dcf362094034947f76fa1b18d2d403c"
-  integrity sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==
-
-"@esbuild/android-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz#61ea550962d8aa12a9b33194394e007657a6df57"
-  integrity sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==
-
-"@esbuild/android-arm@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.27.2.tgz#554887821e009dd6d853f972fde6c5143f1de142"
-  integrity sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==
-
-"@esbuild/android-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.27.2.tgz#a7ce9d0721825fc578f9292a76d9e53334480ba2"
-  integrity sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==
-
-"@esbuild/darwin-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz#2cb7659bd5d109803c593cfc414450d5430c8256"
-  integrity sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==
-
-"@esbuild/darwin-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz#e741fa6b1abb0cd0364126ba34ca17fd5e7bf509"
-  integrity sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==
-
-"@esbuild/freebsd-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz#2b64e7116865ca172d4ce034114c21f3c93e397c"
-  integrity sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==
-
-"@esbuild/freebsd-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz#e5252551e66f499e4934efb611812f3820e990bb"
-  integrity sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==
-
-"@esbuild/linux-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz#dc4acf235531cd6984f5d6c3b13dbfb7ddb303cb"
-  integrity sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==
-
-"@esbuild/linux-arm@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz#56a900e39240d7d5d1d273bc053daa295c92e322"
-  integrity sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==
-
-"@esbuild/linux-ia32@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz#d4a36d473360f6870efcd19d52bbfff59a2ed1cc"
-  integrity sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==
-
-"@esbuild/linux-loong64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz#fcf0ab8c3eaaf45891d0195d4961cb18b579716a"
-  integrity sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==
-
-"@esbuild/linux-mips64el@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz#598b67d34048bb7ee1901cb12e2a0a434c381c10"
-  integrity sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==
-
-"@esbuild/linux-ppc64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz#3846c5df6b2016dab9bc95dde26c40f11e43b4c0"
-  integrity sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==
-
-"@esbuild/linux-riscv64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz#173d4475b37c8d2c3e1707e068c174bb3f53d07d"
-  integrity sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==
-
-"@esbuild/linux-s390x@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz#f7a4790105edcab8a5a31df26fbfac1aa3dacfab"
-  integrity sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==
-
-"@esbuild/linux-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz#2ecc1284b1904aeb41e54c9ddc7fcd349b18f650"
-  integrity sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==
-
-"@esbuild/netbsd-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz#e2863c2cd1501845995cb11adf26f7fe4be527b0"
-  integrity sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==
-
-"@esbuild/netbsd-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz#93f7609e2885d1c0b5a1417885fba8d1fcc41272"
-  integrity sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==
-
-"@esbuild/openbsd-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz#a1985604a203cdc325fd47542e106fafd698f02e"
-  integrity sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==
-
-"@esbuild/openbsd-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz#8209e46c42f1ffbe6e4ef77a32e1f47d404ad42a"
-  integrity sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==
-
-"@esbuild/openharmony-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz#8fade4441893d9cc44cbd7dcf3776f508ab6fb2f"
-  integrity sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==
-
-"@esbuild/sunos-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz#980d4b9703a16f0f07016632424fc6d9a789dfc2"
-  integrity sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==
-
-"@esbuild/win32-arm64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz#1c09a3633c949ead3d808ba37276883e71f6111a"
-  integrity sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==
-
-"@esbuild/win32-ia32@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz#1b1e3a63ad4bef82200fef4e369e0fff7009eee5"
-  integrity sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==
-
-"@esbuild/win32-x64@0.27.2":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz#9e585ab6086bef994c6e8a5b3a0481219ada862b"
-  integrity sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==
-
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
@@ -1754,14 +1784,21 @@
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.7.0", "@eslint-community/eslint-utils@^4.9.0":
+"@eslint-community/eslint-utils@^4.4.0":
   version "4.9.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz#7308df158e064f0dd8b8fdb58aa14fa2a7f913b3"
   integrity sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
-"@eslint-community/regexpp@^4.10.0":
+"@eslint-community/eslint-utils@^4.9.1":
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz#4e90af67bc51ddee6cdef5284edf572ec376b595"
+  integrity sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.12.2":
   version "4.12.2"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz#bccdf615bcf7b6e8db830ec0b8d21c9a25de597b"
   integrity sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==
@@ -1791,6 +1828,13 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
   integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
 
+"@fetch-mock/jest@^0.2.20":
+  version "0.2.20"
+  resolved "https://registry.yarnpkg.com/@fetch-mock/jest/-/jest-0.2.20.tgz#85dc2dd9afb9022a6e0eda1d9f3351f3a5fa70c5"
+  integrity sha512-DGX2bhBInodaWPMV3+UZ530aVM3wDj16sAPjFzkrwb0JwNWIQK07CNbYprQ3Tmd2ixDJeaNx2E0aNb+hRb8FFA==
+  dependencies:
+    fetch-mock "^12.6.0"
+
 "@floating-ui/core@^1.7.3":
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.7.3.tgz#462d722f001e23e46d86fd2bd0d21b7693ccb8b7"
@@ -1837,43 +1881,44 @@
   resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-5.2.8.tgz#10c95d877d972c7de5bd4592309d42fb6a5e1a5b"
   integrity sha512-P6r5WnJoKiNVV+zvW2xM13gNdFhAEpQ9dQJHt3naLvfg+LkF2ldgSLiF4T41lf1SQCM9QmkqPTn4TH568IRagg==
 
-"@formatjs/ecma402-abstract@2.3.6":
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.6.tgz#d6ca9d3579054fe1e1a0a0b5e872e0d64922e4e1"
-  integrity sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==
+"@formatjs/ecma402-abstract@3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@formatjs/ecma402-abstract/-/ecma402-abstract-3.1.1.tgz#329fa5eed8024ee389e9c82be8c798315631b11d"
+  integrity sha512-jhZbTwda+2tcNrs4kKvxrPLPjx8QsBCLCUgrrJ/S+G9YrGHWLhAyFMMBHJBnBoOwuLHd7L14FgYudviKaxkO2Q==
   dependencies:
-    "@formatjs/fast-memoize" "2.2.7"
-    "@formatjs/intl-localematcher" "0.6.2"
-    decimal.js "^10.4.3"
-    tslib "^2.8.0"
+    "@formatjs/fast-memoize" "3.1.0"
+    "@formatjs/intl-localematcher" "0.8.1"
+    decimal.js "^10.6.0"
+    tslib "^2.8.1"
 
-"@formatjs/fast-memoize@2.2.7":
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz#707f9ddaeb522a32f6715bb7950b0831f4cc7b15"
-  integrity sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==
+"@formatjs/fast-memoize@3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@formatjs/fast-memoize/-/fast-memoize-3.1.0.tgz#f8643d44803df8f579506d40804f4faeba6f5da2"
+  integrity sha512-b5mvSWCI+XVKiz5WhnBCY3RJ4ZwfjAidU0yVlKa3d3MSgKmH1hC3tBGEAtYyN5mqL7N0G5x0BOUYyO8CEupWgg==
   dependencies:
-    tslib "^2.8.0"
+    tslib "^2.8.1"
 
-"@formatjs/intl-localematcher@0.6.2":
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz#e9ebe0b4082d7d48e5b2d753579fb7ece4eaefea"
-  integrity sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==
+"@formatjs/intl-localematcher@0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-localematcher/-/intl-localematcher-0.8.1.tgz#554fe5f8c746ba52d430674de9a242fae64f67ff"
+  integrity sha512-xwEuwQFdtSq1UKtQnyTZWC+eHdv7Uygoa+H2k/9uzBVQjDyp9r20LNDNKedWXll7FssT3GRHvqsdJGYSUWqYFA==
   dependencies:
-    tslib "^2.8.0"
+    "@formatjs/fast-memoize" "3.1.0"
+    tslib "^2.8.1"
 
-"@formatjs/intl-segmenter@^11.5.7":
-  version "11.7.12"
-  resolved "https://registry.yarnpkg.com/@formatjs/intl-segmenter/-/intl-segmenter-11.7.12.tgz#eed3e2166a342495dd823b59781560d379d28d6c"
-  integrity sha512-3QefVKh5HvaKU80lAFmqUsWmKYWcpiDymsc0HwFvhuVl0dAnMhtbNmzMN50UiC7ZsnbybelNGrm9GZPp4kbbZA==
+"@formatjs/intl-segmenter@^12.0.0":
+  version "12.1.1"
+  resolved "https://registry.yarnpkg.com/@formatjs/intl-segmenter/-/intl-segmenter-12.1.1.tgz#9d0f06b46d7e22394a595ce484f3625ef3985132"
+  integrity sha512-/ufC6NrGKDHrjWXLhkSu852K/ZHgMXm4H37xOqiB5qWrjOSu0gXyiyUSJkc5HExmNW/28qDTvh4gUb79ZQ3fbA==
   dependencies:
-    "@formatjs/ecma402-abstract" "2.3.6"
-    "@formatjs/intl-localematcher" "0.6.2"
-    tslib "^2.8.0"
+    "@formatjs/ecma402-abstract" "3.1.1"
+    "@formatjs/intl-localematcher" "0.8.1"
+    tslib "^2.8.1"
 
 "@grpc/grpc-js@^1.11.1":
-  version "1.14.2"
-  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.14.2.tgz#d245069181a1a8057abd35522d6052482730cf19"
-  integrity sha512-QzVUtEFyu05UNx2xr0fCQmStUO17uVQhGNowtxs00IgTZT6/W2PBLfUkj30s0FKJ29VtTa3ArVNIhNP6akQhqA==
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.14.3.tgz#4c9b817a900ae4020ddc28515ae4b52c78cfb8da"
+  integrity sha512-Iq8QQQ/7X3Sac15oB6p0FmUg/klxQvXLeileoqrTRGJYLV+/9tubbr9ipz0GKHjmXVsgFPo/+W+2cA8eNcR+XA==
   dependencies:
     "@grpc/proto-loader" "^0.8.0"
     "@js-sdsl/ordered-map" "^4.4.2"
@@ -2190,15 +2235,6 @@
     "@types/yargs" "^17.0.33"
     chalk "^4.1.2"
 
-"@joshwooding/vite-plugin-react-docgen-typescript@0.6.1":
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.6.1.tgz#f630b93ed13d5d07483c0ead42db793053b364a9"
-  integrity sha512-J4BaTocTOYFkMHIra1JDWrMWpNmBl4EkplIwHEsV8aeUOtdWjwSnln9U7twjMFTAEB7mptNtSKyVi1Y2W9sDJw==
-  dependencies:
-    glob "^10.0.0"
-    magic-string "^0.30.0"
-    react-docgen-typescript "^2.2.2"
-
 "@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.13"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
@@ -2228,7 +2264,7 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
 
-"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15", "@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15", "@jridgewell/sourcemap-codec@^1.5.0":
   version "1.5.5"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
   integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
@@ -2254,33 +2290,171 @@
   resolved "https://registry.yarnpkg.com/@js-sdsl/ordered-map/-/ordered-map-4.4.2.tgz#9299f82874bab9e4c7f9c48d865becbfe8d6907c"
   integrity sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw==
 
-"@jsonjoy.com/base64@^1.1.1":
+"@jsonjoy.com/base64@17.65.0":
+  version "17.65.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/base64/-/base64-17.65.0.tgz#ba3b023c69ab311e5b706289414a44ee46117824"
+  integrity sha512-Xrh7Fm/M0QAYpekSgmskdZYnFdSGnsxJ/tHaolA4bNwWdG9i65S8m83Meh7FOxyJyQAdo4d4J97NOomBLEfkDQ==
+
+"@jsonjoy.com/base64@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@jsonjoy.com/base64/-/base64-1.1.2.tgz#cf8ea9dcb849b81c95f14fc0aaa151c6b54d2578"
   integrity sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==
 
-"@jsonjoy.com/json-pack@^1.0.3":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pack/-/json-pack-1.2.0.tgz#e658900e81d194903171c42546e1aa27f446846a"
-  integrity sha512-io1zEbbYcElht3tdlqEOFxZ0dMTYrHz9iMf0gqn1pPjZFTCgM5R4R5IMA20Chb2UPYYsxjzs8CgZ7Nb5n2K2rA==
-  dependencies:
-    "@jsonjoy.com/base64" "^1.1.1"
-    "@jsonjoy.com/util" "^1.1.2"
-    hyperdyperid "^1.2.0"
-    thingies "^1.20.0"
+"@jsonjoy.com/buffers@17.65.0":
+  version "17.65.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/buffers/-/buffers-17.65.0.tgz#d6890737d9cbc49c17e2c5d1a2d796c57205152c"
+  integrity sha512-eBrIXd0/Ld3p9lpDDlMaMn6IEfWqtHMD+z61u0JrIiPzsV1r7m6xDZFRxJyvIFTEO+SWdYF9EiQbXZGd8BzPfA==
 
-"@jsonjoy.com/util@^1.1.2", "@jsonjoy.com/util@^1.3.0":
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/@jsonjoy.com/util/-/util-1.6.0.tgz#23991b2fe12cb3a006573d9dc97c768d3ed2c9f1"
-  integrity sha512-sw/RMbehRhN68WRtcKCpQOPfnH6lLP4GJfqzi3iYej8tnzpZUDr6UkZYJjcjjC0FWEJOJbyM3PTIwxucUmDG2A==
+"@jsonjoy.com/buffers@^1.0.0", "@jsonjoy.com/buffers@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/buffers/-/buffers-1.2.1.tgz#8d99c7f67eaf724d3428dfd9826c6455266a5c83"
+  integrity sha512-12cdlDwX4RUM3QxmUbVJWqZ/mrK6dFQH4Zxq6+r1YXKXYBNgZXndx2qbCJwh3+WWkCSn67IjnlG3XYTvmvYtgA==
+
+"@jsonjoy.com/codegen@17.65.0":
+  version "17.65.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/codegen/-/codegen-17.65.0.tgz#531524f37fd3e1d1189de18fef346e998eee8952"
+  integrity sha512-7MXcRYe7n3BG+fo3jicvjB0+6ypl2Y/bQp79Sp7KeSiiCgLqw4Oled6chVv07/xLVTdo3qa1CD0VCCnPaw+RGA==
+
+"@jsonjoy.com/codegen@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/codegen/-/codegen-1.0.0.tgz#5c23f796c47675f166d23b948cdb889184b93207"
+  integrity sha512-E8Oy+08cmCf0EK/NMxpaJZmOxPqM+6iSe2S4nlSBrPZOORoDJILxtbSUEDKQyTamm/BVAhIGllOBNU79/dwf0g==
+
+"@jsonjoy.com/fs-core@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-core/-/fs-core-4.56.2.tgz#a3651a0362b6bcb2e6cdf3fae31cbc0a5140cdcc"
+  integrity sha512-5s3t0Lj/gDgPhhXEdSe9yNDB07iMrpIXN9OV9FTiwlLKP3EBFhsbOhhMMVoWuSJkPxaaiOFUpZcyZcKi7mOmUQ==
+  dependencies:
+    "@jsonjoy.com/fs-node-builtins" "4.56.2"
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+    thingies "^2.5.0"
+
+"@jsonjoy.com/fs-fsa@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-fsa/-/fs-fsa-4.56.2.tgz#1458ee2701218a13133650f6489ca2f8b951a727"
+  integrity sha512-2lN4rdhcjFBf2Oji0rHR1aS+fW+GA0l9o9gXCMWFoC+YXqRO4N4xkSeJwm6a10SMuqlhoseCWRWlhaDYiNiI2A==
+  dependencies:
+    "@jsonjoy.com/fs-core" "4.56.2"
+    "@jsonjoy.com/fs-node-builtins" "4.56.2"
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+    thingies "^2.5.0"
+
+"@jsonjoy.com/fs-node-builtins@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.56.2.tgz#063166ab395c74a8e3e26f80c25005cac6a1f770"
+  integrity sha512-TB8rFES/4lygIudoTHSGp2fjHe7R229VRQ4IQCMds6uTKhBKuDLZAqOUBiS3hosfxTVrB/JpDrr46MvCSjPzog==
+
+"@jsonjoy.com/fs-node-to-fsa@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.56.2.tgz#e5076a023c1088feba2e3df0eb7a07de84cc2a94"
+  integrity sha512-Es62G93ychdl0VhQKVTIPq31QWabXveTEVJfi3gC/AIiehnXV3AMl38TWXLCS4fomBz5EaLqNhMkV7u/oW1p6g==
+  dependencies:
+    "@jsonjoy.com/fs-fsa" "4.56.2"
+    "@jsonjoy.com/fs-node-builtins" "4.56.2"
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+
+"@jsonjoy.com/fs-node-utils@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.56.2.tgz#4df06fba6bc47f9af47a743eab33857bf362ad67"
+  integrity sha512-CIUSlhbnws7b9f3Z2r963/lSA+VLPJlJcy8fqjQ9lk1Z1y6Ca9qj2CWXlABkvDZE7sDX+6PEdEU1PsXlfkZVbg==
+  dependencies:
+    "@jsonjoy.com/fs-node-builtins" "4.56.2"
+
+"@jsonjoy.com/fs-node@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-node/-/fs-node-4.56.2.tgz#f64d010bc99224ca3e5bb437455b668c7d3092f6"
+  integrity sha512-Ws4cwm9UQY0noP/Ee2KpPf2zJJukJywjTIl3lBTH/AdH7r5n5CyGPLgySxpAa7/isV0WD02bYV+XKhslF/Dtbg==
+  dependencies:
+    "@jsonjoy.com/fs-core" "4.56.2"
+    "@jsonjoy.com/fs-node-builtins" "4.56.2"
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+    "@jsonjoy.com/fs-print" "4.56.2"
+    glob-to-regex.js "^1.0.0"
+    thingies "^2.5.0"
+
+"@jsonjoy.com/fs-print@4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-print/-/fs-print-4.56.2.tgz#f3563016c3ffd91f5ae73378cb4409f7afe3d372"
+  integrity sha512-7e4hmCrfERuqdNu1shsj140F4uS4h8orBULhlXQJ0F3sT4lnCuWe32rwxAa8xPutb99jKpHcsxM76TaFzFgQTA==
+  dependencies:
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+    tree-dump "^1.1.0"
+
+"@jsonjoy.com/fs-snapshot@^4.56.2":
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.56.2.tgz#604444beb9acd774ab9b4fc906900b6745a754d9"
+  integrity sha512-Qh0lc8Ujnb2b1D4RQ7CD+BOzqzw2aUpJPIK9SDv+y9LTy3lZ/ydPU7m6qBIH2ePhBKZuBIyVwxOWSvHRaasETQ==
+  dependencies:
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+    "@jsonjoy.com/json-pack" "^17.65.0"
+    "@jsonjoy.com/util" "^17.65.0"
+
+"@jsonjoy.com/json-pack@^1.11.0":
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pack/-/json-pack-1.21.0.tgz#93f8dd57fe3a3a92132b33d1eb182dcd9e7629fa"
+  integrity sha512-+AKG+R2cfZMShzrF2uQw34v3zbeDYUqnQ+jg7ORic3BGtfw9p/+N6RJbq/kkV8JmYZaINknaEQ2m0/f693ZPpg==
+  dependencies:
+    "@jsonjoy.com/base64" "^1.1.2"
+    "@jsonjoy.com/buffers" "^1.2.0"
+    "@jsonjoy.com/codegen" "^1.0.0"
+    "@jsonjoy.com/json-pointer" "^1.0.2"
+    "@jsonjoy.com/util" "^1.9.0"
+    hyperdyperid "^1.2.0"
+    thingies "^2.5.0"
+    tree-dump "^1.1.0"
+
+"@jsonjoy.com/json-pack@^17.65.0":
+  version "17.65.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pack/-/json-pack-17.65.0.tgz#4ea06dd0aee1c29954bd978c4f107401dbf713fb"
+  integrity sha512-e0SG/6qUCnVhHa0rjDJHgnXnbsacooHVqQHxspjvlYQSkHm+66wkHw6Gql+3u/WxI/b1VsOdUi0M+fOtkgKGdQ==
+  dependencies:
+    "@jsonjoy.com/base64" "17.65.0"
+    "@jsonjoy.com/buffers" "17.65.0"
+    "@jsonjoy.com/codegen" "17.65.0"
+    "@jsonjoy.com/json-pointer" "17.65.0"
+    "@jsonjoy.com/util" "17.65.0"
+    hyperdyperid "^1.2.0"
+    thingies "^2.5.0"
+    tree-dump "^1.1.0"
+
+"@jsonjoy.com/json-pointer@17.65.0":
+  version "17.65.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pointer/-/json-pointer-17.65.0.tgz#4bad42d86c9ee0ad1758c082b065bd5e16f8dc36"
+  integrity sha512-uhTe+XhlIZpWOxgPcnO+iSCDgKKBpwkDVTyYiXX9VayGV8HSFVJM67M6pUE71zdnXF1W0Da21AvnhlmdwYPpow==
+  dependencies:
+    "@jsonjoy.com/util" "17.65.0"
+
+"@jsonjoy.com/json-pointer@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/json-pointer/-/json-pointer-1.0.2.tgz#049cb530ac24e84cba08590c5e36b431c4843408"
+  integrity sha512-Fsn6wM2zlDzY1U+v4Nc8bo3bVqgfNTGcn6dMgs6FjrEnt4ZCe60o6ByKRjOGlI2gow0aE/Q41QOigdTqkyK5fg==
+  dependencies:
+    "@jsonjoy.com/codegen" "^1.0.0"
+    "@jsonjoy.com/util" "^1.9.0"
+
+"@jsonjoy.com/util@17.65.0", "@jsonjoy.com/util@^17.65.0":
+  version "17.65.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/util/-/util-17.65.0.tgz#b27832bdf7aeaf4a36f9cb8721cb4ffb086f06a1"
+  integrity sha512-cWiEHZccQORf96q2y6zU3wDeIVPeidmGqd9cNKJRYoVHTV0S1eHPy5JTbHpMnGfDvtvujQwQozOqgO9ABu6h0w==
+  dependencies:
+    "@jsonjoy.com/buffers" "17.65.0"
+    "@jsonjoy.com/codegen" "17.65.0"
+
+"@jsonjoy.com/util@^1.9.0":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@jsonjoy.com/util/-/util-1.9.0.tgz#7ee95586aed0a766b746cd8d8363e336c3c47c46"
+  integrity sha512-pLuQo+VPRnN8hfPqUTLTHk126wuYdXVxE6aDmjSeV4NCAgyxWbiOIeNJVtID3h1Vzpoi9m4jXezf73I6LgabgQ==
+  dependencies:
+    "@jsonjoy.com/buffers" "^1.0.0"
+    "@jsonjoy.com/codegen" "^1.0.0"
 
 "@keyv/bigmap@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@keyv/bigmap/-/bigmap-1.3.0.tgz#f06d9bb38488a59f012cd2758e6f429dfd312fb5"
-  integrity sha512-KT01GjzV6AQD5+IYrcpoYLkCu1Jod3nau1Z7EsEuViO3TZGRacSbO9MfHmbJ1WaOXFtWLxPVj169cn2WNKPkIg==
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@keyv/bigmap/-/bigmap-1.3.1.tgz#fc82fa83947e7ff68c6798d08907db842771ef2c"
+  integrity sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==
   dependencies:
-    hashery "^1.2.0"
-    hookified "^1.13.0"
+    hashery "^1.4.0"
+    hookified "^1.15.0"
 
 "@keyv/serialize@^1.1.1":
   version "1.1.1"
@@ -2334,10 +2508,15 @@
   resolved "https://registry.yarnpkg.com/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz#497c67a1cef50d1a2459ba60f315e448d2ad87fe"
   integrity sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==
 
-"@maplibre/maplibre-gl-style-spec@^24.3.1":
-  version "24.4.0"
-  resolved "https://registry.yarnpkg.com/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-24.4.0.tgz#370eb9b7bcb868b021e91822ee27ee3491bd2cbf"
-  integrity sha512-VVuNV2Yf0+yQoth4qbdIPE0qKS6nIG5Atki9BVHZ7R7+0lZyxqxwrh0XVNA5YkuKuytFg/1i3VMyJQnp2EtOqw==
+"@maplibre/geojson-vt@^5.0.4":
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@maplibre/geojson-vt/-/geojson-vt-5.0.4.tgz#c5f301a5d227cecf0bf4d1ab9239b8b0b13e78fe"
+  integrity sha512-KGg9sma45S+stfH9vPCJk1J0lSDLWZgCT9Y8u8qWZJyjFlP8MNP1WGTxIMYJZjDvVT3PDn05kN1C95Sut1HpgQ==
+
+"@maplibre/maplibre-gl-style-spec@^24.4.1":
+  version "24.4.1"
+  resolved "https://registry.yarnpkg.com/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-24.4.1.tgz#600a1dbb2912831564cc6ba6e96c22cf34ffdc0c"
+  integrity sha512-UKhA4qv1h30XT768ccSv5NjNCX+dgfoq2qlLVmKejspPcSQTYD4SrVucgqegmYcKcmwf06wcNAa/kRd0NHWbUg==
   dependencies:
     "@mapbox/jsonlint-lines-primitives" "~2.0.2"
     "@mapbox/unitbezier" "^0.0.1"
@@ -2348,29 +2527,29 @@
     tinyqueue "^3.0.0"
 
 "@maplibre/mlt@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@maplibre/mlt/-/mlt-1.1.2.tgz#4d0c8e74287ffe32f2a58bc68320c985cae80b7c"
-  integrity sha512-SQKdJ909VGROkA6ovJgtHNs9YXV4YXUPS+VaZ50I2Mt951SLlUm2Cv34x5Xwc1HiFlsd3h2Yrs5cn7xzqBmENw==
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/@maplibre/mlt/-/mlt-1.1.5.tgz#e76393a9e1e0fe43ce114f28a8b04dd05c1d1ef2"
+  integrity sha512-HjoAIOYAfZo2El/tHBnvWpCRlodWgWLZ/tyO4Wrw0LVY2bkQz1+pwAwDvmgSRvfkSkSzWnqJJd1JwgCrq/60HQ==
   dependencies:
     "@mapbox/point-geometry" "^1.1.0"
 
-"@maplibre/vt-pbf@^4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@maplibre/vt-pbf/-/vt-pbf-4.1.0.tgz#117c95b113e67aeacdf69443a631bb92d431d191"
-  integrity sha512-9LjFAoWtxdGRns8RK9vG3Fcw/fb3eHMxvAn2jffwn3jnVO1k49VOv6+FEza70rK7WzF8GnBiKa0K39RyfevKUw==
+"@maplibre/vt-pbf@^4.2.1":
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/@maplibre/vt-pbf/-/vt-pbf-4.2.1.tgz#395d97bd5de68b5efabf0d56c535163bb88f75c7"
+  integrity sha512-IxZBGq/+9cqf2qdWlFuQ+ZfoMhWpxDUGQZ/poPHOJBvwMUT1GuxLo6HgYTou+xxtsOsjfbcjI8PZaPCtmt97rA==
   dependencies:
     "@mapbox/point-geometry" "^1.1.0"
     "@mapbox/vector-tile" "^2.0.4"
-    "@types/geojson-vt" "3.2.5"
+    "@maplibre/geojson-vt" "^5.0.4"
+    "@types/geojson" "^7946.0.16"
     "@types/supercluster" "^7.1.3"
-    geojson-vt "^4.0.2"
     pbf "^4.0.1"
     supercluster "^8.0.1"
 
-"@matrix-org/analytics-events@^0.30.0":
-  version "0.30.0"
-  resolved "https://registry.yarnpkg.com/@matrix-org/analytics-events/-/analytics-events-0.30.0.tgz#67e87e56518fec5330978bf1fcc8d7bb66cdd9d1"
-  integrity sha512-RYIgYdYIvJoTzWaTeqskNGYt6w+6wKP43xMcfpdTKhDm/o2s4keuzRnRG9Qkfg10/3dGOjYCPfH78cXPKDzxeg==
+"@matrix-org/analytics-events@^0.31.0":
+  version "0.31.0"
+  resolved "https://registry.yarnpkg.com/@matrix-org/analytics-events/-/analytics-events-0.31.0.tgz#bc5647012b798979f15aff894034b2ba7c6dc028"
+  integrity sha512-rZrtHt6X1cnleWPPSp56fngYBiq2Db1jQt+bATEUlDwwiMCrG3D5ojYqOQ03MlgySLIZLBAAam//bZAqiGWOwQ==
 
 "@matrix-org/emojibase-bindings@^1.5.0":
   version "1.5.0"
@@ -2380,10 +2559,10 @@
     emojibase "^17.0.0"
     emojibase-data "^17.0.0"
 
-"@matrix-org/matrix-sdk-crypto-wasm@^16.0.0":
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-16.0.0.tgz#6cd8cde24a9b374d9d1da3a768becbfc346de37e"
-  integrity sha512-c+0eu/ckG+ik62CaOFvHAulJlspw2CBKcLrWbiEQsXv4J3PC4xaaDI5VHFAl7FDU+U9Ww2DDNTieszCh4Lk0/Q==
+"@matrix-org/matrix-sdk-crypto-wasm@^17.0.0":
+  version "17.0.0"
+  resolved "https://registry.yarnpkg.com/@matrix-org/matrix-sdk-crypto-wasm/-/matrix-sdk-crypto-wasm-17.0.0.tgz#d7edc8f4408eafb276049f6e333174d97322de2b"
+  integrity sha512-ti7F2vtUAkepYBT1Ac9M1fBMoPgqTPbsLSvIeKT5AOnoQ5bfjCqYOMPWiRWOZbgtZIt00I80B6uD4J6hAvaH7Q==
 
 "@matrix-org/react-sdk-module-api@^2.4.0":
   version "2.5.0"
@@ -2406,10 +2585,10 @@
     "@emnapi/runtime" "^1.4.3"
     "@tybys/wasm-util" "^0.10.0"
 
-"@napi-rs/wasm-runtime@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.0.tgz#c0180393d7862cff0d412e3e1a7c3bd5ea6d9b2f"
-  integrity sha512-Fq6DJW+Bb5jaWE69/qOE0D1TUN9+6uWhCeZpdnSBk14pjLcCWR7Q8n49PTSPHazM37JqrsdpEthXy2xn6jWWiA==
+"@napi-rs/wasm-runtime@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz#c3705ab549d176b8dc5172723d6156c3dc426af2"
+  integrity sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==
   dependencies:
     "@emnapi/core" "^1.7.1"
     "@emnapi/runtime" "^1.7.1"
@@ -2422,6 +2601,11 @@
   dependencies:
     eslint-scope "5.1.1"
 
+"@noble/hashes@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@noble/hashes/-/hashes-1.4.0.tgz#45814aa329f30e4fe0ba49426f49dfccdd066426"
+  integrity sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -2443,107 +2627,289 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@oxc-resolver/binding-android-arm-eabi@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-android-arm-eabi/-/binding-android-arm-eabi-11.15.0.tgz#ac132226c0d637f212abfdc253e6ce3e7de5e9bf"
-  integrity sha512-Q+lWuFfq7whNelNJIP1dhXaVz4zO9Tu77GcQHyxDWh3MaCoO2Bisphgzmsh4ZoUe2zIchQh6OvQL99GlWHg9Tw==
-
-"@oxc-resolver/binding-android-arm64@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-android-arm64/-/binding-android-arm64-11.15.0.tgz#1c12444b34ea736098a309ac5c643b4da57f2544"
-  integrity sha512-vbdBttesHR0W1oJaxgWVTboyMUuu+VnPsHXJ6jrXf4czELzB6GIg5DrmlyhAmFBhjwov+yJH/DfTnHS+2sDgOw==
-
-"@oxc-resolver/binding-darwin-arm64@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-darwin-arm64/-/binding-darwin-arm64-11.15.0.tgz#e1cc90578c142fa83f261b15643822b0f2992d9f"
-  integrity sha512-R67lsOe1UzNjqVBCwCZX1rlItTsj/cVtBw4Uy19CvTicqEWvwaTn8t34zLD75LQwDDPCY3C8n7NbD+LIdw+ZoA==
-
-"@oxc-resolver/binding-darwin-x64@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-darwin-x64/-/binding-darwin-x64-11.15.0.tgz#ee5746cbfd4a27795758eed89ba77951de52672f"
-  integrity sha512-77mya5F8WV0EtCxI0MlVZcqkYlaQpfNwl/tZlfg4jRsoLpFbaTeWv75hFm6TE84WULVlJtSgvf7DhoWBxp9+ZQ==
-
-"@oxc-resolver/binding-freebsd-x64@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-freebsd-x64/-/binding-freebsd-x64-11.15.0.tgz#5c621ed31913f9e7dd1a9bc11e8edbda7943d5b3"
-  integrity sha512-X1Sz7m5PC+6D3KWIDXMUtux+0Imj6HfHGdBStSvgdI60OravzI1t83eyn6eN0LPTrynuPrUgjk7tOnOsBzSWHw==
-
-"@oxc-resolver/binding-linux-arm-gnueabihf@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-11.15.0.tgz#b25b6d0598d1b9343d42c2a82abb98e5f035291e"
-  integrity sha512-L1x/wCaIRre+18I4cH/lTqSAymlV0k4HqfSYNNuI9oeL28Ks86lI6O5VfYL6sxxWYgjuWB98gNGo7tq7d4GarQ==
-
-"@oxc-resolver/binding-linux-arm-musleabihf@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-11.15.0.tgz#79a9844b1b5cb90868c89c0c8c2f986888597c44"
-  integrity sha512-abGXd/zMGa0tH8nKlAXdOnRy4G7jZmkU0J85kMKWns161bxIgGn/j7zxqh3DKEW98wAzzU9GofZMJ0P5YCVPVw==
-
-"@oxc-resolver/binding-linux-arm64-gnu@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-11.15.0.tgz#d14505c8d307c4ba185371e0b593a3cddc17462b"
-  integrity sha512-SVjjjtMW66Mza76PBGJLqB0KKyFTBnxmtDXLJPbL6ZPGSctcXVmujz7/WAc0rb9m2oV0cHQTtVjnq6orQnI/jg==
-
-"@oxc-resolver/binding-linux-arm64-musl@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm64-musl/-/binding-linux-arm64-musl-11.15.0.tgz#9c622c8bfd6219d5c15c6d86acff03a4ba361e1b"
-  integrity sha512-JDv2/AycPF2qgzEiDeMJCcSzKNDm3KxNg0KKWipoKEMDFqfM7LxNwwSVyAOGmrYlE4l3dg290hOMsr9xG7jv9g==
-
-"@oxc-resolver/binding-linux-ppc64-gnu@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-11.15.0.tgz#ff048ae000d24292719cd3843ea0aec72cc145d1"
-  integrity sha512-zbu9FhvBLW4KJxo7ElFvZWbSt4vP685Qc/Gyk/Ns3g2gR9qh2qWXouH8PWySy+Ko/qJ42+HJCLg+ZNcxikERfg==
-
-"@oxc-resolver/binding-linux-riscv64-gnu@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-11.15.0.tgz#07a20bbecda282e95131385575733638b8c6af86"
-  integrity sha512-Kfleehe6B09C2qCnyIU01xLFqFXCHI4ylzkicfX/89j+gNHh9xyNdpEvit88Kq6i5tTGdavVnM6DQfOE2qNtlg==
-
-"@oxc-resolver/binding-linux-riscv64-musl@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-11.15.0.tgz#249c2d83f8312dc21c4cc573e80c9b5004246995"
-  integrity sha512-J7LPiEt27Tpm8P+qURDwNc8q45+n+mWgyys4/V6r5A8v5gDentHRGUx3iVk5NxdKhgoGulrzQocPTZVosq25Eg==
-
-"@oxc-resolver/binding-linux-s390x-gnu@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-11.15.0.tgz#c0d6d35c103cd6e2533191670c6df170a1db4d12"
-  integrity sha512-+8/d2tAScPjVJNyqa7GPGnqleTB/XW9dZJQ2D/oIM3wpH3TG+DaFEXBbk4QFJ9K9AUGBhvQvWU2mQyhK/yYn3Q==
-
-"@oxc-resolver/binding-linux-x64-gnu@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-x64-gnu/-/binding-linux-x64-gnu-11.15.0.tgz#06786bd80fe48d136b12dd9e595797434f7ecf5b"
-  integrity sha512-xtvSzH7Nr5MCZI2FKImmOdTl9kzuQ51RPyLh451tvD2qnkg3BaqI9Ox78bTk57YJhlXPuxWSOL5aZhKAc9J6qg==
-
-"@oxc-resolver/binding-linux-x64-musl@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-x64-musl/-/binding-linux-x64-musl-11.15.0.tgz#e9721f74f26a91f7ed8908a7841d810980b75775"
-  integrity sha512-14YL1zuXj06+/tqsuUZuzL0T425WA/I4nSVN1kBXeC5WHxem6lQ+2HGvG+crjeJEqHgZUT62YIgj88W+8E7eyg==
-
-"@oxc-resolver/binding-openharmony-arm64@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-openharmony-arm64/-/binding-openharmony-arm64-11.15.0.tgz#6379b02f89425d425a1409aa26f3c5426e2ca924"
-  integrity sha512-/7Qli+1Wk93coxnrQaU8ySlICYN8HsgyIrzqjgIkQEpI//9eUeaeIHZptNl2fMvBGeXa7k2QgLbRNaBRgpnvMw==
-
-"@oxc-resolver/binding-wasm32-wasi@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-wasm32-wasi/-/binding-wasm32-wasi-11.15.0.tgz#2c3733bb66e5c6a134ac9df4bcca14672728709c"
-  integrity sha512-q5rn2eIMQLuc/AVGR2rQKb2EVlgreATGG8xXg8f4XbbYCVgpxaq+dgMbiPStyNywW1MH8VU2T09UEm30UtOQvg==
+"@opentelemetry/api-logs@0.208.0", "@opentelemetry/api-logs@^0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/api-logs/-/api-logs-0.208.0.tgz#56d3891010a1fa1cf600ba8899ed61b43ace511c"
+  integrity sha512-CjruKY9V6NMssL/T1kAFgzosF1v9o6oeN+aX5JB/C/xPNtmgIJqcXHG7fA82Ou1zCpWGl4lROQUKwUNE1pMCyg==
   dependencies:
-    "@napi-rs/wasm-runtime" "^1.1.0"
+    "@opentelemetry/api" "^1.3.0"
 
-"@oxc-resolver/binding-win32-arm64-msvc@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-11.15.0.tgz#f64132dd86f82d2580325886f1aeedeb72235c98"
-  integrity sha512-yCAh2RWjU/8wWTxQDgGPgzV9QBv0/Ojb5ej1c/58iOjyTuy/J1ZQtYi2SpULjKmwIxLJdTiCHpMilauWimE31w==
+"@opentelemetry/api@^1.3.0", "@opentelemetry/api@^1.9.0":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/api/-/api-1.9.0.tgz#d03eba68273dc0f7509e2a3d5cba21eae10379fe"
+  integrity sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==
 
-"@oxc-resolver/binding-win32-ia32-msvc@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-11.15.0.tgz#b09e3c03e4f9a920efbd61600ebcdd29632e19e5"
-  integrity sha512-lmXKb6lvA6M6QIbtYfgjd+AryJqExZVSY2bfECC18OPu7Lv1mHFF171Mai5l9hG3r4IhHPPIwT10EHoilSCYeA==
+"@opentelemetry/core@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/core/-/core-2.2.0.tgz#2f857d7790ff160a97db3820889b5f4cade6eaee"
+  integrity sha512-FuabnnUm8LflnieVxs6eP7Z383hgQU4W1e3KJS6aOG3RxWxcHyBxH8fDMHNgu/gFx/M2jvTOW/4/PHhLz6bjWw==
+  dependencies:
+    "@opentelemetry/semantic-conventions" "^1.29.0"
 
-"@oxc-resolver/binding-win32-x64-msvc@11.15.0":
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-win32-x64-msvc/-/binding-win32-x64-msvc-11.15.0.tgz#c8014e1fb466a9778a67a323b73cfbf86c709dc8"
-  integrity sha512-HZsfne0s/tGOcJK9ZdTGxsNU2P/dH0Shf0jqrPvsC6wX0Wk+6AyhSpHFLQCnLOuFQiHHU0ePfM8iYsoJb5hHpQ==
+"@opentelemetry/core@2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/core/-/core-2.4.0.tgz#342706e2693b12923af74e45eed8f0571523439e"
+  integrity sha512-KtcyFHssTn5ZgDu6SXmUznS80OFs/wN7y6MyFRRcKU6TOw8hNcGxKvt8hsdaLJfhzUszNSjURetq5Qpkad14Gw==
+  dependencies:
+    "@opentelemetry/semantic-conventions" "^1.29.0"
+
+"@opentelemetry/exporter-logs-otlp-http@^0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/exporter-logs-otlp-http/-/exporter-logs-otlp-http-0.208.0.tgz#198d6e735e961a79352a3d032a28da295db802dc"
+  integrity sha512-jOv40Bs9jy9bZVLo/i8FwUiuCvbjWDI+ZW13wimJm4LjnlwJxGgB+N/VWOZUTpM+ah/awXeQqKdNlpLf2EjvYg==
+  dependencies:
+    "@opentelemetry/api-logs" "0.208.0"
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/otlp-exporter-base" "0.208.0"
+    "@opentelemetry/otlp-transformer" "0.208.0"
+    "@opentelemetry/sdk-logs" "0.208.0"
+
+"@opentelemetry/otlp-exporter-base@0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/otlp-exporter-base/-/otlp-exporter-base-0.208.0.tgz#1a932355628087555a317b7207637d4e893c1a5d"
+  integrity sha512-gMd39gIfVb2OgxldxUtOwGJYSH8P1kVFFlJLuut32L6KgUC4gl1dMhn+YC2mGn0bDOiQYSk/uHOdSjuKp58vvA==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/otlp-transformer" "0.208.0"
+
+"@opentelemetry/otlp-transformer@0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/otlp-transformer/-/otlp-transformer-0.208.0.tgz#c59f48a569d17766d91c61807db7b04e4be490ac"
+  integrity sha512-DCFPY8C6lAQHUNkzcNT9R+qYExvsk6C5Bto2pbNxgicpcSWbe2WHShLxkOxIdNcBiYPdVHv/e7vH7K6TI+C+fQ==
+  dependencies:
+    "@opentelemetry/api-logs" "0.208.0"
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
+    "@opentelemetry/sdk-logs" "0.208.0"
+    "@opentelemetry/sdk-metrics" "2.2.0"
+    "@opentelemetry/sdk-trace-base" "2.2.0"
+    protobufjs "^7.3.0"
+
+"@opentelemetry/resources@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/resources/-/resources-2.2.0.tgz#b90a950ad98551295b76ea8a0e7efe45a179badf"
+  integrity sha512-1pNQf/JazQTMA0BiO5NINUzH0cbLbbl7mntLa4aJNmCCXSj0q03T5ZXXL0zw4G55TjdL9Tz32cznGClf+8zr5A==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/semantic-conventions" "^1.29.0"
+
+"@opentelemetry/resources@^2.2.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/resources/-/resources-2.4.0.tgz#51188708204ba888685de019286a3969508c444d"
+  integrity sha512-RWvGLj2lMDZd7M/5tjkI/2VHMpXebLgPKvBUd9LRasEWR2xAynDwEYZuLvY9P2NGG73HF07jbbgWX2C9oavcQg==
+  dependencies:
+    "@opentelemetry/core" "2.4.0"
+    "@opentelemetry/semantic-conventions" "^1.29.0"
+
+"@opentelemetry/sdk-logs@0.208.0", "@opentelemetry/sdk-logs@^0.208.0":
+  version "0.208.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/sdk-logs/-/sdk-logs-0.208.0.tgz#013494e23412c1594a694a358211cd150144c525"
+  integrity sha512-QlAyL1jRpOeaqx7/leG1vJMp84g0xKP6gJmfELBpnI4O/9xPX+Hu5m1POk9Kl+veNkyth5t19hRlN6tNY1sjbA==
+  dependencies:
+    "@opentelemetry/api-logs" "0.208.0"
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
+
+"@opentelemetry/sdk-metrics@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/sdk-metrics/-/sdk-metrics-2.2.0.tgz#3824133f0d681d778aff0f52b02a87ec6750fc2d"
+  integrity sha512-G5KYP6+VJMZzpGipQw7Giif48h6SGQ2PFKEYCybeXJsOCB4fp8azqMAAzE5lnnHK3ZVwYQrgmFbsUJO/zOnwGw==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
+
+"@opentelemetry/sdk-trace-base@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/sdk-trace-base/-/sdk-trace-base-2.2.0.tgz#ddef9a0afd01a623d8625a3529f2137b05e67d0b"
+  integrity sha512-xWQgL0Bmctsalg6PaXExmzdedSp3gyKV8mQBwK/j9VGdCDu2fmXIb2gAehBKbkXCpJ4HPkgv3QfoJWRT4dHWbw==
+  dependencies:
+    "@opentelemetry/core" "2.2.0"
+    "@opentelemetry/resources" "2.2.0"
+    "@opentelemetry/semantic-conventions" "^1.29.0"
+
+"@opentelemetry/semantic-conventions@^1.29.0":
+  version "1.39.0"
+  resolved "https://registry.yarnpkg.com/@opentelemetry/semantic-conventions/-/semantic-conventions-1.39.0.tgz#f653b2752171411feb40310b8a8953d7e5c543b7"
+  integrity sha512-R5R9tb2AXs2IRLNKLBJDynhkfmx7mX0vi8NkhZb3gUkPWHn6HXk5J8iQ/dql0U3ApfWym4kXXmBDRGO+oeOfjg==
+
+"@oxc-resolver/binding-android-arm-eabi@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-android-arm-eabi/-/binding-android-arm-eabi-11.16.3.tgz#536ad397111ac45b95327a437973aec68da31c0b"
+  integrity sha512-CVyWHu6ACDqDcJxR4nmGiG8vDF4TISJHqRNzac5z/gPQycs/QrP/1pDsJBy0MD7jSw8nVq2E5WqeHQKabBG/Jg==
+
+"@oxc-resolver/binding-android-arm64@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-android-arm64/-/binding-android-arm64-11.16.3.tgz#19a9c43aafad93e2121263ffa87e6664b1b0a9f5"
+  integrity sha512-tTIoB7plLeh2o6Ay7NnV5CJb6QUXdxI7Shnsp2ECrLSV81k+oVE3WXYrQSh4ltWL75i0OgU5Bj3bsuyg5SMepw==
+
+"@oxc-resolver/binding-darwin-arm64@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-darwin-arm64/-/binding-darwin-arm64-11.16.3.tgz#14f90192349cfee3b5107cdd214fdf17746d6119"
+  integrity sha512-OXKVH7uwYd3Rbw1s2yJZd6/w+6b01iaokZubYhDAq4tOYArr+YCS+lr81q1hsTPPRZeIsWE+rJLulmf1qHdYZA==
+
+"@oxc-resolver/binding-darwin-x64@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-darwin-x64/-/binding-darwin-x64-11.16.3.tgz#890da8ec9c95e09c4647d135ced9da63e814f1a6"
+  integrity sha512-WwjQ4WdnCxVYZYd3e3oY5XbV3JeLy9pPMK+eQQ2m8DtqUtbxnvPpAYC2Knv/2bS6q5JiktqOVJ2Hfia3OSo0/A==
+
+"@oxc-resolver/binding-freebsd-x64@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-freebsd-x64/-/binding-freebsd-x64-11.16.3.tgz#260ee462b9466219190cf7fb62c22ebba136b079"
+  integrity sha512-4OHKFGJBBfOnuJnelbCS4eBorI6cj54FUxcZJwEXPeoLc8yzORBoJ2w+fQbwjlQcUUZLEg92uGhKCRiUoqznjg==
+
+"@oxc-resolver/binding-linux-arm-gnueabihf@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-11.16.3.tgz#89b32eaf88eda78f79e9f3f974e64e0d90dabfe5"
+  integrity sha512-OM3W0NLt9u7uKwG/yZbeXABansZC0oZeDF1nKgvcZoRw4/Yak6/l4S0onBfDFeYMY94eYeAt2bl60e30lgsb5A==
+
+"@oxc-resolver/binding-linux-arm-musleabihf@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-11.16.3.tgz#d099644276c0651d4af127f7e73a3b38634bfe64"
+  integrity sha512-MRs7D7i1t7ACsAdTuP81gLZES918EpBmiUyEl8fu302yQB+4L7L7z0Ui8BWnthUTQd3nAU9dXvENLK/SqRVH8A==
+
+"@oxc-resolver/binding-linux-arm64-gnu@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-11.16.3.tgz#8643f63382345c7fb6927b4965362567fae869c3"
+  integrity sha512-0eVYZxSceNqGADzhlV4ZRqkHF0fjWxRXQOB7Qwl5y1gN/XYUDvMfip+ngtzj4dM7zQT4U97hUhJ7PUKSy/JIGQ==
+
+"@oxc-resolver/binding-linux-arm64-musl@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-arm64-musl/-/binding-linux-arm64-musl-11.16.3.tgz#1436757f6b802180173743941d2332d575c34387"
+  integrity sha512-B1BvLeZbgDdVN0FvU40l5Q7lej8310WlabCBaouk8jY7H7xbI8phtomTtk3Efmevgfy5hImaQJu6++OmcFb2NQ==
+
+"@oxc-resolver/binding-linux-ppc64-gnu@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-11.16.3.tgz#73dad74401544058b82c5ef69ff5bb04019cc2cc"
+  integrity sha512-q7khglic3Jqak7uDgA3MFnjDeI7krQT595GDZpvFq785fmFYSx8rlTkoHzmhQtUisYtl4XG7WUscwsoidFUI4w==
+
+"@oxc-resolver/binding-linux-riscv64-gnu@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-11.16.3.tgz#82e13b33295dcfa3cbb786d6517dfa13e46c513d"
+  integrity sha512-aFRNmQNPzDgQEbw2s3c8yJYRimacSDI+u9df8rn5nSKzTVitHmbEpZqfxpwNLCKIuLSNmozHR1z1OT+oZVeYqg==
+
+"@oxc-resolver/binding-linux-riscv64-musl@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-11.16.3.tgz#5b511719119f4d59e473329d9f618d4c617384d4"
+  integrity sha512-vZI85SvSMADcEL9G1TIrV0Rlkc1fY5Mup0DdlVC5EHPysZB4hXXHpr+h09pjlK5y+5om5foIzDRxE1baUCaWOA==
+
+"@oxc-resolver/binding-linux-s390x-gnu@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-11.16.3.tgz#c8b20ba45c6bc4fa8c41fb67b6a6f274a49423cf"
+  integrity sha512-xiLBnaUlddFEzRHiHiSGEMbkg8EwZY6VD8F+3GfnFsiK3xg/4boaUV2bwXd+nUzl3UDQOMW1QcZJ4jJSb0qiJA==
+
+"@oxc-resolver/binding-linux-x64-gnu@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-x64-gnu/-/binding-linux-x64-gnu-11.16.3.tgz#9eb948696848a97bdafe7d70264ac07ff0baaa61"
+  integrity sha512-6y0b05wIazJJgwu7yU/AYGFswzQQudYJBOb/otDhiDacp1+6ye8egoxx63iVo9lSpDbipL++54AJQFlcOHCB+g==
+
+"@oxc-resolver/binding-linux-x64-musl@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-linux-x64-musl/-/binding-linux-x64-musl-11.16.3.tgz#ab7e588b752dfbd6d29df8ca3ff6278c6d8487c3"
+  integrity sha512-RmMgwuMa42c9logS7Pjprf5KCp8J1a1bFiuBFtG9/+yMu0BhY2t+0VR/um7pwtkNFvIQqAVh6gDOg/PnoKRcdQ==
+
+"@oxc-resolver/binding-openharmony-arm64@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-openharmony-arm64/-/binding-openharmony-arm64-11.16.3.tgz#0995907ca0d11648bad7115aaad8fea7f5ab0c14"
+  integrity sha512-/7AYRkjjW7xu1nrHgWUFy99Duj4/ydOBVaHtODie9/M6fFngo+8uQDFFnzmr4q//sd/cchIerISp/8CQ5TsqIA==
+
+"@oxc-resolver/binding-wasm32-wasi@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-wasm32-wasi/-/binding-wasm32-wasi-11.16.3.tgz#070aed480e966182576355d9471d6872c15c0d84"
+  integrity sha512-urM6aIPbi5di4BSlnpd/TWtDJgG6RD06HvLBuNM+qOYuFtY1/xPbzQ2LanBI2ycpqIoIZwsChyplALwAMdyfCQ==
+  dependencies:
+    "@napi-rs/wasm-runtime" "^1.1.1"
+
+"@oxc-resolver/binding-win32-arm64-msvc@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-11.16.3.tgz#aca846d2ca636c00b8a03c573a8f35c712e6acec"
+  integrity sha512-QuvLqGKf7frxWHQ5TnrcY0C/hJpANsaez99Q4dAk1hen7lDTD4FBPtBzPnntLFXeaVG3PnSmnVjlv0vMILwU7Q==
+
+"@oxc-resolver/binding-win32-ia32-msvc@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-11.16.3.tgz#77a0e7d920511d23214b1bb3f67ed6524b0489c2"
+  integrity sha512-QR/witXK6BmYTlEP8CCjC5fxeG5U9A6a50pNpC1nLnhAcJjtzFG8KcQ5etVy/XvCLiDc7fReaAWRNWtCaIhM8Q==
+
+"@oxc-resolver/binding-win32-x64-msvc@11.16.3":
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/@oxc-resolver/binding-win32-x64-msvc/-/binding-win32-x64-msvc-11.16.3.tgz#7e2befaecbb8d1cfb0673aba5d7b298d383c5f0d"
+  integrity sha512-bFuJRKOscsDAEZ/a8BezcTMAe2BQ/OBRfuMLFUuINfTR5qGVcm4a3xBIrQVepBaPxFj16SJdRjGe05vDiwZmFw==
+
+"@peculiar/asn1-cms@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-cms/-/asn1-cms-2.6.0.tgz#88267055c460ca806651f916315a934c1b1ac994"
+  integrity sha512-2uZqP+ggSncESeUF/9Su8rWqGclEfEiz1SyU02WX5fUONFfkjzS2Z/F1Li0ofSmf4JqYXIOdCAZqIXAIBAT1OA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    "@peculiar/asn1-x509-attr" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-csr@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-csr/-/asn1-csr-2.6.0.tgz#a7eff845b0020720070a12f38f26effb9fdab158"
+  integrity sha512-BeWIu5VpTIhfRysfEp73SGbwjjoLL/JWXhJ/9mo4vXnz3tRGm+NGm3KNcRzQ9VMVqwYS2RHlolz21svzRXIHPQ==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-ecc@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-ecc/-/asn1-ecc-2.6.0.tgz#4846d39712a1a2b4786c2d6ea27b19a6dcc05ef5"
+  integrity sha512-FF3LMGq6SfAOwUG2sKpPXblibn6XnEIKa+SryvUl5Pik+WR9rmRA3OCiwz8R3lVXnYnyRkSZsSLdml8H3UiOcw==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pfx@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pfx/-/asn1-pfx-2.6.0.tgz#4c8ed3050cdd5b3e63ec4192bf8f646d9e06e3f5"
+  integrity sha512-rtUvtf+tyKGgokHHmZzeUojRZJYPxoD/jaN1+VAB4kKR7tXrnDCA/RAWXAIhMJJC+7W27IIRGe9djvxKgsldCQ==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-pkcs8" "^2.6.0"
+    "@peculiar/asn1-rsa" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pkcs8@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pkcs8/-/asn1-pkcs8-2.6.0.tgz#c426caf81cb49935c553b591e0273b4b44d1696f"
+  integrity sha512-KyQ4D8G/NrS7Fw3XCJrngxmjwO/3htnA0lL9gDICvEQ+GJ+EPFqldcJQTwPIdvx98Tua+WjkdKHSC0/Km7T+lA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-pkcs9@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-pkcs9/-/asn1-pkcs9-2.6.0.tgz#96b57122228a0e2e30e81118cd3baa570c13a51d"
+  integrity sha512-b78OQ6OciW0aqZxdzliXGYHASeCvvw5caqidbpQRYW2mBtXIX2WhofNXTEe7NyxTb0P6J62kAAWLwn0HuMF1Fw==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-pfx" "^2.6.0"
+    "@peculiar/asn1-pkcs8" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    "@peculiar/asn1-x509-attr" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-rsa@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-rsa/-/asn1-rsa-2.6.0.tgz#49d905ab67ae8aa54e996734f37a391bb7958747"
+  integrity sha512-Nu4C19tsrTsCp9fDrH+sdcOKoVfdfoQQ7S3VqjJU6vedR7tY3RLkQ5oguOIB3zFW33USDUuYZnPEQYySlgha4w==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
 
 "@peculiar/asn1-schema@^2.3.13", "@peculiar/asn1-schema@^2.3.8":
   version "2.3.13"
@@ -2554,6 +2920,35 @@
     pvtsutils "^1.3.5"
     tslib "^2.6.2"
 
+"@peculiar/asn1-schema@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-schema/-/asn1-schema-2.6.0.tgz#0dca1601d5b0fed2a72fed7a5f1d0d7dbe3a6f82"
+  integrity sha512-xNLYLBFTBKkCzEZIw842BxytQQATQv+lDTCEMZ8C196iJcJJMBUZxrhSTxLaohMyKK8QlzRNTRkUmanucnDSqg==
+  dependencies:
+    asn1js "^3.0.6"
+    pvtsutils "^1.3.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-x509-attr@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-x509-attr/-/asn1-x509-attr-2.6.0.tgz#057cb0c3c600a259c9f40582ee5fd7f0114c5be6"
+  integrity sha512-MuIAXFX3/dc8gmoZBkwJWxUWOSvG4MMDntXhrOZpJVMkYX+MYc/rUAU2uJOved9iJEoiUx7//3D8oG83a78UJA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    asn1js "^3.0.6"
+    tslib "^2.8.1"
+
+"@peculiar/asn1-x509@^2.6.0":
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/@peculiar/asn1-x509/-/asn1-x509-2.6.0.tgz#9aa0784b455ca34095fdc91a5cc52869e21528dd"
+  integrity sha512-uzYbPEpoQiBoTq0/+jZtpM6Gq6zADBx+JNFP3yqRgziWBxQ/Dt/HcuvRfm9zJTPdRcBqPNdaRHTVwpyiq6iNMA==
+  dependencies:
+    "@peculiar/asn1-schema" "^2.6.0"
+    asn1js "^3.0.6"
+    pvtsutils "^1.3.6"
+    tslib "^2.8.1"
+
 "@peculiar/json-schema@^1.1.12":
   version "1.1.12"
   resolved "https://registry.yarnpkg.com/@peculiar/json-schema/-/json-schema-1.1.12.tgz#fe61e85259e3b5ba5ad566cb62ca75b3d3cd5339"
@@ -2572,6 +2967,23 @@
     tslib "^2.6.2"
     webcrypto-core "^1.8.0"
 
+"@peculiar/x509@^1.14.2":
+  version "1.14.3"
+  resolved "https://registry.yarnpkg.com/@peculiar/x509/-/x509-1.14.3.tgz#2c44c2b89474346afec38a0c2803ec4fb8ce959e"
+  integrity sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==
+  dependencies:
+    "@peculiar/asn1-cms" "^2.6.0"
+    "@peculiar/asn1-csr" "^2.6.0"
+    "@peculiar/asn1-ecc" "^2.6.0"
+    "@peculiar/asn1-pkcs9" "^2.6.0"
+    "@peculiar/asn1-rsa" "^2.6.0"
+    "@peculiar/asn1-schema" "^2.6.0"
+    "@peculiar/asn1-x509" "^2.6.0"
+    pvtsutils "^1.3.6"
+    reflect-metadata "^0.2.2"
+    tslib "^2.8.1"
+    tsyringe "^4.10.0"
+
 "@pkgjs/parseargs@^0.11.0":
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
@@ -2582,25 +2994,30 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.9.tgz#d229a7b7f9dac167a156992ef23c7f023653f53b"
   integrity sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==
 
-"@playwright/test@1.57.0":
-  version "1.57.0"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.57.0.tgz#a14720ffa9ed7ef7edbc1f60784fc6134acbb003"
-  integrity sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==
+"@playwright/test@1.58.1":
+  version "1.58.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.58.1.tgz#891dcd1da815cb1042490531f6d8778988509d22"
+  integrity sha512-6LdVIUERWxQMmUSSQi0I53GgCBYgM2RpGngCPY7hSeju+VrKjq3lvs7HpJoPbDiY5QM5EYRtRX5fvrinnMAz3w==
   dependencies:
-    playwright "1.57.0"
+    playwright "1.58.1"
 
 "@polka/url@^1.0.0-next.24":
-  version "1.0.0-next.28"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.28.tgz#d45e01c4a56f143ee69c54dd6b12eade9e270a73"
-  integrity sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==
+  version "1.0.0-next.29"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
+  integrity sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==
 
-"@posthog/core@1.7.1":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@posthog/core/-/core-1.7.1.tgz#ec45a3b13acbe4fbf453625c83bcd38da21beeb7"
-  integrity sha512-kjK0eFMIpKo9GXIbts8VtAknsoZ18oZorANdtuTj1CbgS28t4ZVq//HAWhnxEuXRTrtkd+SUJ6Ux3j2Af8NCuA==
+"@posthog/core@1.17.0":
+  version "1.17.0"
+  resolved "https://registry.yarnpkg.com/@posthog/core/-/core-1.17.0.tgz#5889b0891655b8a761331defd1af06945a2a3b53"
+  integrity sha512-8pDNL+/u9ojzXloA5wILVDXBCV5daJ7w2ipCALQlEEZmL752cCKhRpbyiHn3tjKXh3Hy6aOboJneYa1JdlVHrQ==
   dependencies:
     cross-spawn "^7.0.6"
 
+"@posthog/types@1.336.4":
+  version "1.336.4"
+  resolved "https://registry.yarnpkg.com/@posthog/types/-/types-1.336.4.tgz#7f47c7482f74242b7e1791162ce98f003f87f39d"
+  integrity sha512-BY3cq/8segbXEvHbEXx9SWmaKJEM0AGgsOgMFH2yy13AV+rUHsGcp4Z5LDI5pU25DURN9EAZvzcoVyYy/Iokmw==
+
 "@principalstudio/html-webpack-inject-preload@^1.2.7":
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/@principalstudio/html-webpack-inject-preload/-/html-webpack-inject-preload-1.2.7.tgz#0c1f0b32a34d814b36ce84111f89990441cc64e8"
@@ -2943,73 +3360,64 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.1.tgz#78244efe12930c56fd255d7923865857c41ac8cb"
   integrity sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==
 
-"@rollup/pluginutils@^5.0.2":
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.3.0.tgz#57ba1b0cbda8e7a3c597a4853c807b156e21a7b4"
-  integrity sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
 "@rtsao/scc@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
   integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
 
-"@sentry-internal/browser-utils@10.29.0":
-  version "10.29.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/browser-utils/-/browser-utils-10.29.0.tgz#37cdf31e273c60417570f358a1198ff88baca93b"
-  integrity sha512-M3kycMY6f3KY9a8jDYac+yG0E3ZgWVWSxlOEC5MhYyX+g7mqxkwrb3LFQyuxSm/m+CCgMTCaPOOaB2twXP6EQg==
+"@sentry-internal/browser-utils@10.38.0":
+  version "10.38.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/browser-utils/-/browser-utils-10.38.0.tgz#576780062808bd3bae21476393f50caf9acbe12f"
+  integrity sha512-UOJtYmdcxHCcV0NPfXFff/a95iXl/E0EhuQ1y0uE0BuZDMupWSF5t2BgC4HaE5Aw3RTjDF3XkSHWoIF6ohy7eA==
   dependencies:
-    "@sentry/core" "10.29.0"
+    "@sentry/core" "10.38.0"
 
-"@sentry-internal/feedback@10.29.0":
-  version "10.29.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/feedback/-/feedback-10.29.0.tgz#c63236f3a8adb15f691f8ab4a429a190ed60a572"
-  integrity sha512-Y7IRsNeS99cEONu1mZWZc3HvbjNnu59Hgymm0swFFKbdgbCgdT6l85kn2oLsuq4Ew8Dw/pL/Sgpwsl9UgYFpUg==
+"@sentry-internal/feedback@10.38.0":
+  version "10.38.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/feedback/-/feedback-10.38.0.tgz#c15b00513cddfbe839dbb86684115ec4860abd58"
+  integrity sha512-JXneg9zRftyfy1Fyfc39bBlF/Qd8g4UDublFFkVvdc1S6JQPlK+P6q22DKz3Pc8w3ySby+xlIq/eTu9Pzqi4KA==
   dependencies:
-    "@sentry/core" "10.29.0"
+    "@sentry/core" "10.38.0"
 
-"@sentry-internal/replay-canvas@10.29.0":
-  version "10.29.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/replay-canvas/-/replay-canvas-10.29.0.tgz#f3fd56f40ef8b9c7b7d38e591c2e7f1b098d0ff2"
-  integrity sha512-typY4JrpAQQGPuSyd/BD8+nNCbvTV2UVvKzr+iKgI0m1qc4Dz8tHZ4Nfais2Z8eYn/pL1kqVQN5ERTmJoYFdIw==
+"@sentry-internal/replay-canvas@10.38.0":
+  version "10.38.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/replay-canvas/-/replay-canvas-10.38.0.tgz#40fc937e2d05f9819b68c4c5d4d69e789c324823"
+  integrity sha512-OXWM9jEqNYh4VTvrMu7v+z1anz+QKQ/fZXIZdsO7JTT2lGNZe58UUMeoq386M+Saxen8F9SUH7yTORy/8KI5qw==
   dependencies:
-    "@sentry-internal/replay" "10.29.0"
-    "@sentry/core" "10.29.0"
+    "@sentry-internal/replay" "10.38.0"
+    "@sentry/core" "10.38.0"
 
-"@sentry-internal/replay@10.29.0":
-  version "10.29.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/replay/-/replay-10.29.0.tgz#f21e6933f47ddbab2c303a462d9b5317794b20e0"
-  integrity sha512-45NVw9PwB9TQ8z+xJ6G6Za+wmQ1RTA35heBSzR6U4bknj8LmA04k2iwnobvxCBEQXeLfcJEO1vFgagMoqMZMBw==
+"@sentry-internal/replay@10.38.0":
+  version "10.38.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/replay/-/replay-10.38.0.tgz#b901acf514265bf882e3e4ad849e6d9dd8276633"
+  integrity sha512-YWIkL6/dnaiQyFiZXJ/nN+NXGv/15z45ia86bE/TMq01CubX/DUOilgsFz0pk2v/pg3tp/U2MskLO9Hz0cnqeg==
   dependencies:
-    "@sentry-internal/browser-utils" "10.29.0"
-    "@sentry/core" "10.29.0"
+    "@sentry-internal/browser-utils" "10.38.0"
+    "@sentry/core" "10.38.0"
 
-"@sentry/babel-plugin-component-annotate@4.6.1":
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-4.6.1.tgz#94eec0293be8289daa574e18783e64d29203c236"
-  integrity sha512-aSIk0vgBqv7PhX6/Eov+vlI4puCE0bRXzUG5HdCsHBpAfeMkI8Hva6kSOusnzKqs8bf04hU7s3Sf0XxGTj/1AA==
+"@sentry/babel-plugin-component-annotate@4.9.0":
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-4.9.0.tgz#5fbfd024935ab6f3cb39042aa6c4210060202ff4"
+  integrity sha512-TJ7sVoa2Bf36lpJjBAzpNDC5Hg+evjsQnqUPeDx9Nz/YFw0u9rK1cwvi95gVWpx7PJSDCkljIv3aw0m4RatHpQ==
 
 "@sentry/browser@^10.0.0":
-  version "10.29.0"
-  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-10.29.0.tgz#4d7d7289960526fa2fb43d1b3d750d357d47139c"
-  integrity sha512-XdbyIR6F4qoR9Z1JCWTgunVcTJjS9p2Th+v4wYs4ME+ZdLC4tuKKmRgYg3YdSIWCn1CBfIgdI6wqETSf7H6Njw==
+  version "10.38.0"
+  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-10.38.0.tgz#2409e3982756ae8a0b3e46c701a51b63d4ed84cc"
+  integrity sha512-3phzp1YX4wcQr9mocGWKbjv0jwtuoDBv7+Y6Yfrys/kwyaL84mDLjjQhRf4gL5SX7JdYkhBp4WaiNlR0UC4kTA==
   dependencies:
-    "@sentry-internal/browser-utils" "10.29.0"
-    "@sentry-internal/feedback" "10.29.0"
-    "@sentry-internal/replay" "10.29.0"
-    "@sentry-internal/replay-canvas" "10.29.0"
-    "@sentry/core" "10.29.0"
+    "@sentry-internal/browser-utils" "10.38.0"
+    "@sentry-internal/feedback" "10.38.0"
+    "@sentry-internal/replay" "10.38.0"
+    "@sentry-internal/replay-canvas" "10.38.0"
+    "@sentry/core" "10.38.0"
 
-"@sentry/bundler-plugin-core@4.6.1":
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/@sentry/bundler-plugin-core/-/bundler-plugin-core-4.6.1.tgz#d6013e6233bf663114f581bbd3c3a380ff9311d4"
-  integrity sha512-WPeRbnMXm927m4Kr69NTArPfI+p5/34FHftdCRI3LFPMyhZDzz6J3wLy4hzaVUgmMf10eLzmq2HGEMvpQmdynA==
+"@sentry/bundler-plugin-core@4.9.0":
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/@sentry/bundler-plugin-core/-/bundler-plugin-core-4.9.0.tgz#655a5d2ef5391bc0052ad5a3c93ae4d9ed337bc6"
+  integrity sha512-gOVgHG5BrxCFmZow1XovlDr1FH/gO/LfD8OKci1rryeqHVBLr3+S4yS4ACl+E5lfQPym8Ve1BKh793d1rZ0dyA==
   dependencies:
     "@babel/core" "^7.18.5"
-    "@sentry/babel-plugin-component-annotate" "4.6.1"
+    "@sentry/babel-plugin-component-annotate" "4.9.0"
     "@sentry/cli" "^2.57.0"
     dotenv "^16.3.1"
     find-up "^5.0.0"
@@ -3017,50 +3425,50 @@
     magic-string "0.30.8"
     unplugin "1.0.1"
 
-"@sentry/cli-darwin@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-darwin/-/cli-darwin-2.58.3.tgz#dfe75ef716276a23accfc917228f84777964ef37"
-  integrity sha512-4bnI5e07cVkG3DdTPpBJcoRjwHvf8GPCY/vBH6gGTrM+cXxGgk7jiZpkblq1ZvpW5H51mFjiO5qqMO7GNjstQA==
+"@sentry/cli-darwin@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-darwin/-/cli-darwin-2.58.4.tgz#5e3005c1f845acac243e8dcb23bef17337924768"
+  integrity sha512-kbTD+P4X8O+nsNwPxCywtj3q22ecyRHWff98rdcmtRrvwz8CKi/T4Jxn/fnn2i4VEchy08OWBuZAqaA5Kh2hRQ==
 
-"@sentry/cli-linux-arm64@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.58.3.tgz#be87630b46090215f1afe10100ec511de6878d6e"
-  integrity sha512-xpn94gpy8U+JwsY4Eamlx/gNXh5YiZTmA1XT73kOUBrLs+e+qwQh6gfnzGxx7wdX9x+CJooTw8rwP4unisGALQ==
+"@sentry/cli-linux-arm64@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.58.4.tgz#69da57656fda863f255d92123c3a3437e470408e"
+  integrity sha512-0g0KwsOozkLtzN8/0+oMZoOuQ0o7W6O+hx+ydVU1bktaMGKEJLMAWxOQNjsh1TcBbNIXVOKM/I8l0ROhaAb8Ig==
 
-"@sentry/cli-linux-arm@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm/-/cli-linux-arm-2.58.3.tgz#2da8a797731b4a1ebf21d7a082a44aa7c84578c5"
-  integrity sha512-33mlrULHtxK5rjzO7YJDtXyOeMTpkZOgfcQqcjyxeDY91jSCXE0EhlBV6SGCKqvahmvh9RUgINLkQO+qc2OjDg==
+"@sentry/cli-linux-arm@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm/-/cli-linux-arm-2.58.4.tgz#869ddab30f0dcebc0e61cff2f3ff47dcd40f8abe"
+  integrity sha512-rdQ8beTwnN48hv7iV7e7ZKucPec5NJkRdrrycMJMZlzGBPi56LqnclgsHySJ6Kfq506A2MNuQnKGaf/sBC9REA==
 
-"@sentry/cli-linux-i686@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-i686/-/cli-linux-i686-2.58.3.tgz#a52d0ad62a074e12fd332b3aec71ca69045dabfc"
-  integrity sha512-Z4qWllBAPa0Z3nO3cvw9bTIfASxo5EYjnid7MvWB99TKUTdd2+YCIJ9rP9UadZqvOE9AekF+DHdh35j9E1urOQ==
+"@sentry/cli-linux-i686@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-i686/-/cli-linux-i686-2.58.4.tgz#e30ca6b897147b3fb7b2e8684b139183d55e21c6"
+  integrity sha512-NseoIQAFtkziHyjZNPTu1Gm1opeQHt7Wm1LbLrGWVIRvUOzlslO9/8i6wETUZ6TjlQxBVRgd3Q0lRBG2A8rFYA==
 
-"@sentry/cli-linux-x64@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-x64/-/cli-linux-x64-2.58.3.tgz#f7bcba26dbe259dec618a95f1726aa7453dad20b"
-  integrity sha512-i68RTLedYzxZ+wdh9JS8aeMCWbnJq4xYa3Rmib2lrQ9AvScBLJlFbafjYnZUy9PWiqc78PFJc5gLefPRDpIexw==
+"@sentry/cli-linux-x64@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-x64/-/cli-linux-x64-2.58.4.tgz#f667e1fcaf0860f15401af8e0ee72f5013d84458"
+  integrity sha512-d3Arz+OO/wJYTqCYlSN3Ktm+W8rynQ/IMtSZLK8nu0ryh5mJOh+9XlXY6oDXw4YlsM8qCRrNquR8iEI1Y/IH+Q==
 
-"@sentry/cli-win32-arm64@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-arm64/-/cli-win32-arm64-2.58.3.tgz#cf1e04b00d043503a26f3d816e9572eaa652b0fc"
-  integrity sha512-en2uDEi+NLEVCfTvuivKxUSSe2jp3iKtSRFSONSRMc0p7O6SlGYflPZCVIGPXQWKSNYXdQINbefQND4d5bPzsQ==
+"@sentry/cli-win32-arm64@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-arm64/-/cli-win32-arm64-2.58.4.tgz#f612c5788954e2a97b6626e9e46fa9a41cb049c1"
+  integrity sha512-bqYrF43+jXdDBh0f8HIJU3tbvlOFtGyRjHB8AoRuMQv9TEDUfENZyCelhdjA+KwDKYl48R1Yasb4EHNzsoO83w==
 
-"@sentry/cli-win32-i686@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-i686/-/cli-win32-i686-2.58.3.tgz#b93e795c7e4351a256fd7a0f84e6c39cf60cfe08"
-  integrity sha512-dYWNuE+FtZXpT4aqW68/4ah2WAAz//QSQxxpuTBAQ+Wui26Mp30q5nJdYOzAckdSF8yVKjIHB0NLuIYZYHijyQ==
+"@sentry/cli-win32-i686@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-i686/-/cli-win32-i686-2.58.4.tgz#5611c05499f1b959d23e37650d0621d299c49cfc"
+  integrity sha512-3triFD6jyvhVcXOmGyttf+deKZcC1tURdhnmDUIBkiDPJKGT/N5xa4qAtHJlAB/h8L9jgYih9bvJnvvFVM7yug==
 
-"@sentry/cli-win32-x64@2.58.3":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-x64/-/cli-win32-x64-2.58.3.tgz#ac2a7c0785977713f77dad3a138faa61bb4094a0"
-  integrity sha512-D1qkHE2Mkfu9w1zyZt8M/V+yqoycJFEtp4hCv/HtLhExNtZYrdjf8LHzR0tUvEBS4Y1aw4wbox+Wh8ToOhcXbQ==
+"@sentry/cli-win32-x64@2.58.4":
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-x64/-/cli-win32-x64-2.58.4.tgz#3290c59399579e8d484c97246cfa720171241061"
+  integrity sha512-cSzN4PjM1RsCZ4pxMjI0VI7yNCkxiJ5jmWncyiwHXGiXrV1eXYdQ3n1LhUYLZ91CafyprR0OhDcE+RVZ26Qb5w==
 
 "@sentry/cli@^2.57.0":
-  version "2.58.3"
-  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-2.58.3.tgz#2ac2b0ab9556e694d6e9cf7f56559e0c3f2a99bf"
-  integrity sha512-3eGF2ijOuON6wbr3OrQ48+nUTLwFLOGeTixJX9GJ36aYovFnF+FvjxIvtjnWgLUgwGu33PQFGzK7S2HridVJXQ==
+  version "2.58.4"
+  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-2.58.4.tgz#eb8792600cdf956cc4fe2bf51380ea1682327411"
+  integrity sha512-ArDrpuS8JtDYEvwGleVE+FgR+qHaOp77IgdGSacz6SZy6Lv90uX0Nu4UrHCQJz8/xwIcNxSqnN22lq0dH4IqTg==
   dependencies:
     https-proxy-agent "^5.0.0"
     node-fetch "^2.6.7"
@@ -3068,33 +3476,38 @@
     proxy-from-env "^1.1.0"
     which "^2.0.2"
   optionalDependencies:
-    "@sentry/cli-darwin" "2.58.3"
-    "@sentry/cli-linux-arm" "2.58.3"
-    "@sentry/cli-linux-arm64" "2.58.3"
-    "@sentry/cli-linux-i686" "2.58.3"
-    "@sentry/cli-linux-x64" "2.58.3"
-    "@sentry/cli-win32-arm64" "2.58.3"
-    "@sentry/cli-win32-i686" "2.58.3"
-    "@sentry/cli-win32-x64" "2.58.3"
+    "@sentry/cli-darwin" "2.58.4"
+    "@sentry/cli-linux-arm" "2.58.4"
+    "@sentry/cli-linux-arm64" "2.58.4"
+    "@sentry/cli-linux-i686" "2.58.4"
+    "@sentry/cli-linux-x64" "2.58.4"
+    "@sentry/cli-win32-arm64" "2.58.4"
+    "@sentry/cli-win32-i686" "2.58.4"
+    "@sentry/cli-win32-x64" "2.58.4"
 
-"@sentry/core@10.29.0":
-  version "10.29.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-10.29.0.tgz#8783db0969224f48ea46e3c3212289d5dbd6ef38"
-  integrity sha512-olQ2DU9dA/Bwsz3PtA9KNXRMqBWRQSkPw+MxwWEoU1K1qtiM9L0j6lbEFb5iSY3d7WYD5MB+1d5COugjSBrHtw==
+"@sentry/core@10.38.0":
+  version "10.38.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-10.38.0.tgz#391f2535fde084e3eff4b1d2d634aa5619629b34"
+  integrity sha512-1pubWDZE5y5HZEPMAZERP4fVl2NH3Ihp1A+vMoVkb3Qc66Diqj1WierAnStlZP7tCx0TBa0dK85GTW/ZFYyB9g==
 
 "@sentry/webpack-plugin@^4.0.0":
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/@sentry/webpack-plugin/-/webpack-plugin-4.6.1.tgz#8041ef27f302c3f63902bc4bb01e2ee53ea94c15"
-  integrity sha512-CJgT/t2pQWsPsMx9VJ86goU/orCQhL2HhDj5ZYBol6fPPoEGeTqKOPCnv/xsbCAfGSp1uHpyRLTA/Gx96u7VVA==
+  version "4.9.0"
+  resolved "https://registry.yarnpkg.com/@sentry/webpack-plugin/-/webpack-plugin-4.9.0.tgz#396ca571de11da3b6dda0104885e88df9104f957"
+  integrity sha512-2usiAS8vVBb24DXMYHtHsuCasnxo5uJMO6tpGPCMpyLYVooq5ypNvV+egiwlO6Dmyp9/BFK2hcK1vPRL5K5Trw==
   dependencies:
-    "@sentry/bundler-plugin-core" "4.6.1"
+    "@sentry/bundler-plugin-core" "4.9.0"
     unplugin "1.0.1"
     uuid "^9.0.0"
 
 "@sinclair/typebox@^0.34.0":
-  version "0.34.41"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.34.41.tgz#aa51a6c1946df2c5a11494a2cdb9318e026db16c"
-  integrity sha512-6gS8pZzSXdyRHTIqoqSVknxolr1kzfy4/CeDnrzsVz8TTIWUbOBr6gnzOmTYJ3eXQNh4IYHIGi5aIL7sOZ2G/g==
+  version "0.34.47"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.34.47.tgz#61b684d8a20d2890b9f1f7b0d4f76b4b39f5bc0d"
+  integrity sha512-ZGIBQ+XDvO5JQku9wmwtabcVTHJsgSWAHYtVuM9pBNNR5E88v6Jcj/llpmsjivig5X8A8HHOb4/mbEKPS5EvAw==
+
+"@sindresorhus/merge-streams@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz#abb11d99aeb6d27f1b563c38147a72d50058e339"
+  integrity sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==
 
 "@sinonjs/commons@^3.0.1":
   version "3.0.1"
@@ -3110,68 +3523,13 @@
   dependencies:
     "@sinonjs/commons" "^3.0.1"
 
-"@storybook/builder-vite@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-10.1.5.tgz#27b11a0fb583e342cd041ea1eded7d012a0c278a"
-  integrity sha512-5alpNa+TQXK1zp9MeovUK/yIUkZqpIFUScUer6cYgidI96Boovn7OXt5oXQ8CqqpzuEtgCvz44TzCmgZoGv41g==
-  dependencies:
-    "@storybook/csf-plugin" "10.1.5"
-    "@vitest/mocker" "3.2.4"
-    ts-dedent "^2.0.0"
-
-"@storybook/csf-plugin@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-10.1.5.tgz#8d147fa82c19e348991bbad88c1af8ef56a9d2a3"
-  integrity sha512-v+D7PVRkNUHznfoQg8yqpLWZIIbPddqHDSi1oBGdegF0Kv/lVsGqTZGRLroApsMu7BLwLhpcMID6ofxlfftWKg==
-  dependencies:
-    unplugin "^2.3.5"
-
-"@storybook/global@^5.0.0":
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed"
-  integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==
-
-"@storybook/icons@^2.0.0":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-2.0.1.tgz#1bd351db1d33bfccbbafa7b64fb413168f1a6616"
-  integrity sha512-/smVjw88yK3CKsiuR71vNgWQ9+NuY2L+e8X7IMrFjexjm6ZR8ULrV2DRkTA61aV6ryefslzHEGDInGpnNeIocg==
-
-"@storybook/react-dom-shim@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-10.1.5.tgz#e39c169b093594de88dcb0c59b797ec23028ef0c"
-  integrity sha512-CsXcq26wINUgYP8KnfSuS60B10/Ag34YdcnWIEl9hM5UtTQ65WYJ9fVFqpzfnQrkpgRMd7iQjtmUhCe+4umnHg==
-
-"@storybook/react-vite@^10.0.7":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-10.1.5.tgz#9da7bbb0b860526da51fa3d50993934b593588b3"
-  integrity sha512-27RiCVw5QZ/f9fXS8sGaPHuWkbHSoS66ifeakxHgbkbIXjVI4M6pWB7NUj49MwU1YUMOpB0T8KasvyMZzv/UPA==
-  dependencies:
-    "@joshwooding/vite-plugin-react-docgen-typescript" "0.6.1"
-    "@rollup/pluginutils" "^5.0.2"
-    "@storybook/builder-vite" "10.1.5"
-    "@storybook/react" "10.1.5"
-    empathic "^2.0.0"
-    magic-string "^0.30.0"
-    react-docgen "^8.0.0"
-    resolve "^1.22.8"
-    tsconfig-paths "^4.2.0"
-
-"@storybook/react@10.1.5":
-  version "10.1.5"
-  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-10.1.5.tgz#0f6a1ec5c4338d3604d6e957d0f53f7ddf9a2e6a"
-  integrity sha512-M8fR7WVs79fPJHwRZxkz4XzIfzs/bN0heWdZX0D4iRjeIcY4nLM/tyalCcQDrGgrSJbgAAf4xd7KXaZzaZSAqA==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-    "@storybook/react-dom-shim" "10.1.5"
-    react-docgen "^8.0.2"
-
 "@stylistic/eslint-plugin@^5.0.0":
-  version "5.6.1"
-  resolved "https://registry.yarnpkg.com/@stylistic/eslint-plugin/-/eslint-plugin-5.6.1.tgz#98e1371757881eecce69b1ec497ef6fc7d6470c9"
-  integrity sha512-JCs+MqoXfXrRPGbGmho/zGS/jMcn3ieKl/A8YImqib76C8kjgZwq5uUFzc30lJkMvcchuRn6/v8IApLxli3Jyw==
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/@stylistic/eslint-plugin/-/eslint-plugin-5.7.1.tgz#bb108186a0133071b38be5fa705cd262260be8a8"
+  integrity sha512-zjTUwIsEfT+k9BmXwq1QEFYsb4afBlsI1AXFyWQBgggMzwBFOuu92pGrE5OFx90IOjNl+lUbQoTG7f8S0PkOdg==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.9.0"
-    "@typescript-eslint/types" "^8.47.0"
+    "@eslint-community/eslint-utils" "^4.9.1"
+    "@typescript-eslint/types" "^8.53.1"
     eslint-visitor-keys "^4.2.1"
     espree "^10.4.0"
     estraverse "^5.3.0"
@@ -3284,11 +3642,11 @@
     "@svgr/plugin-svgo" "8.1.0"
 
 "@testcontainers/postgresql@^11.0.0":
-  version "11.9.0"
-  resolved "https://registry.yarnpkg.com/@testcontainers/postgresql/-/postgresql-11.9.0.tgz#9009e28208c4134c4cd6614827fa98614ea1d494"
-  integrity sha512-beLyLdLygFllktviM132Xd6tQ4i5FnuyZP+4BQEjUb5sJYHYnIrV/ZBzRRflIlF8gugt1GXgudkmr/HxM9vtKw==
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@testcontainers/postgresql/-/postgresql-11.11.0.tgz#c3244b397902c89c13f0c6c914e9e54f51b3799f"
+  integrity sha512-Og64I/h5LKLVvUTkAcLeTXfFcMhh3dCHCypN3Uzd+tQMd70SpCfQ0LCP9v/U+MS7JBRzU9EmqhUFkTOm4hyZWw==
   dependencies:
-    testcontainers "^11.9.0"
+    testcontainers "^11.11.0"
 
 "@testing-library/dom@^10.4.0":
   version "10.4.1"
@@ -3304,7 +3662,7 @@
     picocolors "1.1.1"
     pretty-format "^27.0.2"
 
-"@testing-library/jest-dom@^6.4.8", "@testing-library/jest-dom@^6.6.3":
+"@testing-library/jest-dom@^6.4.8":
   version "6.9.1"
   resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz#7613a04e146dd2976d24ddf019730d57a89d56c2"
   integrity sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==
@@ -3317,13 +3675,13 @@
     redent "^3.0.0"
 
 "@testing-library/react@^16.0.0":
-  version "16.3.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-16.3.0.tgz#3a85bb9bdebf180cd76dba16454e242564d598a6"
-  integrity sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==
+  version "16.3.2"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-16.3.2.tgz#672883b7acb8e775fc0492d9e9d25e06e89786d0"
+  integrity sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==
   dependencies:
     "@babel/runtime" "^7.12.5"
 
-"@testing-library/user-event@^14.5.2", "@testing-library/user-event@^14.6.1":
+"@testing-library/user-event@^14.5.2":
   version "14.6.1"
   resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.6.1.tgz#13e09a32d7a8b7060fe38304788ebf4197cd2149"
   integrity sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==
@@ -3371,7 +3729,7 @@
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
-"@types/babel__traverse@*", "@types/babel__traverse@^7.20.7":
+"@types/babel__traverse@*":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.28.0.tgz#07d713d6cce0d265c9849db0cbe62d3f61f36f74"
   integrity sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==
@@ -3393,14 +3751,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/chai@^5.2.2":
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-5.2.3.tgz#8e9cd9e1c3581fa6b341a5aed5588eb285be0b4a"
-  integrity sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==
-  dependencies:
-    "@types/deep-eql" "*"
-    assertion-error "^2.0.1"
-
 "@types/commonmark@^0.27.4":
   version "0.27.10"
   resolved "https://registry.yarnpkg.com/@types/commonmark/-/commonmark-0.27.10.tgz#79b1cc817a9d2e28cf875a19ef5002ca25aa4e09"
@@ -3436,11 +3786,6 @@
   resolved "https://registry.yarnpkg.com/@types/css-tree/-/css-tree-2.3.11.tgz#c9457a54fe8ea02d2d72ddc864c1b9c5625f10d0"
   integrity sha512-aEokibJOI77uIlqoBOkVbaQGC9zII0A+JH1kcTNKW2CwyYWD8KM6qdo+4c77wD3wZOQfJuNWAr9M4hdk+YhDIg==
 
-"@types/deep-eql@*":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/deep-eql/-/deep-eql-4.0.2.tgz#334311971d3a07121e7eb91b684a605e7eea9cbd"
-  integrity sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==
-
 "@types/diff-match-patch@^1.0.32":
   version "1.0.36"
   resolved "https://registry.yarnpkg.com/@types/diff-match-patch/-/diff-match-patch-1.0.36.tgz#dcef10a69d357fe9d43ac4ff2eca6b85dbf466af"
@@ -3463,11 +3808,6 @@
     "@types/node" "*"
     "@types/ssh2" "*"
 
-"@types/doctrine@^0.0.9":
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.9.tgz#d86a5f452a15e3e3113b99e39616a9baa0f9863f"
-  integrity sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==
-
 "@types/escape-html@^1.0.1":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@types/escape-html/-/escape-html-1.0.4.tgz#dc7c166b76c7b03b27e32f80edf01d91eb5d9af2"
@@ -3489,7 +3829,7 @@
     "@types/estree" "*"
     "@types/json-schema" "*"
 
-"@types/estree@*", "@types/estree@^1.0.0", "@types/estree@^1.0.8":
+"@types/estree@*", "@types/estree@^1.0.8":
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
   integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
@@ -3499,10 +3839,10 @@
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.3.tgz#a8ef894305af28d1fc6d2dfdfc98e899591ea529"
   integrity sha512-trOc4AAUThEz9hapPtSd7wf5tiQKvTtu5b371UxXdTuqzIh0ArcRspRP0i0Viu+LXstIQ1z96t1nsPxT9ol01g==
 
-"@types/express-serve-static-core@*":
-  version "5.0.6"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz#41fec4ea20e9c7b22f024ab88a95c6bb288f51b8"
-  integrity sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==
+"@types/express-serve-static-core@*", "@types/express-serve-static-core@^5.0.0":
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.1.1.tgz#1a77faffee9572d39124933259be2523837d7eaa"
+  integrity sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
@@ -3510,19 +3850,9 @@
     "@types/send" "*"
 
 "@types/express-serve-static-core@^4.17.21", "@types/express-serve-static-core@^4.17.33":
-  version "4.19.6"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz#e01324c2a024ff367d92c66f48553ced0ab50267"
-  integrity sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==
-  dependencies:
-    "@types/node" "*"
-    "@types/qs" "*"
-    "@types/range-parser" "*"
-    "@types/send" "*"
-
-"@types/express-serve-static-core@^5.0.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.1.0.tgz#74f47555b3d804b54cb7030e6f9aa0c7485cfc5b"
-  integrity sha512-jnHMsrd0Mwa9Cf4IdOzbz543y4XJepXrbia2T4b6+spXC2We3t1y6K44D3mR8XMFSXMCf3/l7rCgddfx7UNVBA==
+  version "4.19.8"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz#99b960322a4d576b239a640ab52ef191989b036f"
+  integrity sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
@@ -3538,34 +3868,27 @@
     "@types/express-serve-static-core" "^5.0.0"
     "@types/serve-static" "^2"
 
-"@types/express@^4.17.21":
-  version "4.17.23"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.23.tgz#35af3193c640bfd4d7fe77191cd0ed411a433bef"
-  integrity sha512-Crp6WY9aTYP3qPi2wGDo9iUe/rceX01UMhnF1jmwDcKCFM6cx7YhGP/Mpr3y9AASpfHixIG0E6azCcL5OcDHsQ==
+"@types/express@^4.17.25":
+  version "4.17.25"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.25.tgz#070c8c73a6fee6936d65c195dbbfb7da5026649b"
+  integrity sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==
   dependencies:
     "@types/body-parser" "*"
     "@types/express-serve-static-core" "^4.17.33"
     "@types/qs" "*"
-    "@types/serve-static" "*"
+    "@types/serve-static" "^1"
 
 "@types/file-saver@^2.0.3":
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/@types/file-saver/-/file-saver-2.0.7.tgz#8dbb2f24bdc7486c54aa854eb414940bbd056f7d"
   integrity sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==
 
-"@types/geojson-vt@3.2.5":
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/@types/geojson-vt/-/geojson-vt-3.2.5.tgz#b6c356874991d9ab4207533476dfbcdb21e38408"
-  integrity sha512-qDO7wqtprzlpe8FfQ//ClPV9xiuoh2nkIgiouIptON9w5jvD/fA4szvP9GBlDVdJ5dldAl0kX/sy3URbWwLx0g==
-  dependencies:
-    "@types/geojson" "*"
-
 "@types/geojson@*", "@types/geojson@^7946.0.16":
   version "7946.0.16"
   resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.16.tgz#8ebe53d69efada7044454e3305c19017d97ced2a"
   integrity sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==
 
-"@types/glob-to-regexp@^0.4.1":
+"@types/glob-to-regexp@^0.4.1", "@types/glob-to-regexp@^0.4.4":
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/@types/glob-to-regexp/-/glob-to-regexp-0.4.4.tgz#409e71290253203185b1ea8a3d6ea406a4bdc902"
   integrity sha512-nDKoaKJYbnn1MZxUY0cA1bPmmgZbg0cTq7Rh13d0KWYNOiKbqoR+2d89SnRPszGh7ROzSwZ/GOjZ4jPbmmZ6Eg==
@@ -3589,9 +3912,9 @@
   integrity sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==
 
 "@types/http-proxy@^1.17.8":
-  version "1.17.16"
-  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.16.tgz#dee360707b35b3cc85afcde89ffeebff7d7f9240"
-  integrity sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==
+  version "1.17.17"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.17.tgz#d9e2c4571fe3507343cb210cd41790375e59a533"
+  integrity sha512-ED6LB+Z1AVylNTu7hdzuBqOgMnvG/ld6wGCG8wFnAzKX5uyW2K3WD52v0gnLCTK/VLpXtKckgWuyScYK6cSPaw==
   dependencies:
     "@types/node" "*"
 
@@ -3651,15 +3974,10 @@
   resolved "https://registry.yarnpkg.com/@types/jsrsasign/-/jsrsasign-10.5.15.tgz#5cf1ee506b2fa2435b6e1786a873285c7110eb82"
   integrity sha512-3stUTaSRtN09PPzVWR6aySD9gNnuymz+WviNHoTb85dKu+BjaV4uBbWWGykBBJkfwPtcNZVfTn2lbX00U+yhpQ==
 
-"@types/katex@^0.16.0":
-  version "0.16.7"
-  resolved "https://registry.yarnpkg.com/@types/katex/-/katex-0.16.7.tgz#03ab680ab4fa4fbc6cb46ecf987ecad5d8019868"
-  integrity sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==
-
 "@types/lodash@^4.14.168":
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.21.tgz#b806831543d696b14f8112db600ea9d3a1df6ea4"
-  integrity sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.23.tgz#c1bb06db218acc8fc232da0447473fc2fb9d9841"
+  integrity sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==
 
 "@types/mime@^1":
   version "1.3.5"
@@ -3676,25 +3994,10 @@
   resolved "https://registry.yarnpkg.com/@types/modernizr/-/modernizr-3.5.6.tgz#c50d64a73edc30284679f09ad54e7d095e69f2a0"
   integrity sha512-yslwR0zZ3zAT1qXcCPxIcD23CZ6W6nKsl6JufSJHAmdwOBuYwCVJkaMsEo9yzxGV7ATfoX8S+RgtnajOEtKxYA==
 
-"@types/node-fetch@^2.6.2":
-  version "2.6.13"
-  resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.13.tgz#e0c9b7b5edbdb1b50ce32c127e85e880872d56ee"
-  integrity sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==
-  dependencies:
-    "@types/node" "*"
-    form-data "^4.0.4"
-
-"@types/node-forge@^1.3.0":
-  version "1.3.11"
-  resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da"
-  integrity sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/node@*":
-  version "25.0.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.0.0.tgz#c0e0022c3c7b41635c49322e6b3a0279fffa7d62"
-  integrity sha512-rl78HwuZlaDIUSeUKkmogkhebA+8K1Hy7tddZuJ3D0xV8pZSfsYGTsliGUol1JPzu9EKnTxPC4L1fiWouStRew==
+"@types/node@*", "@types/node@>=13.7.0":
+  version "25.2.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-25.2.0.tgz#015b7d228470c1dcbfc17fe9c63039d216b4d782"
+  integrity sha512-DZ8VwRFUNzuqJ5khrvwMXHmvPe+zGayJhr2CDNiKB1WBE1ST8Djl00D0IC4vvNmHMdj6DlbYRIaFE7WHjlDl5w==
   dependencies:
     undici-types "~7.16.0"
 
@@ -3705,13 +4008,6 @@
   dependencies:
     undici-types "~5.26.4"
 
-"@types/node@>=13.7.0":
-  version "24.10.2"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.10.2.tgz#82a57476a19647d8f2c7750d0924788245e39b26"
-  integrity sha512-WOhQTZ4G8xZ1tjJTvKOpyEVSGgOTvJAfDK3FNFgELyaTpzhdgHVHeqW8V+UJvzF5BT+/B54T/1S2K6gd9c7bbA==
-  dependencies:
-    undici-types "~7.16.0"
-
 "@types/normalize-package-data@^2.4.0":
   version "2.4.4"
   resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz#56e2cc26c397c038fab0e3a917a12d5c5909e901"
@@ -3771,18 +4067,13 @@
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.12.tgz#b5d76568485b02a307238270bfe96cb51ee2a044"
   integrity sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==
 
-"@types/react@*", "@types/react@19.2.7":
-  version "19.2.7"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.2.7.tgz#84e62c0f23e8e4e5ac2cadcea1ffeacccae7f62f"
-  integrity sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==
+"@types/react@*", "@types/react@19.2.10":
+  version "19.2.10"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-19.2.10.tgz#f3ea799e6b4cebad6dfd231c238fc9de7652e2d2"
+  integrity sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==
   dependencies:
     csstype "^3.2.2"
 
-"@types/resolve@^1.20.2":
-  version "1.20.6"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.6.tgz#e6e60dad29c2c8c206c026e6dd8d6d1bdda850b8"
-  integrity sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==
-
 "@types/retry@0.12.2":
   version "0.12.2"
   resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.2.tgz#ed279a64fa438bb69f2480eda44937912bb7480a"
@@ -3832,15 +4123,7 @@
   dependencies:
     "@types/express" "*"
 
-"@types/serve-static@*", "@types/serve-static@^2":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-2.2.0.tgz#d4a447503ead0d1671132d1ab6bd58b805d8de6a"
-  integrity sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==
-  dependencies:
-    "@types/http-errors" "*"
-    "@types/node" "*"
-
-"@types/serve-static@^1.15.5":
+"@types/serve-static@^1", "@types/serve-static@^1.15.5":
   version "1.15.10"
   resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.10.tgz#768169145a778f8f5dfcb6360aead414a3994fee"
   integrity sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==
@@ -3849,6 +4132,14 @@
     "@types/node" "*"
     "@types/send" "<1"
 
+"@types/serve-static@^2":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-2.2.0.tgz#d4a447503ead0d1671132d1ab6bd58b805d8de6a"
+  integrity sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==
+  dependencies:
+    "@types/http-errors" "*"
+    "@types/node" "*"
+
 "@types/sockjs@^0.3.36":
   version "0.3.36"
   resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.36.tgz#ce322cf07bcc119d4cbf7f88954f3a3bd0f67535"
@@ -3900,6 +4191,11 @@
   resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304"
   integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==
 
+"@types/trusted-types@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
 "@types/ua-parser-js@^0.7.36":
   version "0.7.39"
   resolved "https://registry.yarnpkg.com/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz#832c58e460c9435e4e34bb866e85e9146e12cdbb"
@@ -3925,159 +4221,159 @@
     "@types/yargs-parser" "*"
 
 "@typescript-eslint/eslint-plugin@^8.19.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.49.0.tgz#8ed8736b8415a9193989220eadb6031dbcd2260a"
-  integrity sha512-JXij0vzIaTtCwu6SxTh8qBc66kmf1xs7pI4UOiMDFVct6q86G0Zs7KRcEoJgY3Cav3x5Tq0MF5jwgpgLqgKG3A==
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.54.0.tgz#d8899e5c2eccf5c4a20d01c036a193753748454d"
+  integrity sha512-hAAP5io/7csFStuOmR782YmTthKBJ9ND3WVL60hcOjvtGFb+HJxH4O5huAcmcZ9v9G8P+JETiZ/G1B8MALnWZQ==
   dependencies:
-    "@eslint-community/regexpp" "^4.10.0"
-    "@typescript-eslint/scope-manager" "8.49.0"
-    "@typescript-eslint/type-utils" "8.49.0"
-    "@typescript-eslint/utils" "8.49.0"
-    "@typescript-eslint/visitor-keys" "8.49.0"
-    ignore "^7.0.0"
+    "@eslint-community/regexpp" "^4.12.2"
+    "@typescript-eslint/scope-manager" "8.54.0"
+    "@typescript-eslint/type-utils" "8.54.0"
+    "@typescript-eslint/utils" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+    ignore "^7.0.5"
     natural-compare "^1.4.0"
-    ts-api-utils "^2.1.0"
+    ts-api-utils "^2.4.0"
 
 "@typescript-eslint/parser@^8.19.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.49.0.tgz#0ede412d59e99239b770f0f08c76c42fba717fa2"
-  integrity sha512-N9lBGA9o9aqb1hVMc9hzySbhKibHmB+N3IpoShyV6HyQYRGIhlrO5rQgttypi+yEeKsKI4idxC8Jw6gXKD4THA==
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.54.0.tgz#3d01a6f54ed247deb9982621f70e7abf1810bd97"
+  integrity sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==
   dependencies:
-    "@typescript-eslint/scope-manager" "8.49.0"
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/typescript-estree" "8.49.0"
-    "@typescript-eslint/visitor-keys" "8.49.0"
-    debug "^4.3.4"
+    "@typescript-eslint/scope-manager" "8.54.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/typescript-estree" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+    debug "^4.4.3"
 
-"@typescript-eslint/project-service@8.48.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.48.0.tgz#c21f6f897fbc4e61c7b1e20906ea1d59594ccc2d"
-  integrity sha512-Ne4CTZyRh1BecBf84siv42wv5vQvVmgtk8AuiEffKTUo3DrBaGYZueJSxxBZ8fjk/N3DrgChH4TOdIOwOwiqqw==
+"@typescript-eslint/project-service@8.53.1":
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.53.1.tgz#4e47856a0b14a1ceb28b0294b4badef3be1e9734"
+  integrity sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==
   dependencies:
-    "@typescript-eslint/tsconfig-utils" "^8.48.0"
-    "@typescript-eslint/types" "^8.48.0"
-    debug "^4.3.4"
+    "@typescript-eslint/tsconfig-utils" "^8.53.1"
+    "@typescript-eslint/types" "^8.53.1"
+    debug "^4.4.3"
 
-"@typescript-eslint/project-service@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.49.0.tgz#ce220525c88cb2d23792b391c07e14cb9697651a"
-  integrity sha512-/wJN0/DKkmRUMXjZUXYZpD1NEQzQAAn9QWfGwo+Ai8gnzqH7tvqS7oNVdTjKqOcPyVIdZdyCMoqN66Ia789e7g==
+"@typescript-eslint/project-service@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.54.0.tgz#f582aceb3d752544c8e1b11fea8d95d00cf9adc6"
+  integrity sha512-YPf+rvJ1s7MyiWM4uTRhE4DvBXrEV+d8oC3P9Y2eT7S+HBS0clybdMIPnhiATi9vZOYDc7OQ1L/i6ga6NFYK/g==
   dependencies:
-    "@typescript-eslint/tsconfig-utils" "^8.49.0"
-    "@typescript-eslint/types" "^8.49.0"
-    debug "^4.3.4"
+    "@typescript-eslint/tsconfig-utils" "^8.54.0"
+    "@typescript-eslint/types" "^8.54.0"
+    debug "^4.4.3"
 
-"@typescript-eslint/scope-manager@8.48.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.48.0.tgz#8306afdf409364d4e434813f0df9a8557ddff751"
-  integrity sha512-uGSSsbrtJrLduti0Q1Q9+BF1/iFKaxGoQwjWOIVNJv0o6omrdyR8ct37m4xIl5Zzpkp69Kkmvom7QFTtue89YQ==
+"@typescript-eslint/scope-manager@8.53.1":
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.53.1.tgz#6c4b8c82cd45ae3b365afc2373636e166743a8fa"
+  integrity sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==
   dependencies:
-    "@typescript-eslint/types" "8.48.0"
-    "@typescript-eslint/visitor-keys" "8.48.0"
+    "@typescript-eslint/types" "8.53.1"
+    "@typescript-eslint/visitor-keys" "8.53.1"
 
-"@typescript-eslint/scope-manager@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.49.0.tgz#a3496765b57fb48035d671174552e462e5bffa63"
-  integrity sha512-npgS3zi+/30KSOkXNs0LQXtsg9ekZ8OISAOLGWA/ZOEn0ZH74Ginfl7foziV8DT+D98WfQ5Kopwqb/PZOaIJGg==
+"@typescript-eslint/scope-manager@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.54.0.tgz#307dc8cbd80157e2772c2d36216857415a71ab33"
+  integrity sha512-27rYVQku26j/PbHYcVfRPonmOlVI6gihHtXFbTdB5sb6qA0wdAQAbyXFVarQ5t4HRojIz64IV90YtsjQSSGlQg==
   dependencies:
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/visitor-keys" "8.49.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
 
-"@typescript-eslint/tsconfig-utils@8.48.0", "@typescript-eslint/tsconfig-utils@^8.48.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.48.0.tgz#05cf091cd9f24a8e047783ff979136df6cf1be04"
-  integrity sha512-WNebjBdFdyu10sR1M4OXTt2OkMd5KWIL+LLfeH9KhgP+jzfDV/LI3eXzwJ1s9+Yc0Kzo2fQCdY/OpdusCMmh6w==
+"@typescript-eslint/tsconfig-utils@8.53.1", "@typescript-eslint/tsconfig-utils@^8.53.1":
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.53.1.tgz#efe80b8d019cd49e5a1cf46c2eb0cd2733076424"
+  integrity sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==
 
-"@typescript-eslint/tsconfig-utils@8.49.0", "@typescript-eslint/tsconfig-utils@^8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.49.0.tgz#857777c8e35dd1e564505833d8043f544442fbf4"
-  integrity sha512-8prixNi1/6nawsRYxet4YOhnbW+W9FK/bQPxsGB1D3ZrDzbJ5FXw5XmzxZv82X3B+ZccuSxo/X8q9nQ+mFecWA==
+"@typescript-eslint/tsconfig-utils@8.54.0", "@typescript-eslint/tsconfig-utils@^8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.54.0.tgz#71dd7ba1674bd48b172fc4c85b2f734b0eae3dbc"
+  integrity sha512-dRgOyT2hPk/JwxNMZDsIXDgyl9axdJI3ogZ2XWhBPsnZUv+hPesa5iuhdYt2gzwA9t8RE5ytOJ6xB0moV0Ujvw==
 
-"@typescript-eslint/type-utils@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.49.0.tgz#d8118a0c1896a78a22f01d3c176e9945409b085b"
-  integrity sha512-KTExJfQ+svY8I10P4HdxKzWsvtVnsuCifU5MvXrRwoP2KOlNZ9ADNEWWsQTJgMxLzS5VLQKDjkCT/YzgsnqmZg==
+"@typescript-eslint/type-utils@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.54.0.tgz#64965317dd4118346c2fa5ee94492892200e9fb9"
+  integrity sha512-hiLguxJWHjjwL6xMBwD903ciAwd7DmK30Y9Axs/etOkftC3ZNN9K44IuRD/EB08amu+Zw6W37x9RecLkOo3pMA==
   dependencies:
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/typescript-estree" "8.49.0"
-    "@typescript-eslint/utils" "8.49.0"
-    debug "^4.3.4"
-    ts-api-utils "^2.1.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/typescript-estree" "8.54.0"
+    "@typescript-eslint/utils" "8.54.0"
+    debug "^4.4.3"
+    ts-api-utils "^2.4.0"
 
-"@typescript-eslint/types@8.48.0", "@typescript-eslint/types@^8.47.0", "@typescript-eslint/types@^8.48.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.48.0.tgz#f0dc5cf27217346e9b0d90556911e01d90d0f2a5"
-  integrity sha512-cQMcGQQH7kwKoVswD1xdOytxQR60MWKM1di26xSUtxehaDs/32Zpqsu5WJlXTtTTqyAVK8R7hvsUnIXRS+bjvA==
+"@typescript-eslint/types@8.53.1":
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.53.1.tgz#101f203f0807a63216cceceedb815fabe21d5793"
+  integrity sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==
 
-"@typescript-eslint/types@8.49.0", "@typescript-eslint/types@^8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.49.0.tgz#c1bd3ebf956d9e5216396349ca23c58d74f06aee"
-  integrity sha512-e9k/fneezorUo6WShlQpMxXh8/8wfyc+biu6tnAqA81oWrEic0k21RHzP9uqqpyBBeBKu4T+Bsjy9/b8u7obXQ==
+"@typescript-eslint/types@8.54.0", "@typescript-eslint/types@^8.53.1", "@typescript-eslint/types@^8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.54.0.tgz#c12d41f67a2e15a8a96fbc5f2d07b17331130889"
+  integrity sha512-PDUI9R1BVjqu7AUDsRBbKMtwmjWcn4J3le+5LpcFgWULN3LvHC5rkc9gCVxbrsrGmO1jfPybN5s6h4Jy+OnkAA==
 
-"@typescript-eslint/typescript-estree@8.48.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.48.0.tgz#38b340524ce34ce0e46ca541a86cf6cad8872e5b"
-  integrity sha512-ljHab1CSO4rGrQIAyizUS6UGHHCiAYhbfcIZ1zVJr5nMryxlXMVWS3duFPSKvSUbFPwkXMFk1k0EMIjub4sRRQ==
+"@typescript-eslint/typescript-estree@8.53.1":
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.53.1.tgz#b6dce2303c9e27e95b8dcd8c325868fff53e488f"
+  integrity sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==
   dependencies:
-    "@typescript-eslint/project-service" "8.48.0"
-    "@typescript-eslint/tsconfig-utils" "8.48.0"
-    "@typescript-eslint/types" "8.48.0"
-    "@typescript-eslint/visitor-keys" "8.48.0"
-    debug "^4.3.4"
-    minimatch "^9.0.4"
-    semver "^7.6.0"
+    "@typescript-eslint/project-service" "8.53.1"
+    "@typescript-eslint/tsconfig-utils" "8.53.1"
+    "@typescript-eslint/types" "8.53.1"
+    "@typescript-eslint/visitor-keys" "8.53.1"
+    debug "^4.4.3"
+    minimatch "^9.0.5"
+    semver "^7.7.3"
     tinyglobby "^0.2.15"
-    ts-api-utils "^2.1.0"
+    ts-api-utils "^2.4.0"
 
-"@typescript-eslint/typescript-estree@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.49.0.tgz#99c5a53275197ccb4e849786dad68344e9924135"
-  integrity sha512-jrLdRuAbPfPIdYNppHJ/D0wN+wwNfJ32YTAm10eJVsFmrVpXQnDWBn8niCSMlWjvml8jsce5E/O+86IQtTbJWA==
+"@typescript-eslint/typescript-estree@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.54.0.tgz#3c7716905b2b811fadbd2114804047d1bfc86527"
+  integrity sha512-BUwcskRaPvTk6fzVWgDPdUndLjB87KYDrN5EYGetnktoeAvPtO4ONHlAZDnj5VFnUANg0Sjm7j4usBlnoVMHwA==
   dependencies:
-    "@typescript-eslint/project-service" "8.49.0"
-    "@typescript-eslint/tsconfig-utils" "8.49.0"
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/visitor-keys" "8.49.0"
-    debug "^4.3.4"
-    minimatch "^9.0.4"
-    semver "^7.6.0"
+    "@typescript-eslint/project-service" "8.54.0"
+    "@typescript-eslint/tsconfig-utils" "8.54.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/visitor-keys" "8.54.0"
+    debug "^4.4.3"
+    minimatch "^9.0.5"
+    semver "^7.7.3"
     tinyglobby "^0.2.15"
-    ts-api-utils "^2.1.0"
+    ts-api-utils "^2.4.0"
 
-"@typescript-eslint/utils@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.49.0.tgz#43b3b91d30afd6f6114532cf0b228f1790f43aff"
-  integrity sha512-N3W7rJw7Rw+z1tRsHZbK395TWSYvufBXumYtEGzypgMUthlg0/hmCImeA8hgO2d2G4pd7ftpxxul2J8OdtdaFA==
+"@typescript-eslint/utils@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.54.0.tgz#c79a4bcbeebb4f571278c0183ed1cb601d84c6c8"
+  integrity sha512-9Cnda8GS57AQakvRyG0PTejJNlA2xhvyNtEVIMlDWOOeEyBkYWhGPnfrIAnqxLMTSTo6q8g12XVjjev5l1NvMA==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.7.0"
-    "@typescript-eslint/scope-manager" "8.49.0"
-    "@typescript-eslint/types" "8.49.0"
-    "@typescript-eslint/typescript-estree" "8.49.0"
+    "@eslint-community/eslint-utils" "^4.9.1"
+    "@typescript-eslint/scope-manager" "8.54.0"
+    "@typescript-eslint/types" "8.54.0"
+    "@typescript-eslint/typescript-estree" "8.54.0"
 
 "@typescript-eslint/utils@^8.0.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.48.0.tgz#c1196befb664f50be10692c781c7fc7624c1a5f9"
-  integrity sha512-yTJO1XuGxCsSfIVt1+1UrLHtue8xz16V8apzPYI06W0HbEbEWHxHXgZaAgavIkoh+GeV6hKKd5jm0sS6OYxWXQ==
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.53.1.tgz#81fe6c343de288701b774f4d078382f567e6edaa"
+  integrity sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.7.0"
-    "@typescript-eslint/scope-manager" "8.48.0"
-    "@typescript-eslint/types" "8.48.0"
-    "@typescript-eslint/typescript-estree" "8.48.0"
+    "@eslint-community/eslint-utils" "^4.9.1"
+    "@typescript-eslint/scope-manager" "8.53.1"
+    "@typescript-eslint/types" "8.53.1"
+    "@typescript-eslint/typescript-estree" "8.53.1"
 
-"@typescript-eslint/visitor-keys@8.48.0":
-  version "8.48.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.48.0.tgz#6b07ef5661a85d08b01fbe4b8310a7311a6471af"
-  integrity sha512-T0XJMaRPOH3+LBbAfzR2jalckP1MSG/L9eUtY0DEzUyVaXJ/t6zN0nR7co5kz0Jko/nkSYCBRkz1djvjajVTTg==
+"@typescript-eslint/visitor-keys@8.53.1":
+  version "8.53.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.53.1.tgz#405f04959be22b9be364939af8ac19c3649b6eb7"
+  integrity sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==
   dependencies:
-    "@typescript-eslint/types" "8.48.0"
+    "@typescript-eslint/types" "8.53.1"
     eslint-visitor-keys "^4.2.1"
 
-"@typescript-eslint/visitor-keys@8.49.0":
-  version "8.49.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.49.0.tgz#8e450cc502c0d285cad9e84d400cf349a85ced6c"
-  integrity sha512-LlKaciDe3GmZFphXIc79THF/YYBugZ7FS1pO581E/edlVVNbZKDy93evqmrfQ9/Y4uN0vVhX4iuchq26mK/iiA==
+"@typescript-eslint/visitor-keys@8.54.0":
+  version "8.54.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.54.0.tgz#0e4b50124b210b8600b245dd66cbad52deb15590"
+  integrity sha512-VFlhGSl4opC0bprJiItPQ1RfUhGDIBokcPwaFH4yiBCaNPeld/9VeXbiPO1cLyorQi1G1vL+ecBk1x8o1axORA==
   dependencies:
-    "@typescript-eslint/types" "8.49.0"
+    "@typescript-eslint/types" "8.54.0"
     eslint-visitor-keys "^4.2.1"
 
 "@ungap/structured-clone@^1.2.0":
@@ -4187,20 +4483,20 @@
   resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz#538b1e103bf8d9864e7b85cc96fa8d6fb6c40777"
   integrity sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==
 
-"@vector-im/compound-design-tokens@6.4.3":
-  version "6.4.3"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-6.4.3.tgz#f8a98308650e841ffba6ca0820055e2bfe2b8af1"
-  integrity sha512-Zyqag2QCAfpRipLHSX/LEXj6OGFgBpilMQvNdr3a0iXeGASfkM3HZGid077kMRp9lvyHiQfPIs1BdllENwDSNQ==
+"@vector-im/compound-design-tokens@6.9.0":
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-6.9.0.tgz#626d06fcf2afa37db7633425271a6de9e2b38933"
+  integrity sha512-LFmJW77wdV/b8ii/R2nrpge4ewtM/tSC3krDGFhENVNgYqbKUz00adZhKXAufJANxzGdAd4PsiFGa16YRlVLrQ==
 
-"@vector-im/compound-design-tokens@^6.3.0":
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-6.4.1.tgz#b3356300136b974104b4fb818969350c7686f5ae"
-  integrity sha512-JhrxnzohxGILrc+IZWoMXcpGHinnJlR2HSCKfypEjPDDF5TOB8HQYTqd5ALAPlob8QZU3N2ghnCF7d0f2LmTxg==
+"@vector-im/compound-design-tokens@^6.4.3":
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-6.5.0.tgz#2ceb3cd5a8680f579bd7c303c94c7e93fde2c507"
+  integrity sha512-93PD61x8lkU4Hh1DUBV8EHaP1WOZtAJV+/EPbWQCN3wWU1tiruHi3ChhT5xfxeJaipPb6xzLdyt1EyRH0N7Vzg==
 
-"@vector-im/compound-web@^8.3.1":
-  version "8.3.1"
-  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-8.3.1.tgz#09cad1c236e89a6d867a674602f9c74628cde000"
-  integrity sha512-VMAHVbpzUK6OQCX+gIm58ESvL6cYzLmr0vz0YBKJ5WoYJxu4/JrAfQ5+2mGn3fufF5Oqy3qBRzlHveFxv7Ij9A==
+"@vector-im/compound-web@^8.3.6":
+  version "8.3.6"
+  resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-8.3.6.tgz#1f669e339d086faa14f4cd9f7a39e7d3d3e2a4d1"
+  integrity sha512-w7jjUJ8dXlLE2Ja/2J8Z433mtra3QF0cHDU5BGVLBBJnT/IwU4vazJRaU61dIOm3OnzDnsDreKcrMtWAUIhQkA==
   dependencies:
     "@floating-ui/react" "^0.27.0"
     "@radix-ui/react-context-menu" "^2.2.16"
@@ -4212,59 +4508,15 @@
     classnames "^2.5.1"
     vaul "^1.0.0"
 
-"@vector-im/matrix-wysiwyg-wasm@link:../../../.cache/yarn/v6/npm-@vector-im-matrix-wysiwyg-2.40.0-53c9ca5ea907d91e4515da64f20a82e5586b882c-integrity/node_modules/bindings/wysiwyg-wasm":
+"@vector-im/matrix-wysiwyg-wasm@link:../../Library/Caches/Yarn/v6/npm-@vector-im-matrix-wysiwyg-2.40.0-53c9ca5ea907d91e4515da64f20a82e5586b882c-integrity/node_modules/bindings/wysiwyg-wasm":
   version "0.0.0"
-  uid ""
 
 "@vector-im/matrix-wysiwyg@2.40.0":
   version "2.40.0"
   resolved "https://registry.yarnpkg.com/@vector-im/matrix-wysiwyg/-/matrix-wysiwyg-2.40.0.tgz#53c9ca5ea907d91e4515da64f20a82e5586b882c"
   integrity sha512-8LRFLs5PEKYs4lOL7aJ4lL/hGCrvEvOYkCR3JggXYXDVMtX4LmfdlKYucSAe98pCmqAAbLRvlRcR1bTOYvM8ug==
   dependencies:
-    "@vector-im/matrix-wysiwyg-wasm" "link:../../../.cache/yarn/v6/npm-@vector-im-matrix-wysiwyg-2.40.0-53c9ca5ea907d91e4515da64f20a82e5586b882c-integrity/node_modules/bindings/wysiwyg-wasm"
-
-"@vitest/expect@3.2.4":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-3.2.4.tgz#8362124cd811a5ee11c5768207b9df53d34f2433"
-  integrity sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==
-  dependencies:
-    "@types/chai" "^5.2.2"
-    "@vitest/spy" "3.2.4"
-    "@vitest/utils" "3.2.4"
-    chai "^5.2.0"
-    tinyrainbow "^2.0.0"
-
-"@vitest/mocker@3.2.4":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-3.2.4.tgz#4471c4efbd62db0d4fa203e65cc6b058a85cabd3"
-  integrity sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==
-  dependencies:
-    "@vitest/spy" "3.2.4"
-    estree-walker "^3.0.3"
-    magic-string "^0.30.17"
-
-"@vitest/pretty-format@3.2.4":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-3.2.4.tgz#3c102f79e82b204a26c7a5921bf47d534919d3b4"
-  integrity sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==
-  dependencies:
-    tinyrainbow "^2.0.0"
-
-"@vitest/spy@3.2.4":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-3.2.4.tgz#cc18f26f40f3f028da6620046881f4e4518c2599"
-  integrity sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==
-  dependencies:
-    tinyspy "^4.0.3"
-
-"@vitest/utils@3.2.4":
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-3.2.4.tgz#c0813bc42d99527fb8c5b138c7a88516bca46fea"
-  integrity sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==
-  dependencies:
-    "@vitest/pretty-format" "3.2.4"
-    loupe "^3.1.4"
-    tinyrainbow "^2.0.0"
+    "@vector-im/matrix-wysiwyg-wasm" "link:../../Library/Caches/Yarn/v6/npm-@vector-im-matrix-wysiwyg-2.40.0-53c9ca5ea907d91e4515da64f20a82e5586b882c-integrity/node_modules/bindings/wysiwyg-wasm"
 
 "@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
   version "1.14.1"
@@ -4474,16 +4726,16 @@ acorn-walk@^8.0.0:
   dependencies:
     acorn "^8.11.0"
 
-acorn@^8.0.4, acorn@^8.11.0, acorn@^8.9.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.13.0.tgz#2a30d670818ad16ddd6a35d3842dacec9e5d7ca3"
-  integrity sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==
-
-acorn@^8.15.0, acorn@^8.8.1:
+acorn@^8.0.4, acorn@^8.11.0, acorn@^8.15.0, acorn@^8.8.1:
   version "8.15.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
   integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
 
+acorn@^8.9.0:
+  version "8.13.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.13.0.tgz#2a30d670818ad16ddd6a35d3842dacec9e5d7ca3"
+  integrity sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==
+
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
@@ -4678,11 +4930,6 @@ array-includes@^3.1.6, array-includes@^3.1.8, array-includes@^3.1.9:
     is-string "^1.1.1"
     math-intrinsics "^1.1.0"
 
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
 array.prototype.findlast@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
@@ -4778,23 +5025,20 @@ asn1js@^3.0.5:
     pvutils "^1.1.3"
     tslib "^2.4.0"
 
-assertion-error@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
-  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
+asn1js@^3.0.6:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/asn1js/-/asn1js-3.0.7.tgz#15f1f2f59e60f80d5b43ef14047a294a969f824f"
+  integrity sha512-uLvq6KJu04qoQM6gvBfKFjlh6Gl0vOKQuR5cJMDHQkmwfMOQeN3F3SHCv9SNYSL+CRoHvOGFfllDlVz03GQjvQ==
+  dependencies:
+    pvtsutils "^1.3.6"
+    pvutils "^1.1.3"
+    tslib "^2.8.1"
 
 ast-types-flow@^0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
   integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
 
-ast-types@^0.16.1:
-  version "0.16.1"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.16.1.tgz#7a9da1617c9081bc121faafe91711b4c8bb81da2"
-  integrity sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==
-  dependencies:
-    tslib "^2.0.1"
-
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
@@ -4820,16 +5064,15 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-autoprefixer@^10.4.19:
-  version "10.4.20"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.20.tgz#5caec14d43976ef42e32dcb4bd62878e96be5b3b"
-  integrity sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==
+autoprefixer@^10.4.23:
+  version "10.4.24"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.24.tgz#2c29595f3abd820a79976a609d0bf40eecf212fb"
+  integrity sha512-uHZg7N9ULTVbutaIsDRoUkoS8/h3bdsmVJYZ5l3wv8Cp/6UIIoRDm90hZ+BwxUj/hGBEzLxdHNSKuFpn8WOyZw==
   dependencies:
-    browserslist "^4.23.3"
-    caniuse-lite "^1.0.30001646"
-    fraction.js "^4.3.7"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.1"
+    browserslist "^4.28.1"
+    caniuse-lite "^1.0.30001766"
+    fraction.js "^5.3.4"
+    picocolors "^1.1.1"
     postcss-value-parser "^4.2.0"
 
 available-typed-arrays@^1.0.7:
@@ -4839,10 +5082,10 @@ available-typed-arrays@^1.0.7:
   dependencies:
     possible-typed-array-names "^1.0.0"
 
-await-lock@^2.1.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/await-lock/-/await-lock-2.2.2.tgz#a95a9b269bfd2f69d22b17a321686f551152bcef"
-  integrity sha512-aDczADvlvTGajTDjcjpJMqRkOF6Qdz3YbPZm/PyW6tKPkx2hlYBzxMhEywM/tU72HrVZjgl5VCdRuMlA7pZ8Gw==
+await-lock@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/await-lock/-/await-lock-3.0.0.tgz#d6c6c5554d1a734509f5c0f6fa49a24457043d19"
+  integrity sha512-eO6fLiSnrJrMdjWMNK8zbVRXPs2TKJg78iKZd9wDpN3na5tcoV6EoeiOlMgk2QaAQ1gIrK1YuMsJHXWqz89tSA==
 
 axe-core@^4.10.0:
   version "4.10.2"
@@ -4916,13 +5159,13 @@ babel-plugin-jsx-remove-data-test-id@^3.0.0:
   resolved "https://registry.yarnpkg.com/babel-plugin-jsx-remove-data-test-id/-/babel-plugin-jsx-remove-data-test-id-3.0.0.tgz#15c95f97ce0ff60d72b29e403bde245f86393288"
   integrity sha512-E4uM/LIUizjy2Z5tVAfa8pSXsYgoKWJ97kzuEMfsIxSLSNDWsAhgFVPkgNuakViX5dkNjw1DKIi0VpWP6djqbw==
 
-babel-plugin-polyfill-corejs2@^0.4.14:
-  version "0.4.14"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz#8101b82b769c568835611542488d463395c2ef8f"
-  integrity sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==
+babel-plugin-polyfill-corejs2@^0.4.14, babel-plugin-polyfill-corejs2@^0.4.15:
+  version "0.4.15"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.15.tgz#808fa349686eea4741807cfaaa2aa3aa57ce120a"
+  integrity sha512-hR3GwrRwHUfYwGfrisXPIDP3JcYfBrW7wKE7+Au6wDYl7fm/ka1NEII6kORzxNU556JjfidZeBsO10kYvtV1aw==
   dependencies:
-    "@babel/compat-data" "^7.27.7"
-    "@babel/helper-define-polyfill-provider" "^0.6.5"
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.6"
     semver "^6.3.1"
 
 babel-plugin-polyfill-corejs3@^0.13.0:
@@ -4933,12 +5176,20 @@ babel-plugin-polyfill-corejs3@^0.13.0:
     "@babel/helper-define-polyfill-provider" "^0.6.5"
     core-js-compat "^3.43.0"
 
-babel-plugin-polyfill-regenerator@^0.6.5:
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz#32752e38ab6f6767b92650347bf26a31b16ae8c5"
-  integrity sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==
+babel-plugin-polyfill-corejs3@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.0.tgz#65b06cda48d6e447e1e926681f5a247c6ae2b9cf"
+  integrity sha512-AvDcMxJ34W4Wgy4KBIIePQTAOP1Ie2WFwkQp3dB7FQ/f0lI5+nM96zUnYEOE1P9sEg0es5VCP0HxiWu5fUHZAQ==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.5"
+    "@babel/helper-define-polyfill-provider" "^0.6.6"
+    core-js-compat "^3.48.0"
+
+babel-plugin-polyfill-regenerator@^0.6.5, babel-plugin-polyfill-regenerator@^0.6.6:
+  version "0.6.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.6.tgz#69f5dd263cab933c42fe5ea05e83443b374bd4bf"
+  integrity sha512-hYm+XLYRMvupxiQzrvXUj7YyvFFVfv5gI0R71AJzudg1g2AI2vyCPPIFEBjk162/wFzti3inBHo7isWFuEVS/A==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.6.6"
 
 babel-preset-current-node-syntax@^1.2.0:
   version "1.2.0"
@@ -4974,10 +5225,10 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-balanced-match@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-2.0.0.tgz#dc70f920d78db8b858535795867bf48f820633d9"
-  integrity sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==
+balanced-match@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-3.0.1.tgz#e854b098724b15076384266497392a271f4a26a0"
+  integrity sha512-vjtV3hiLqYDNRoiAv0zC4QaGAMPomEoq83PRmYIofPswwZurCeWR5LByXm7SyoL0Zh5+2z0+HC7jG8gSZJUh0w==
 
 bare-events@^2.5.4, bare-events@^2.7.0:
   version "2.8.2"
@@ -5037,9 +5288,9 @@ base64-js@^1.3.1:
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
 baseline-browser-mapping@^2.9.0:
-  version "2.9.6"
-  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.9.6.tgz#82de0f7ee5860df86d60daf0d9524ae7227eeee7"
-  integrity sha512-v9BVVpOTLB59C9E7aSnmIF8h7qRsFpx+A2nugVMTszEOMcfjlZMsXRm4LF23I3Z9AJxc8ANpIvzbzONoX9VJlg==
+  version "2.9.19"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz#3e508c43c46d961eb4d7d2e5b8d1dd0f9ee4f488"
+  integrity sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==
 
 batch@0.6.1:
   version "0.6.1"
@@ -5096,24 +5347,6 @@ blurhash@^2.0.3:
   resolved "https://registry.yarnpkg.com/blurhash/-/blurhash-2.0.5.tgz#efde729fc14a2f03571a6aa91b49cba80d1abe4b"
   integrity sha512-cRygWd7kGBQO3VEhPiTgq4Wc43ctsM+o46urrmPOiuAe+07fzlSB9OJVdpgDL0jPqXUVQ9ht7aq7kxOeJHRK+w==
 
-body-parser@1.20.3:
-  version "1.20.3"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
-  integrity sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.5"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.13.0"
-    raw-body "2.5.2"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
-
 body-parser@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-2.2.1.tgz#6df606b0eb0a6e3f783dde91dde182c24c82438c"
@@ -5129,6 +5362,24 @@ body-parser@^2.2.1:
     raw-body "^3.0.1"
     type-is "^2.0.1"
 
+body-parser@~1.20.3:
+  version "1.20.4"
+  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.4.tgz#f8e20f4d06ca8a50a71ed329c15dccad1cdc547f"
+  integrity sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==
+  dependencies:
+    bytes "~3.1.2"
+    content-type "~1.0.5"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "~1.2.0"
+    http-errors "~2.0.1"
+    iconv-lite "~0.4.24"
+    on-finished "~2.4.1"
+    qs "~6.14.0"
+    raw-body "~2.5.3"
+    type-is "~1.6.18"
+    unpipe "~1.0.0"
+
 bonjour-service@^1.2.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.3.0.tgz#80d867430b5a0da64e82a8047fc1e355bdb71722"
@@ -5164,7 +5415,7 @@ braces@^3.0.3, braces@~3.0.2:
   dependencies:
     fill-range "^7.1.1"
 
-browserslist@^4.0.0, browserslist@^4.23.1, browserslist@^4.23.2, browserslist@^4.23.3, browserslist@^4.24.0, browserslist@^4.24.3, browserslist@^4.26.3, browserslist@^4.27.0:
+browserslist@^4.0.0, browserslist@^4.23.2, browserslist@^4.24.0, browserslist@^4.24.3, browserslist@^4.27.0, browserslist@^4.28.1:
   version "4.28.1"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.1.tgz#7f534594628c53c63101079e27e40de490456a95"
   integrity sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==
@@ -5242,16 +5493,21 @@ bytes@3.1.2, bytes@^3.1.2, bytes@~3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
-cacheable@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-2.3.0.tgz#4b4737cfff71df9834d8be75284860bf3abc85ec"
-  integrity sha512-HHiAvOBmlcR2f3SQ7kdlYD8+AUJG+wlFZ/Ze8tl1Vzvz0MdOh8IYA/EFU4ve8t1/sZ0j4MGi7ST5MoTwHessQA==
+bytestreamjs@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/bytestreamjs/-/bytestreamjs-2.0.1.tgz#a32947c7ce389a6fa11a09a9a563d0a45889535e"
+  integrity sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==
+
+cacheable@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-2.3.2.tgz#89800b4864c3ab8b23dae6dca8b6232cbf49b299"
+  integrity sha512-w+ZuRNmex9c1TR9RcsxbfTKCjSL0rh1WA5SABbrWprIHeNBdmyQLSYonlDy9gpD+63XT8DgZ/wNh1Smvc9WnJA==
   dependencies:
-    "@cacheable/memory" "^2.0.6"
-    "@cacheable/utils" "^2.3.2"
-    hookified "^1.13.0"
-    keyv "^5.5.4"
-    qified "^0.5.2"
+    "@cacheable/memory" "^2.0.7"
+    "@cacheable/utils" "^2.3.3"
+    hookified "^1.15.0"
+    keyv "^5.5.5"
+    qified "^0.6.0"
 
 call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
@@ -5317,21 +5573,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@1.0.30001759, caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001759:
-  version "1.0.30001759"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001759.tgz#d569e7b010372c6b0ca3946e30dada0a2e9d5006"
-  integrity sha512-Pzfx9fOKoKvevQf8oCXoyNRQ5QyxJj+3O0Rqx2V5oxT61KGx8+n6hV/IUyJeifUci2clnmmKVpvtiqRzgiWjSw==
-
-chai@^5.2.0:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-5.3.3.tgz#dd3da955e270916a4bd3f625f4b919996ada7e06"
-  integrity sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==
-  dependencies:
-    assertion-error "^2.0.1"
-    check-error "^2.1.1"
-    deep-eql "^5.0.1"
-    loupe "^3.1.0"
-    pathval "^2.0.0"
+caniuse-lite@1.0.30001766, caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001759, caniuse-lite@^1.0.30001766:
+  version "1.0.30001766"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001766.tgz#b6f6b55cb25a2d888d9393104d14751c6a7d6f7a"
+  integrity sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==
 
 chalk@4.1.2, chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.2:
   version "4.1.2"
@@ -5351,11 +5596,6 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
-check-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
-  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
-
 chokidar@^3.5.3, chokidar@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
@@ -5572,16 +5812,16 @@ compressible@~2.0.18:
   dependencies:
     mime-db ">= 1.43.0 < 2"
 
-compression@^1.7.4:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.8.0.tgz#09420efc96e11a0f44f3a558de59e321364180f7"
-  integrity sha512-k6WLKfunuqCYD3t6AsuPGvQWaKwuLLh2/xHNcX4qE+vIfDNXpSqnrhwA7O53R7WVQUnt8dVAIW+YHr7xTgOgGA==
+compression@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.8.1.tgz#4a45d909ac16509195a9a28bd91094889c180d79"
+  integrity sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==
   dependencies:
     bytes "3.1.2"
     compressible "~2.0.18"
     debug "2.6.9"
     negotiator "~0.6.4"
-    on-headers "~1.0.2"
+    on-headers "~1.1.0"
     safe-buffer "5.2.1"
     vary "~1.1.2"
 
@@ -5607,18 +5847,18 @@ connect-history-api-fallback@^2.0.0:
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
   integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
 
-content-disposition@0.5.4:
+content-disposition@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-1.0.1.tgz#a8b7bbeb2904befdfb6787e5c0c086959f605f9b"
+  integrity sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==
+
+content-disposition@~0.5.4:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
   integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
   dependencies:
     safe-buffer "5.2.1"
 
-content-disposition@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-1.0.1.tgz#a8b7bbeb2904befdfb6787e5c0c086959f605f9b"
-  integrity sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==
-
 content-type@^1.0.4, content-type@^1.0.5, content-type@~1.0.4, content-type@~1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
@@ -5634,22 +5874,17 @@ convert-source-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
-
 cookie-signature@^1.2.1:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.2.2.tgz#57c7fc3cc293acab9fec54d73e15690ebe4a1793"
   integrity sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==
 
-cookie@0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.1.tgz#2f73c42142d5d5cf71310a74fc4ae61670e5dbc9"
-  integrity sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==
+cookie-signature@~1.0.6:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.7.tgz#ab5dd7ab757c54e60f37ef6550f481c426d10454"
+  integrity sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==
 
-cookie@^0.7.1:
+cookie@^0.7.1, cookie@~0.7.1:
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.7.2.tgz#556369c472a2ba910f2979891b526b3436237ed7"
   integrity sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==
@@ -5672,14 +5907,14 @@ core-js-compat@^3.38.1:
   dependencies:
     browserslist "^4.24.3"
 
-core-js-compat@^3.43.0:
-  version "3.46.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.46.0.tgz#0c87126a19a1af00371e12b02a2b088a40f3c6f7"
-  integrity sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==
+core-js-compat@^3.43.0, core-js-compat@^3.48.0:
+  version "3.48.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.48.0.tgz#7efbe1fc1cbad44008190462217cc5558adaeaa6"
+  integrity sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==
   dependencies:
-    browserslist "^4.26.3"
+    browserslist "^4.28.1"
 
-core-js@^3.0.0, core-js@^3.38.1:
+core-js@^3.38.1:
   version "3.47.0"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.47.0.tgz#436ef07650e191afeb84c24481b298bd60eb4a17"
   integrity sha512-c3Q2VVkGAUyupsjRnaNX6u8Dq2vAdzm9iuPj5FW0fRxzlxgq9Q39MDq10IvmQSpLgHQNyQzQmOo6bgGHmH3NNg==
@@ -5747,9 +5982,9 @@ crc32-stream@^6.0.0:
     readable-stream "^4.0.0"
 
 cronstrue@^3.0.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/cronstrue/-/cronstrue-3.9.0.tgz#a3c3ae3e218235a123c80de8db95a93e45a9d8ba"
-  integrity sha512-T3S35zmD0Ai2B4ko6+mEM+k9C6tipe2nB9RLiGT6QL2Wn0Vsn2cCZAC8Oeuf4CaE00GZWVdpYitbpWCNlIWqdA==
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/cronstrue/-/cronstrue-3.11.0.tgz#03c002891bc111f10cbe0763715f12a611e09094"
+  integrity sha512-nXST7NEkjPF6loOTJtCwbLHB6cOVR5Ofuq/VZ4UGsZw/0HTvxy6mRCrDHOJ4xoLPcuS3ooruBLyUk3INaidKwg==
 
 cross-spawn@^7.0.2:
   version "7.0.5"
@@ -5769,12 +6004,12 @@ cross-spawn@^7.0.3, cross-spawn@^7.0.6:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-css-blank-pseudo@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-7.0.1.tgz#32020bff20a209a53ad71b8675852b49e8d57e46"
-  integrity sha512-jf+twWGDf6LDoXDUode+nc7ZlrqfaNphrBIBrcmeP3D8yw1uPaix1gCC8LUQUGQ6CycuK2opkbFFWFuq/a94ag==
+css-blank-pseudo@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-8.0.1.tgz#a95c9f56013dd6a6ee736df8f30114a0eb037150"
+  integrity sha512-C5B2e5hCM4llrQkUms+KnWEMVW8K1n2XvX9G7ppfMZJQ7KAS/4rNnkP1Cs+HhWriOz1mWWTMFD4j1J7s31Dgug==
   dependencies:
-    postcss-selector-parser "^7.0.0"
+    postcss-selector-parser "^7.1.1"
 
 css-box-model@^1.2.0:
   version "1.2.1"
@@ -5784,42 +6019,42 @@ css-box-model@^1.2.0:
     tiny-invariant "^1.0.6"
 
 css-declaration-sorter@^7.2.0:
-  version "7.3.0"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.3.0.tgz#edc45c36bcdfea0788b1d4452829f142ef1c4a4a"
-  integrity sha512-LQF6N/3vkAMYF4xoHLJfG718HRJh34Z8BnNhd6bosOMIVjMlhuZK5++oZa3uYAgrI5+7x2o27gUqTR2U/KjUOQ==
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.3.1.tgz#acd204976d7ca5240b5579bfe6e73d4d088fd568"
+  integrity sha512-gz6x+KkgNCjxq3Var03pRYLhyNfwhkKF1g/yoLgDNtFvVu0/fOLV9C8fFEZRjACp/XQLumjAYo7JVjzH3wLbxA==
 
 css-functions-list@^3.2.3:
   version "3.2.3"
   resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.2.3.tgz#95652b0c24f0f59b291a9fc386041a19d4f40dbe"
   integrity sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==
 
-css-has-pseudo@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-7.0.2.tgz#fb42e8de7371f2896961e1f6308f13c2c7019b72"
-  integrity sha512-nzol/h+E0bId46Kn2dQH5VElaknX2Sr0hFuB/1EomdC7j+OISt2ZzK7EHX9DZDY53WbIVAR7FYKSO2XnSf07MQ==
+css-has-pseudo@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-8.0.0.tgz#71f33356f7d5c3ff49f5d3c9f8f4f51ec2b0b0d9"
+  integrity sha512-Uz/bsHRbOeir/5Oeuz85tq/yLJLxX+3dpoRdjNTshs6jjqwUg8XaEZGDd0ci3fw7l53Srw0EkJ8mYan0eW5uGQ==
   dependencies:
-    "@csstools/selector-specificity" "^5.0.0"
-    postcss-selector-parser "^7.0.0"
+    "@csstools/selector-specificity" "^6.0.0"
+    postcss-selector-parser "^7.1.1"
     postcss-value-parser "^4.2.0"
 
 css-loader@^7.0.0:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-7.1.2.tgz#64671541c6efe06b0e22e750503106bdd86880f8"
-  integrity sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-7.1.3.tgz#c0de715ceabe39b8531a85fcaf6734a430c4d99a"
+  integrity sha512-frbERmjT0UC5lMheWpJmMilnt9GEhbZJN/heUb7/zaJYeIzj5St9HvDcfshzzOqbsS+rYpMk++2SD3vGETDSyA==
   dependencies:
     icss-utils "^5.1.0"
-    postcss "^8.4.33"
+    postcss "^8.4.40"
     postcss-modules-extract-imports "^3.1.0"
     postcss-modules-local-by-default "^4.0.5"
     postcss-modules-scope "^3.2.0"
     postcss-modules-values "^4.0.0"
     postcss-value-parser "^4.2.0"
-    semver "^7.5.4"
+    semver "^7.6.3"
 
 css-minimizer-webpack-plugin@^7.0.0:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-7.0.3.tgz#2da02f79ed5af0f81ac67a39a39bc430c75a0d0d"
-  integrity sha512-O99EbZ3P9YqfjWPvaL5Ndr54hP1V1N9IRKDLzKpEm1cw5eYF5KTFvz63Wm/AGDz841ceGmLvU1rdN8LrElMIiQ==
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-7.0.4.tgz#92d2643e3658e3f484a70382a5dba18e51997f2e"
+  integrity sha512-2iACis+P8qdLj1tHcShtztkGhCNIRUajJj7iX0IM9a5FA0wXGwjV8Nf6+HsBjBfb4LO8TTAVoetBbM54V6f3+Q==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.25"
     cssnano "^7.0.4"
@@ -5828,10 +6063,10 @@ css-minimizer-webpack-plugin@^7.0.0:
     schema-utils "^4.2.0"
     serialize-javascript "^6.0.2"
 
-css-prefers-color-scheme@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-10.0.0.tgz#ba001b99b8105b8896ca26fc38309ddb2278bd3c"
-  integrity sha512-VCtXZAWivRglTZditUfB4StnsWr6YVZ2PRtuxQLKTNRdtAf8tpzaVPE9zXIF3VaSc7O70iK/j1+NXxyQCqdPjQ==
+css-prefers-color-scheme@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-11.0.0.tgz#e8d5651a89765ffc1dd35bf8c30c698ad865f211"
+  integrity sha512-fv0mgtwUhh2m9iio3Kxc2CkrogjIaRdMFaaqyzSFdii17JF4cfPyMNX72B15ZW2Nrr/NZUpxI4dec1VMHYJvdw==
 
 css-select@^4.1.3:
   version "4.3.0"
@@ -5889,10 +6124,10 @@ css.escape@^1.5.1:
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
 
-cssdb@^8.2.3:
-  version "8.2.3"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-8.2.3.tgz#7e6980bb5a785a9b4eb2a21bd38d50624b56cb46"
-  integrity sha512-9BDG5XmJrJQQnJ51VFxXCAtpZ5ebDlAREmO8sxMOVU0aSxN/gocbctjIG5LMh3WBUq+xTlb/jw2LoljBEqraTA==
+cssdb@^8.7.0:
+  version "8.7.1"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-8.7.1.tgz#f296bbedc39ace9edf0ed8fbbec57c3e117747cd"
+  integrity sha512-+F6LKx48RrdGOtE4DT5jz7Uo+VeyKXpK797FAevIkzjV8bMHz6xTO5F7gNDcRCHmPgD5jj2g6QCsY9zmVrh38A==
 
 cssesc@^3.0.0:
   version "3.0.0"
@@ -6040,7 +6275,7 @@ debug@2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.4, debug@^4.3.5, debug@^4.4.0, debug@^4.4.1, debug@^4.4.3:
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.4, debug@^4.3.5, debug@^4.4.0, debug@^4.4.3:
   version "4.4.3"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
   integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
@@ -6066,7 +6301,7 @@ decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
-decimal.js@^10.4.3, decimal.js@^10.5.0:
+decimal.js@^10.5.0, decimal.js@^10.6.0:
   version "10.6.0"
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.6.0.tgz#e649a43e3ab953a72192ff5983865e509f37ed9a"
   integrity sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==
@@ -6076,11 +6311,6 @@ dedent@^1.6.0:
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.7.0.tgz#c1f9445335f0175a96587be245a282ff451446ca"
   integrity sha512-HGFtf8yhuhGhqO07SV79tRp+br4MnbdjeVxotpn1QBl30pcLLCQjX5b2295ll0fv8RKDKsmWYrl05usHM9CewQ==
 
-deep-eql@^5.0.1:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341"
-  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
-
 deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
@@ -6147,7 +6377,7 @@ dequal@^2.0.3:
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
-destroy@1.2.0:
+destroy@1.2.0, destroy@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
   integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
@@ -6182,13 +6412,6 @@ dijkstrajs@^1.0.1:
   resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
   integrity sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==
 
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
 dns-packet@^5.2.2:
   version "5.6.1"
   resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.6.1.tgz#ae888ad425a9d1478a0674256ab866de1012cf2f"
@@ -6302,6 +6525,13 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
+dompurify@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.3.1.tgz#c7e1ddebfe3301eacd6c0c12a4af284936dbbb86"
+  integrity sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==
+  optionalDependencies:
+    "@types/trusted-types" "^2.0.7"
+
 domutils@^2.5.2, domutils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
@@ -6311,7 +6541,7 @@ domutils@^2.5.2, domutils@^2.8.0:
     domelementtype "^2.2.0"
     domhandler "^4.2.0"
 
-domutils@^3.0.1, domutils@^3.2.1, domutils@^3.2.2:
+domutils@^3.0.1, domutils@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.2.2.tgz#edbfe2b668b0c1d97c24baf0f1062b132221bc78"
   integrity sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==
@@ -6370,9 +6600,9 @@ ejs@^3.1.8:
     jake "^10.8.5"
 
 electron-to-chromium@^1.5.263:
-  version "1.5.267"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz#5d84f2df8cdb6bfe7e873706bb21bd4bfb574dc7"
-  integrity sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==
+  version "1.5.286"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.286.tgz#142be1ab5e1cd5044954db0e5898f60a4960384e"
+  integrity sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -6409,21 +6639,11 @@ emojis-list@^3.0.0:
   resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
   integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
 
-empathic@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/empathic/-/empathic-2.0.0.tgz#71d3c2b94fad49532ef98a6c34be0386659f6131"
-  integrity sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==
-
 encodeurl@^2.0.0, encodeurl@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
   integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
 
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
-
 end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   version "1.4.5"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.5.tgz#7344d711dea40e0b74abc2ed49778743ccedb08c"
@@ -6431,10 +6651,10 @@ end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^5.17.3:
-  version "5.18.3"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz#9b5f4c5c076b8787c78fe540392ce76a88855b44"
-  integrity sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==
+enhanced-resolve@^5.17.4:
+  version "5.18.4"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.4.tgz#c22d33055f3952035ce6a144ce092447c525f828"
+  integrity sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
@@ -6454,6 +6674,11 @@ entities@^6.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-6.0.1.tgz#c28c34a43379ca7f61d074130b2f5f7020a30694"
   integrity sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==
 
+entities@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-7.0.1.tgz#26e8a88889db63417dcb9a1e79a3f1bc92b5976b"
+  integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
+
 entities@~3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
@@ -6630,10 +6855,10 @@ es-iterator-helpers@^1.2.1:
     iterator.prototype "^1.1.4"
     safe-array-concat "^1.1.3"
 
-es-module-lexer@^1.2.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.7.0.tgz#9159601561880a85f2734560a9099b2c31e5372a"
-  integrity sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==
+es-module-lexer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-2.0.0.tgz#f657cd7a9448dcdda9c070a3cb75e5dc1e85f5b1"
+  integrity sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==
 
 es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
   version "1.1.1"
@@ -6675,38 +6900,6 @@ es-to-primitive@^1.3.0:
     is-date-object "^1.0.5"
     is-symbol "^1.0.4"
 
-"esbuild@^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0":
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.27.2.tgz#d83ed2154d5813a5367376bb2292a9296fc83717"
-  integrity sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.27.2"
-    "@esbuild/android-arm" "0.27.2"
-    "@esbuild/android-arm64" "0.27.2"
-    "@esbuild/android-x64" "0.27.2"
-    "@esbuild/darwin-arm64" "0.27.2"
-    "@esbuild/darwin-x64" "0.27.2"
-    "@esbuild/freebsd-arm64" "0.27.2"
-    "@esbuild/freebsd-x64" "0.27.2"
-    "@esbuild/linux-arm" "0.27.2"
-    "@esbuild/linux-arm64" "0.27.2"
-    "@esbuild/linux-ia32" "0.27.2"
-    "@esbuild/linux-loong64" "0.27.2"
-    "@esbuild/linux-mips64el" "0.27.2"
-    "@esbuild/linux-ppc64" "0.27.2"
-    "@esbuild/linux-riscv64" "0.27.2"
-    "@esbuild/linux-s390x" "0.27.2"
-    "@esbuild/linux-x64" "0.27.2"
-    "@esbuild/netbsd-arm64" "0.27.2"
-    "@esbuild/netbsd-x64" "0.27.2"
-    "@esbuild/openbsd-arm64" "0.27.2"
-    "@esbuild/openbsd-x64" "0.27.2"
-    "@esbuild/openharmony-arm64" "0.27.2"
-    "@esbuild/sunos-x64" "0.27.2"
-    "@esbuild/win32-arm64" "0.27.2"
-    "@esbuild/win32-ia32" "0.27.2"
-    "@esbuild/win32-x64" "0.27.2"
-
 escalade@^3.1.1, escalade@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
@@ -6789,9 +6982,9 @@ eslint-plugin-import@^2.25.4:
     tsconfig-paths "^3.15.0"
 
 eslint-plugin-jest@^29.0.0:
-  version "29.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-29.2.1.tgz#e56c5f79b6475dafa551ce8e762ac25d4bd21ea4"
-  integrity sha512-0WLIezrIxitUGbjMIGwznVzSIp0uFJV0PZ2fiSvpyVcxe+QMXKUt7MRhUpzdbctnnLwiOTOFkACplgB0wAglFw==
+  version "29.12.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-29.12.1.tgz#a0f78812f589796b09148a53a786866244185638"
+  integrity sha512-Rxo7r4jSANMBkXLICJKS0gjacgyopfNAsoS0e3R9AHnjoKuQOaaPfmsDJPi8UWwygI099OV/K/JhpYRVkxD4AA==
   dependencies:
     "@typescript-eslint/utils" "^8.0.0"
 
@@ -6988,7 +7181,7 @@ espree@^9.6.0, espree@^9.6.1:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.4.1"
 
-esprima@^4.0.0, esprima@~4.0.0:
+esprima@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
@@ -7017,18 +7210,6 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-walker@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
-estree-walker@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
-  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
-  dependencies:
-    "@types/estree" "^1.0.0"
-
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -7105,39 +7286,39 @@ expect@30.2.0, expect@^30.0.0:
     jest-mock "30.2.0"
     jest-util "30.2.0"
 
-express@^4.21.2:
-  version "4.21.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.21.2.tgz#cf250e48362174ead6cea4a566abef0162c1ec32"
-  integrity sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==
+express@^4.22.1:
+  version "4.22.1"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.22.1.tgz#1de23a09745a4fffdb39247b344bb5eaff382069"
+  integrity sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==
   dependencies:
     accepts "~1.3.8"
     array-flatten "1.1.1"
-    body-parser "1.20.3"
-    content-disposition "0.5.4"
+    body-parser "~1.20.3"
+    content-disposition "~0.5.4"
     content-type "~1.0.4"
-    cookie "0.7.1"
-    cookie-signature "1.0.6"
+    cookie "~0.7.1"
+    cookie-signature "~1.0.6"
     debug "2.6.9"
     depd "2.0.0"
     encodeurl "~2.0.0"
     escape-html "~1.0.3"
     etag "~1.8.1"
-    finalhandler "1.3.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
+    finalhandler "~1.3.1"
+    fresh "~0.5.2"
+    http-errors "~2.0.0"
     merge-descriptors "1.0.3"
     methods "~1.1.2"
-    on-finished "2.4.1"
+    on-finished "~2.4.1"
     parseurl "~1.3.3"
-    path-to-regexp "0.1.12"
+    path-to-regexp "~0.1.12"
     proxy-addr "~2.0.7"
-    qs "6.13.0"
+    qs "~6.14.0"
     range-parser "~1.2.1"
     safe-buffer "5.2.1"
-    send "0.19.0"
-    serve-static "1.16.2"
+    send "~0.19.0"
+    serve-static "~1.16.2"
     setprototypeof "1.2.0"
-    statuses "2.0.1"
+    statuses "~2.0.1"
     type-is "~1.6.18"
     utils-merge "1.0.1"
     vary "~1.1.2"
@@ -7196,7 +7377,7 @@ fast-fifo@^1.2.0, fast-fifo@^1.3.2:
   resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
   integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
 
-fast-glob@^3.2.9, fast-glob@^3.3.3:
+fast-glob@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
   integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
@@ -7228,9 +7409,9 @@ fastest-levenshtein@1.0.16, fastest-levenshtein@^1.0.12, fastest-levenshtein@^1.
   integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
 
 fastq@^1.6.0:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
-  integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.20.1.tgz#ca750a10dc925bc8b18839fd203e3ef4b3ced675"
+  integrity sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==
   dependencies:
     reusify "^1.0.4"
 
@@ -7260,40 +7441,27 @@ fdir@^6.4.4, fdir@^6.5.0:
   resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.5.0.tgz#ed2ab967a331ade62f18d077dae192684d50d350"
   integrity sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==
 
-fetch-mock-jest@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/fetch-mock-jest/-/fetch-mock-jest-1.5.1.tgz#0e13df990d286d9239e284f12b279ed509bf53cd"
-  integrity sha512-+utwzP8C+Pax1GSka3nFXILWMY3Er2L+s090FOgqVNrNCPp0fDqgXnAHAJf12PLHi0z4PhcTaZNTz8e7K3fjqQ==
+fetch-mock@^12.6.0:
+  version "12.6.0"
+  resolved "https://registry.yarnpkg.com/fetch-mock/-/fetch-mock-12.6.0.tgz#e5ed5d471eeeb29478260ce48385dca6773b105e"
+  integrity sha512-oAy0OqAvjAvduqCeWveBix7LLuDbARPqZZ8ERYtBcCURA3gy7EALA3XWq0tCNxsSg+RmmJqyaeeZlOCV9abv6w==
   dependencies:
-    fetch-mock "^9.11.0"
-
-fetch-mock@9.11.0, fetch-mock@^9.11.0:
-  version "9.11.0"
-  resolved "https://registry.yarnpkg.com/fetch-mock/-/fetch-mock-9.11.0.tgz#371c6fb7d45584d2ae4a18ee6824e7ad4b637a3f"
-  integrity sha512-PG1XUv+x7iag5p/iNHD4/jdpxL9FtVSqRMUQhPab4hVDt80T1MH5ehzVrL2IdXO9Q2iBggArFvPqjUbHFuI58Q==
-  dependencies:
-    "@babel/core" "^7.0.0"
-    "@babel/runtime" "^7.0.0"
-    core-js "^3.0.0"
-    debug "^4.1.1"
-    glob-to-regexp "^0.4.0"
-    is-subset "^0.1.1"
-    lodash.isequal "^4.5.0"
-    path-to-regexp "^2.2.1"
-    querystring "^0.2.0"
-    whatwg-url "^6.5.0"
+    "@types/glob-to-regexp" "^0.4.4"
+    dequal "^2.0.3"
+    glob-to-regexp "^0.4.1"
+    regexparam "^3.0.0"
 
 fflate@^0.4.8:
   version "0.4.8"
   resolved "https://registry.yarnpkg.com/fflate/-/fflate-0.4.8.tgz#f90b82aefbd8ac174213abb338bd7ef848f0f5ae"
   integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
 
-file-entry-cache@^11.1.1:
-  version "11.1.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-11.1.1.tgz#728918c624dbeb09372276837ea0c413ec78806b"
-  integrity sha512-TPVFSDE7q91Dlk1xpFLvFllf8r0HyOMOlnWy7Z2HBku5H3KhIeOGInexrIeg2D64DosVB/JXkrrk6N/7Wriq4A==
+file-entry-cache@^11.1.2:
+  version "11.1.2"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-11.1.2.tgz#5b2014aac2259b5591ae6fd7f6d1ed2153545abe"
+  integrity sha512-N2WFfK12gmrK1c1GXOqiAJ1tc5YE+R53zvQ+t5P8S5XhnmKYVB5eZEiLNZKDSmoG8wqqbF9EXYBBW/nef19log==
   dependencies:
-    flat-cache "^6.1.19"
+    flat-cache "^6.1.20"
 
 file-entry-cache@^6.0.1:
   version "6.0.1"
@@ -7339,19 +7507,6 @@ fill-range@^7.1.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.1.tgz#0c575f1d1d324ddd1da35ad7ece3df7d19088019"
-  integrity sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~2.0.0"
-    escape-html "~1.0.3"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    statuses "2.0.1"
-    unpipe "~1.0.0"
-
 finalhandler@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-2.1.1.tgz#a2c517a6559852bcdb06d1f8bd7f51b68fad8099"
@@ -7364,6 +7519,19 @@ finalhandler@^2.1.0:
     parseurl "^1.3.3"
     statuses "^2.0.1"
 
+finalhandler@~1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.3.2.tgz#1ebc2228fc7673aac4a472c310cc05b77d852b88"
+  integrity sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    on-finished "~2.4.1"
+    parseurl "~1.3.3"
+    statuses "~2.0.2"
+    unpipe "~1.0.0"
+
 find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
@@ -7396,14 +7564,14 @@ flat-cache@^3.0.4:
     keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flat-cache@^6.1.19:
-  version "6.1.19"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.19.tgz#20e5b201c9b181a7b773b3b150108932077d2bbf"
-  integrity sha512-l/K33newPTZMTGAnnzaiqSl6NnH7Namh8jBNjrgjprWxGmZUuxx/sJNIRaijOh3n7q7ESbhNZC+pvVZMFdeU4A==
+flat-cache@^6.1.20:
+  version "6.1.20"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.20.tgz#9db7bf5278c4ca29c92492dcb0c6a52a7017ff83"
+  integrity sha512-AhHYqwvN62NVLp4lObVXGVluiABTHapoB57EyegZVmazN+hhGhLTn3uZbOofoTw4DSDvVCadzzyChXhOAvy8uQ==
   dependencies:
-    cacheable "^2.2.0"
+    cacheable "^2.3.2"
     flatted "^3.3.3"
-    hookified "^1.13.0"
+    hookified "^1.15.0"
 
 flat@^5.0.2:
   version "5.0.2"
@@ -7427,12 +7595,7 @@ focus-lock@^1.3.6:
   dependencies:
     tslib "^2.0.3"
 
-follow-redirects@^1.0.0:
-  version "1.15.9"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
-  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
-
-follow-redirects@^1.15.6:
+follow-redirects@^1.0.0, follow-redirects@^1.15.6:
   version "1.15.11"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
   integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
@@ -7449,7 +7612,7 @@ foreachasync@^3.0.0:
   resolved "https://registry.yarnpkg.com/foreachasync/-/foreachasync-3.0.0.tgz#5502987dc8714be3392097f32e0071c9dee07cf6"
   integrity sha512-J+ler7Ta54FwwNcx6wQRDhTIbNeyDcARMkOcguEqnEdtm0jKvN3Li3PDAb2Du3ubJYEWfYL83XMROXdsXAXycw==
 
-foreground-child@^3.1.0, foreground-child@^3.3.1:
+foreground-child@^3.1.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
   integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
@@ -7458,9 +7621,9 @@ foreground-child@^3.1.0, foreground-child@^3.3.1:
     signal-exit "^4.0.1"
 
 form-data@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.4.tgz#784cdcce0669a9d68e94d11ac4eea98088edd2c4"
-  integrity sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
+  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
@@ -7480,21 +7643,21 @@ forwarded@0.2.0:
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
   integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
 
-fraction.js@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
-  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+fraction.js@^5.3.4:
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-5.3.4.tgz#8c0fcc6a9908262df4ed197427bdeef563e0699a"
+  integrity sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==
 
 fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-2.0.0.tgz#8dd7df6a1b3a1b3a5cf186c05a5dd267622635a4"
   integrity sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==
 
+fresh@~0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
@@ -7566,11 +7729,6 @@ gensync@^1.0.0-beta.2:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-geojson-vt@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/geojson-vt/-/geojson-vt-4.0.2.tgz#1162f6c7d61a0ba305b1030621e6e111f847828a"
-  integrity sha512-AV9ROqlNqoZEIJGfm1ncNjEXfkz2hdFlZf0qkVfmkwdKa8vj7H16YUOT81rJw1rdFhyEDlN2Tds91p/glzbl5A==
-
 get-caller-file@^2.0.1, get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
@@ -7658,7 +7816,12 @@ glob-parent@^6.0.1, glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob-to-regexp@^0.4.0, glob-to-regexp@^0.4.1:
+glob-to-regex.js@^1.0.0, glob-to-regex.js@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/glob-to-regex.js/-/glob-to-regex.js-1.2.0.tgz#2b323728271d133830850e32311f40766c5f6413"
+  integrity sha512-QMwlOQKU/IzqMUOAZWubUOT8Qft+Y0KQWnX9nK3ch0CJg0tTp4TvGZsTfudYKv2NzoQSyPcnA6TYeIQ3jGichQ==
+
+glob-to-regexp@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
@@ -7687,18 +7850,6 @@ glob@^10.3.10:
     package-json-from-dist "^1.0.0"
     path-scurry "^1.11.1"
 
-glob@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-11.1.0.tgz#4f826576e4eb99c7dad383793d2f9f08f67e50a6"
-  integrity sha512-vuNwKSaKiqm7g0THUBu2x7ckSs3XJLXE+2ssL7/MfTGPLLcrJQ/4Uq1CjPTtO5cCIiRxqvN6Twy1qOwhL0Xjcw==
-  dependencies:
-    foreground-child "^3.3.1"
-    jackspeak "^4.1.1"
-    minimatch "^10.1.1"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^2.0.0"
-
 glob@^13.0.0:
   version "13.0.0"
   resolved "https://registry.yarnpkg.com/glob/-/glob-13.0.0.tgz#9d9233a4a274fc28ef7adce5508b7ef6237a1be3"
@@ -7756,17 +7907,17 @@ globalthis@^1.0.4:
     define-properties "^1.2.1"
     gopd "^1.0.1"
 
-globby@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
-  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+globby@^16.1.0:
+  version "16.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-16.1.0.tgz#71ab8199e4fc1c4c21a59bd14ec0f31c71d7d7d4"
+  integrity sha512-+A4Hq7m7Ze592k9gZRy4gJ27DrXRNnC1vPjxTt1qQxEY8RxagBkBxivkCwg7FxSTG0iLLEMaUx13oOr0R2/qcQ==
   dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.9"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^3.0.0"
+    "@sindresorhus/merge-streams" "^4.0.0"
+    fast-glob "^3.3.3"
+    ignore "^7.0.5"
+    is-path-inside "^4.0.0"
+    slash "^5.1.0"
+    unicorn-magic "^0.4.0"
 
 globjoin@^0.1.4:
   version "0.1.4"
@@ -7808,6 +7959,11 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-flag@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-5.0.1.tgz#5483db2ae02a472d1d0691462fc587d1843cd940"
+  integrity sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA==
+
 has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
@@ -7834,12 +7990,12 @@ has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
   dependencies:
     has-symbols "^1.0.3"
 
-hashery@^1.2.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/hashery/-/hashery-1.3.0.tgz#2af169f1698efc92bf9235c4880eec92cc5b5107"
-  integrity sha512-fWltioiy5zsSAs9ouEnvhsVJeAXRybGCNNv0lvzpzNOSDbULXRy7ivFWwCCv4I5Am6kSo75hmbsCduOoc2/K4w==
+hashery@^1.3.0, hashery@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/hashery/-/hashery-1.4.0.tgz#3af04d9af0c63ff2f15a353ee9c2d11fdef7919f"
+  integrity sha512-Wn2i1In6XFxl8Az55kkgnFRiAlIAushzh26PTjL2AKtQcEfXrcLa7Hn5QOWGZEf3LU057P9TwwZjFyxfS1VuvQ==
   dependencies:
-    hookified "^1.13.0"
+    hookified "^1.14.0"
 
 hasown@^2.0.0, hasown@^2.0.2:
   version "2.0.2"
@@ -7877,10 +8033,10 @@ hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   dependencies:
     react-is "^16.7.0"
 
-hookified@^1.13.0:
-  version "1.14.0"
-  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.14.0.tgz#815ca3b9f3e77c782f583bf3974e966df7a9fd7b"
-  integrity sha512-pi1ynXIMFx/uIIwpWJ/5CEtOHLGtnUB0WhGeeYT+fKcQ+WCQbm3/rrkAXnpfph++PgepNqPdTC2WTj8A6k6zoQ==
+hookified@^1.14.0, hookified@^1.15.0:
+  version "1.15.1"
+  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.15.1.tgz#b1fafeaa5489cdc29cb85546a8f837ed4ffbbcb6"
+  integrity sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==
 
 hosted-git-info@^2.1.4:
   version "2.8.9"
@@ -7897,13 +8053,13 @@ hpack.js@^2.1.6:
     readable-stream "^2.0.1"
     wbuf "^1.1.0"
 
-html-dom-parser@5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/html-dom-parser/-/html-dom-parser-5.1.2.tgz#0fceac1b8e7d917de6e883991b7d71f0b3fd63b9"
-  integrity sha512-9nD3Rj3/FuQt83AgIa1Y3ruzspwFFA54AJbQnohXN+K6fL1/bhcDQJJY5Ne4L4A163ADQFVESd/0TLyNoV0mfg==
+html-dom-parser@5.1.7:
+  version "5.1.7"
+  resolved "https://registry.yarnpkg.com/html-dom-parser/-/html-dom-parser-5.1.7.tgz#24a0d4e71a0a8c343ce3102ce58481e768641cd2"
+  integrity sha512-Sn+6S3Z8P3P12qqUm4+9wnchC3Bjc4DHp60fgnUdgeiy6e3EbECFWdrmyTBuphxJA5Is7V400+v7ct/Ix2pJFw==
   dependencies:
     domhandler "5.0.3"
-    htmlparser2 "10.0.0"
+    htmlparser2 "10.1.0"
 
 html-encoding-sniffer@^4.0.0:
   version "4.0.0"
@@ -7936,24 +8092,24 @@ html-minifier-terser@^6.0.2:
     terser "^5.10.0"
 
 html-react-parser@^5.2.2:
-  version "5.2.10"
-  resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-5.2.10.tgz#e149447000b044e2828547fa13b9926761420896"
-  integrity sha512-DjOLloguuDA+Ed7Q7PKhvMQmCl2+Yk/pfvvca68fvn15QFBbL4uHGxXwoXQ4sqS0UyuRH2lJb0S8yZCL3lvehQ==
+  version "5.2.16"
+  resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-5.2.16.tgz#323c57ce7e8b3183dc5991d362a7720bd416a905"
+  integrity sha512-1S6KLse1hKWOXYL/PSnZhsARJBE6eIO93CjPlDKMneO0wz8YTnzTfc9Yw4mWsCk2kcB9IrU+R0W6Rdi4N7YfJw==
   dependencies:
     domhandler "5.0.3"
-    html-dom-parser "5.1.2"
+    html-dom-parser "5.1.7"
     react-property "2.0.2"
     style-to-js "1.1.21"
 
-html-tags@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
-  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
+html-tags@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-5.1.0.tgz#ec7214b57b3e50e2a4cec39414454338a94291f8"
+  integrity sha512-n6l5uca7/y5joxZ3LUePhzmBFUJ+U2YWzhMa8XUTecSeSlQiZdF5XAd/Q3/WUl0VsXgUwWi8I7CNIwdI5WN1SQ==
 
 html-webpack-plugin@^5.5.3:
-  version "5.6.5"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.5.tgz#d57defb83cabbf29bf56b2d4bf10b67b650066be"
-  integrity sha512-4xynFbKNNk+WlzXeQQ+6YYsH2g7mpfPszQZUi3ovKlj+pDmngQ7vRXjrrmGROabmKwyQkcgcX5hqfOwHbFmK5g==
+  version "5.6.6"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.6.tgz#5321b9579f4a1949318550ced99c2a4a4e60cbaf"
+  integrity sha512-bLjW01UTrvoWTJQL5LsMRo1SypHW80FTm12OJRSnr3v6YHNhfe+1r0MYUZJMACxnCHURVnBWRwAsWs2yPU9Ezw==
   dependencies:
     "@types/html-minifier-terser" "^6.0.0"
     html-minifier-terser "^6.0.2"
@@ -7961,15 +8117,15 @@ html-webpack-plugin@^5.5.3:
     pretty-error "^4.0.0"
     tapable "^2.0.0"
 
-htmlparser2@10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-10.0.0.tgz#77ad249037b66bf8cc99c6e286ef73b83aeb621d"
-  integrity sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==
+htmlparser2@10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-10.1.0.tgz#fe3f2e12c73b6e462d4e10395db9c1119e4d6ae4"
+  integrity sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==
   dependencies:
     domelementtype "^2.3.0"
     domhandler "^5.0.3"
-    domutils "^3.2.1"
-    entities "^6.0.0"
+    domutils "^3.2.2"
+    entities "^7.0.1"
 
 htmlparser2@^6.1.0:
   version "6.1.0"
@@ -7996,18 +8152,7 @@ http-deceiver@^1.2.7:
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
   integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
 
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
-http-errors@^2.0.0, http-errors@~2.0.1:
+http-errors@^2.0.0, http-errors@~2.0.0, http-errors@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.1.tgz#36d2f65bc909c8790018dd36fb4d93da6caae06b"
   integrity sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==
@@ -8092,13 +8237,6 @@ hyperdyperid@^1.2.0:
   resolved "https://registry.yarnpkg.com/hyperdyperid/-/hyperdyperid-1.2.0.tgz#59668d323ada92228d2a869d3e474d5a33b69e6b"
   integrity sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==
 
-iconv-lite@0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
 iconv-lite@0.6.3, iconv-lite@^0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
@@ -8113,6 +8251,13 @@ iconv-lite@^0.7.0, iconv-lite@~0.7.0:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
+iconv-lite@~0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
 icss-utils@^5.0.0, icss-utils@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
@@ -8135,7 +8280,7 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-ignore@^7.0.0, ignore@^7.0.5:
+ignore@^7.0.5:
   version "7.0.5"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
   integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==
@@ -8169,6 +8314,11 @@ import-local@^3.0.2, import-local@^3.2.0:
     pkg-dir "^4.2.0"
     resolve-cwd "^3.0.0"
 
+import-meta-resolve@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz#08cb85b5bd37ecc8eb1e0f670dc2767002d43734"
+  integrity sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -8192,7 +8342,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@~2.0.4:
+inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@~2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -8237,9 +8387,9 @@ ipaddr.js@1.9.1:
   integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
 
 ipaddr.js@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.2.0.tgz#d33fa7bac284f4de7af949638c9d68157c6b92e8"
-  integrity sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.3.0.tgz#71dce70e1398122208996d1c22f2ba46a24b1abc"
+  integrity sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==
 
 is-arguments@^1.0.4:
   version "1.1.1"
@@ -8426,12 +8576,7 @@ is-negative-zero@^2.0.3:
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
   integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
 
-is-network-error@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-network-error/-/is-network-error-1.1.0.tgz#d26a760e3770226d11c169052f266a4803d9c997"
-  integrity sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==
-
-is-network-error@^1.1.0:
+is-network-error@^1.0.0, is-network-error@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/is-network-error/-/is-network-error-1.3.0.tgz#2ce62cbca444abd506f8a900f39d20b898d37512"
   integrity sha512-6oIwpsgRfnDiyEDLMay/GqCl3HoAtH5+RUKW29gYkL0QA+ipzpDLA16yQs7/RHCSu+BwgbJaOUqa4A99qNVQVw==
@@ -8454,6 +8599,11 @@ is-path-inside@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
+is-path-inside@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-4.0.0.tgz#805aeb62c47c1b12fc3fd13bfb3ed1e7430071db"
+  integrity sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==
+
 is-plain-obj@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
@@ -8521,11 +8671,6 @@ is-string@^1.1.1:
     call-bound "^1.0.3"
     has-tostringtag "^1.0.2"
 
-is-subset@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-subset/-/is-subset-0.1.1.tgz#8a59117d932de1de00f245fcdd39ce43f1e939a6"
-  integrity sha512-6Ybun0IkarhmEqxXCNw/C0bna6Zb/TkfUX9UbwJtK6ObwAVCxmAP308WWTHviM/zAqXk05cdhYsUsZeGQh99iw==
-
 is-symbol@^1.0.4, is-symbol@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
@@ -8666,13 +8811,6 @@ jackspeak@^3.1.2:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
-jackspeak@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-4.1.1.tgz#96876030f450502047fc7e8c7fcf8ce8124e43ae"
-  integrity sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-
 jake@^10.8.5:
   version "10.9.2"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
@@ -8800,7 +8938,7 @@ jest-each@30.2.0:
     jest-util "30.2.0"
     pretty-format "30.2.0"
 
-jest-environment-jsdom@^30.0.0:
+jest-environment-jsdom@^30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-30.2.0.tgz#e95e0921ed22be974f1d8a324766d12b1844cb2c"
   integrity sha512-zbBTiqr2Vl78pKp/laGBREYzbZx9ZtqPjOK4++lL4BNDhxRnahg51HtoDrk9/VjIy9IthNEWdKVd7H5bqBhiWQ==
@@ -8824,6 +8962,11 @@ jest-environment-node@30.2.0:
     jest-util "30.2.0"
     jest-validate "30.2.0"
 
+jest-fixed-jsdom@^0.0.11:
+  version "0.0.11"
+  resolved "https://registry.yarnpkg.com/jest-fixed-jsdom/-/jest-fixed-jsdom-0.0.11.tgz#67b5d5c4e9821bfb1e09a43139bfb0b9f4ec4f18"
+  integrity sha512-3UkjgM79APnmLVDnelrxdwz4oybD5qw6NLyayl7iCX8C8tJHeqjL9fmNrRlIrNiVJSXkF5t9ZPJ+xlM0kSwwYg==
+
 jest-haste-map@30.2.0:
   version "30.2.0"
   resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-30.2.0.tgz#808e3889f288603ac70ff0ac047598345a66022e"
@@ -9072,12 +9215,7 @@ jest@^30.0.0:
     import-local "^3.2.0"
     jest-cli "30.2.0"
 
-jiti@^1.20.0:
-  version "1.21.6"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
-  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
-
-jiti@^2.6.0:
+jiti@^2.5.1, jiti@^2.6.0:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.6.1.tgz#178ef2fc9a1a594248c20627cd820187a4d78d92"
   integrity sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==
@@ -9191,7 +9329,7 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.2, json5@^2.2.3:
+json5@^2.1.2, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
@@ -9246,9 +9384,9 @@ jwt-decode@4.0.0, jwt-decode@^4.0.0:
   integrity sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==
 
 katex@^0.16.0:
-  version "0.16.27"
-  resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.27.tgz#4ecf6f620e0ca1c1a5de722e85fcdcec49086a48"
-  integrity sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw==
+  version "0.16.28"
+  resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.28.tgz#64068425b5a29b41b136aae0d51cbb2c71d64c39"
+  integrity sha512-YHzO7721WbmAL6Ov1uzN/l5mY5WWWhJBSW+jq4tkfZfsxmo1hu6frS0EOswvjBUnWE6NtjEs48SFn5CQESRLZg==
   dependencies:
     commander "^8.3.0"
 
@@ -9264,10 +9402,10 @@ keyv@^4.5.3:
   dependencies:
     json-buffer "3.0.1"
 
-keyv@^5.5.4:
-  version "5.5.5"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.5.5.tgz#a975b32fc03e300a0e443c705b103d8b05220834"
-  integrity sha512-FA5LmZVF1VziNc0bIdCSA1IoSVnDCqE8HJIZZv2/W8YmoAM50+tnUgJR/gQZwEeIMleuIOnRnHA/UaZRNeV4iQ==
+keyv@^5.5.5:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.6.0.tgz#03044074c6b4d072d0a62c7b9fa649537baf0105"
+  integrity sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==
   dependencies:
     "@keyv/serialize" "^1.1.1"
 
@@ -9284,9 +9422,9 @@ klaw-sync@^6.0.0:
     graceful-fs "^4.1.11"
 
 knip@^5.36.2:
-  version "5.73.3"
-  resolved "https://registry.yarnpkg.com/knip/-/knip-5.73.3.tgz#a92c5df99e59291043249006a9d036ca4b6a43f5"
-  integrity sha512-676xuqNQidE9yZeUUX7lJeZ0d1N7QBTbmO1J0p+SyuXlbpdE4pd8Ql3WVMvrvaaaG2z/+3ExeFNm0Q9mVIjuKw==
+  version "5.82.1"
+  resolved "https://registry.yarnpkg.com/knip/-/knip-5.82.1.tgz#f92a0e1f74da6d529f1313598c3a4d82fd6eb287"
+  integrity sha512-1nQk+5AcnkqL40kGQXfouzAEXkTR+eSrgo/8m1d0BMei4eAzFwghoXC4gOKbACgBiCof7hE8wkBVDsEvznf85w==
   dependencies:
     "@nodelib/fs.walk" "^1.2.3"
     fast-glob "^3.3.3"
@@ -9319,12 +9457,12 @@ language-tags@^1.0.9:
     language-subtag-registry "^0.3.20"
 
 launch-editor@^2.6.1:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.10.0.tgz#5ca3edfcb9667df1e8721310f3a40f1127d4bc42"
-  integrity sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.12.0.tgz#cc740f4e0263a6b62ead2485f9896e545321f817"
+  integrity sha512-giOHXoOtifjdHqUamwKq6c49GzBdLjvxrd2D+Q4V6uOHopJv7p9VJxikDsQ/CBXZbEITgUqSVHXLTG3VhPP1Dg==
   dependencies:
-    picocolors "^1.0.0"
-    shell-quote "^1.8.1"
+    picocolors "^1.1.1"
+    shell-quote "^1.8.3"
 
 lazystream@^1.0.0:
   version "1.0.1"
@@ -9443,10 +9581,10 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
-lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+lodash-es@^4.17.23:
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.23.tgz#58c4360fd1b5d33afc6c0bbd3d1149349b1138e0"
+  integrity sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==
 
 lodash.camelcase@^4.3.0:
   version "4.3.0"
@@ -9458,11 +9596,6 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
-lodash.isequal@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
-  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
-
 lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
@@ -9473,11 +9606,6 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.sortby@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
-
 lodash.truncate@^4.4.2:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
@@ -9489,9 +9617,9 @@ lodash.uniq@^4.5.0:
   integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
 
 lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+  version "4.17.23"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.23.tgz#f113b0378386103be4f6893388c73d0bde7f2c5a"
+  integrity sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==
 
 log-update@^6.1.0:
   version "6.1.0"
@@ -9526,11 +9654,6 @@ loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-loupe@^3.1.0, loupe@^3.1.4:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.2.1.tgz#0095cf56dc5b7a9a7c08ff5b1a8796ec8ad17e76"
-  integrity sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==
-
 lower-case@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
@@ -9567,13 +9690,6 @@ magic-string@0.30.8:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.15"
 
-magic-string@^0.30.0, magic-string@^0.30.17:
-  version "0.30.21"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
-  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.5"
-
 mailpit-api@^1.2.0:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/mailpit-api/-/mailpit-api-1.5.4.tgz#b53e0d437c3a2dcd22a20db9dcadc99ffb3b789d"
@@ -9596,9 +9712,9 @@ makeerror@1.0.12:
     tmpl "1.0.5"
 
 maplibre-gl@^5.0.0:
-  version "5.14.0"
-  resolved "https://registry.yarnpkg.com/maplibre-gl/-/maplibre-gl-5.14.0.tgz#4354d460e3bc5c11fbc5c5ae358dbe4561271720"
-  integrity sha512-O2ok6N/bQ9NA9nJ22r/PRQQYkUe9JwfDMjBPkQ+8OwsVH4TpA5skIAM2wc0k+rni5lVbAVONVyBvgi1rF2vEPA==
+  version "5.17.0"
+  resolved "https://registry.yarnpkg.com/maplibre-gl/-/maplibre-gl-5.17.0.tgz#b7de18caf2c70d0ba98715803eea7f1e39581c36"
+  integrity sha512-gwS6NpXBfWD406dtT5YfEpl2hmpMm+wcPqf04UAez/TxY1OBjiMdK2ZoMGcNIlGHelKc4+Uet6zhDdDEnlJVHA==
   dependencies:
     "@mapbox/geojson-rewind" "^0.5.2"
     "@mapbox/jsonlint-lines-primitives" "^2.0.2"
@@ -9607,14 +9723,13 @@ maplibre-gl@^5.0.0:
     "@mapbox/unitbezier" "^0.0.1"
     "@mapbox/vector-tile" "^2.0.4"
     "@mapbox/whoots-js" "^3.1.0"
-    "@maplibre/maplibre-gl-style-spec" "^24.3.1"
+    "@maplibre/geojson-vt" "^5.0.4"
+    "@maplibre/maplibre-gl-style-spec" "^24.4.1"
     "@maplibre/mlt" "^1.1.2"
-    "@maplibre/vt-pbf" "^4.1.0"
+    "@maplibre/vt-pbf" "^4.2.1"
     "@types/geojson" "^7946.0.16"
-    "@types/geojson-vt" "3.2.5"
     "@types/supercluster" "^7.1.3"
     earcut "^3.0.2"
-    geojson-vt "^4.0.2"
     gl-matrix "^3.4.4"
     kdbush "^4.0.2"
     murmurhash-js "^1.0.0"
@@ -9640,10 +9755,10 @@ math-intrinsics@^1.1.0:
   resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
   integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
 
-mathml-tag-names@^2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
-  integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
+mathml-tag-names@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-4.0.0.tgz#295494906312f849a9236e6cd9accc902814d477"
+  integrity sha512-aa6AU2Pcx0VP/XWnh8IGL0SYSgQHDT6Ucror2j2mXeFAlN3ahaNs8EZtG1YiticMkSLj3Gt6VPFfZogt7G5iFQ==
 
 matrix-encrypt-attachment@^1.0.3:
   version "1.0.3"
@@ -9656,39 +9771,39 @@ matrix-events-sdk@0.0.1:
   integrity sha512-1QEOsXO+bhyCroIe2/A5OwaxHvBm7EsSQ46DEDn8RBIfQwN5HWBpFvyWWR4QY0KHPPnnJdI99wgRiAl7Ad5qaA==
 
 "matrix-js-sdk@github:matrix-org/matrix-js-sdk#develop":
-  version "39.4.0"
-  resolved "https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/633a5a8848524c08d9548c37d768459b1a7097fe"
+  version "40.1.0"
+  resolved "https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/f136f6ddf7668b8a4c40dbfd4658f22afa1b668c"
   dependencies:
     "@babel/runtime" "^7.12.5"
-    "@matrix-org/matrix-sdk-crypto-wasm" "^16.0.0"
+    "@matrix-org/matrix-sdk-crypto-wasm" "^17.0.0"
     another-json "^0.2.0"
     bs58 "^6.0.0"
     content-type "^1.0.4"
     jwt-decode "^4.0.0"
     loglevel "^1.9.2"
     matrix-events-sdk "0.0.1"
-    matrix-widget-api "^1.14.0"
+    matrix-widget-api "^1.16.1"
     oidc-client-ts "^3.0.1"
     p-retry "7"
     sdp-transform "^3.0.0"
     unhomoglyph "^1.0.6"
     uuid "13"
 
-matrix-web-i18n@^3.2.1, matrix-web-i18n@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/matrix-web-i18n/-/matrix-web-i18n-3.4.0.tgz#2f088a2ec2cb4598092b7e9dd2f24f65d820df0e"
-  integrity sha512-8Bftf3LkACR6oy0iXYuIsDuvHjoJoOCWA+gDuy/lvyPwEpwViMs3XP5mJsXla+51SZEULZRUUtTreufH6xVA8g==
+matrix-web-i18n@3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/matrix-web-i18n/-/matrix-web-i18n-3.6.0.tgz#50efd34e454449685866155336e2ce3432e7a813"
+  integrity sha512-oY4YZCU8OqDZzmCiJpo8XrATa7XNOB5oFyIpE7O0jjaIEeu6LnQrHmm/fpsYkPUENVzGJm1YdoOtvcBrQx+h2g==
   dependencies:
-    "@babel/parser" "^7.18.5"
-    "@babel/traverse" "^7.18.5"
+    "@babel/parser" "^7.28.5"
+    "@babel/traverse" "^7.28.5"
     lodash "^4.17.21"
     minimist "^1.2.8"
     walk "^2.3.15"
 
-matrix-widget-api@^1.10.0, matrix-widget-api@^1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/matrix-widget-api/-/matrix-widget-api-1.15.0.tgz#a508f72a5993a95382bdf890bd9e54525295b321"
-  integrity sha512-Yu9rX9wyF3A1sqviKgiYHz8aGgL3HhJe9OXKi/lccr1eZnNb6y+ELdbshTjs+VLKM4rkTWt6CE3THsw3f/CZhg==
+matrix-widget-api@^1.16.1:
+  version "1.17.0"
+  resolved "https://registry.yarnpkg.com/matrix-widget-api/-/matrix-widget-api-1.17.0.tgz#2336de2186fe70d8bd741c1603c162f60b2099c2"
+  integrity sha512-5FHoo3iEP3Bdlv5jsYPWOqj+pGdFQNLWnJLiB0V7Ygne7bb+Gsj3ibyFyHWC6BVw+Z+tSW4ljHpO17I9TwStwQ==
   dependencies:
     "@types/events" "^3.0.0"
     events "^3.2.0"
@@ -9728,14 +9843,24 @@ media-typer@^1.1.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-1.1.0.tgz#6ab74b8f2d3320f2064b2a87a38e7931ff3a5561"
   integrity sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==
 
-memfs@^4.6.0:
-  version "4.17.2"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-4.17.2.tgz#1f71a6d85c8c53b4f1b388234ed981a690c7e227"
-  integrity sha512-NgYhCOWgovOXSzvYgUW0LQ7Qy72rWQMGGFJDoWg4G30RHd3z77VbYdtJ4fembJXBy8pMIUA31XNAupobOQlwdg==
+memfs@^4.43.1:
+  version "4.56.2"
+  resolved "https://registry.yarnpkg.com/memfs/-/memfs-4.56.2.tgz#fa844ef051760f556f699b1214eb41f4652da332"
+  integrity sha512-AEbdVTy4TZiugbnfA7d1z9IvwpHlaGh9Vlb/iteHDtUU/WhOKAwgbhy1f8dnX1SMbeKLIXdXf3lVWb55PuBQQw==
   dependencies:
-    "@jsonjoy.com/json-pack" "^1.0.3"
-    "@jsonjoy.com/util" "^1.3.0"
-    tree-dump "^1.0.1"
+    "@jsonjoy.com/fs-core" "4.56.2"
+    "@jsonjoy.com/fs-fsa" "4.56.2"
+    "@jsonjoy.com/fs-node" "4.56.2"
+    "@jsonjoy.com/fs-node-builtins" "4.56.2"
+    "@jsonjoy.com/fs-node-to-fsa" "4.56.2"
+    "@jsonjoy.com/fs-node-utils" "4.56.2"
+    "@jsonjoy.com/fs-print" "4.56.2"
+    "@jsonjoy.com/fs-snapshot" "^4.56.2"
+    "@jsonjoy.com/json-pack" "^1.11.0"
+    "@jsonjoy.com/util" "^1.9.0"
+    glob-to-regex.js "^1.0.1"
+    thingies "^2.5.0"
+    tree-dump "^1.0.3"
     tslib "^2.0.0"
 
 memoize-one@^5.1.1:
@@ -9748,10 +9873,10 @@ memoize-one@^6.0.0:
   resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
   integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
 
-meow@^13.2.0:
-  version "13.2.0"
-  resolved "https://registry.yarnpkg.com/meow/-/meow-13.2.0.tgz#6b7d63f913f984063b3cc261b6e8800c4cd3474f"
-  integrity sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==
+meow@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/meow/-/meow-14.0.0.tgz#97d44d2f9eeb9836db06108570891f7523103bbc"
+  integrity sha512-JhC3R1f6dbspVtmF3vKjAWz1EVIvwFrGGPLSdU6rK79xBwHWTuHoLnRX/t1/zHS1Ch1Y2UtIrih7DAHuH9JFJA==
 
 merge-descriptors@1.0.3:
   version "1.0.3"
@@ -9768,7 +9893,7 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
-merge2@^1.3.0, merge2@^1.4.1:
+merge2@^1.3.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
@@ -9796,7 +9921,7 @@ mime-db@1.52.0:
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.54.0.tgz#cddb3ee4f9c64530dff640236661d42cb6a314f5"
   integrity sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -9835,10 +9960,10 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-css-extract-plugin@2.9.2:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz#966031b468917a5446f4c24a80854b2947503c5b"
-  integrity sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==
+mini-css-extract-plugin@2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.10.0.tgz#d801a1f388f8fac7333c01b7c15c9222c811def4"
+  integrity sha512-540P2c5dYnJlyJxTaSloliZexv8rji6rY8FhQN+WF/82iHQfA23j/xtJx97L+mXOML27EqksSek/g4eK7jaL3g==
   dependencies:
     schema-utils "^4.0.0"
     tapable "^2.2.1"
@@ -9869,7 +9994,7 @@ minimatch@^5.0.1, minimatch@^5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.4:
+minimatch@^9.0.4, minimatch@^9.0.5:
   version "9.0.5"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
   integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
@@ -9924,9 +10049,9 @@ moo-color@^1.0.2:
     color-name "^1.1.4"
 
 mrmime@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.0.tgz#151082a6e06e59a9a39b46b3e14d5cfe92b3abb4"
-  integrity sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.1.tgz#bc3e87f7987853a54c9850eeb1f1078cd44adddc"
+  integrity sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==
 
 ms@2.0.0:
   version "2.0.0"
@@ -10016,11 +10141,6 @@ node-fetch@^2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-forge@^1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.2.tgz#d0d2659a26eef778bf84d73e7f55c08144ee7750"
-  integrity sha512-6xKiQ+cph9KImrRh0VsjH2d8/GXA4FIMlgU4B757iI1ApvcyA9VlouP0yZJha01V+huImO+kKMU7ih+2+E14fw==
-
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -10046,11 +10166,6 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
 npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
@@ -10148,17 +10263,17 @@ oidc-client-ts@3.4.1, oidc-client-ts@^3.0.1:
   dependencies:
     jwt-decode "^4.0.0"
 
-on-finished@2.4.1, on-finished@^2.4.1:
+on-finished@^2.4.1, on-finished@~2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
   integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
   dependencies:
     ee-first "1.1.1"
 
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
+on-headers@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.1.0.tgz#59da4f91c45f5f989c6e4bcedc5a3b0aed70ff65"
+  integrity sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==
 
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
@@ -10182,16 +10297,6 @@ onetime@^7.0.0:
     mimic-function "^5.0.0"
 
 open@^10.0.3:
-  version "10.1.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-10.1.2.tgz#d5df40984755c9a9c3c93df8156a12467e882925"
-  integrity sha512-cxN6aIDPz6rm8hbebcP7vrQNhvRcveZoJU72Y7vskh4oIm+BZwBECnx5nTmrlres1Qapvx27Qo1Auukpf8PKXw==
-  dependencies:
-    default-browser "^5.2.1"
-    define-lazy-prop "^3.0.0"
-    is-inside-container "^1.0.0"
-    is-wsl "^3.1.0"
-
-open@^10.2.0:
   version "10.2.0"
   resolved "https://registry.yarnpkg.com/open/-/open-10.2.0.tgz#b9d855be007620e80b6fb05fac98141fe62db73c"
   integrity sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==
@@ -10241,30 +10346,30 @@ own-keys@^1.0.1:
     safe-push-apply "^1.0.0"
 
 oxc-resolver@^11.15.0:
-  version "11.15.0"
-  resolved "https://registry.yarnpkg.com/oxc-resolver/-/oxc-resolver-11.15.0.tgz#fcb2fadda0a04460e6ef50bb60abace2b7937510"
-  integrity sha512-Hk2J8QMYwmIO9XTCUiOH00+Xk2/+aBxRUnhrSlANDyCnLYc32R1WSIq1sU2yEdlqd53FfMpPEpnBYIKQMzliJw==
+  version "11.16.3"
+  resolved "https://registry.yarnpkg.com/oxc-resolver/-/oxc-resolver-11.16.3.tgz#79b538ac74438f8f28eaff423b465080e821ac07"
+  integrity sha512-goLOJH3x69VouGWGp5CgCIHyksmOZzXr36lsRmQz1APg3SPFORrvV2q7nsUHMzLVa6ZJgNwkgUSJFsbCpAWkCA==
   optionalDependencies:
-    "@oxc-resolver/binding-android-arm-eabi" "11.15.0"
-    "@oxc-resolver/binding-android-arm64" "11.15.0"
-    "@oxc-resolver/binding-darwin-arm64" "11.15.0"
-    "@oxc-resolver/binding-darwin-x64" "11.15.0"
-    "@oxc-resolver/binding-freebsd-x64" "11.15.0"
-    "@oxc-resolver/binding-linux-arm-gnueabihf" "11.15.0"
-    "@oxc-resolver/binding-linux-arm-musleabihf" "11.15.0"
-    "@oxc-resolver/binding-linux-arm64-gnu" "11.15.0"
-    "@oxc-resolver/binding-linux-arm64-musl" "11.15.0"
-    "@oxc-resolver/binding-linux-ppc64-gnu" "11.15.0"
-    "@oxc-resolver/binding-linux-riscv64-gnu" "11.15.0"
-    "@oxc-resolver/binding-linux-riscv64-musl" "11.15.0"
-    "@oxc-resolver/binding-linux-s390x-gnu" "11.15.0"
-    "@oxc-resolver/binding-linux-x64-gnu" "11.15.0"
-    "@oxc-resolver/binding-linux-x64-musl" "11.15.0"
-    "@oxc-resolver/binding-openharmony-arm64" "11.15.0"
-    "@oxc-resolver/binding-wasm32-wasi" "11.15.0"
-    "@oxc-resolver/binding-win32-arm64-msvc" "11.15.0"
-    "@oxc-resolver/binding-win32-ia32-msvc" "11.15.0"
-    "@oxc-resolver/binding-win32-x64-msvc" "11.15.0"
+    "@oxc-resolver/binding-android-arm-eabi" "11.16.3"
+    "@oxc-resolver/binding-android-arm64" "11.16.3"
+    "@oxc-resolver/binding-darwin-arm64" "11.16.3"
+    "@oxc-resolver/binding-darwin-x64" "11.16.3"
+    "@oxc-resolver/binding-freebsd-x64" "11.16.3"
+    "@oxc-resolver/binding-linux-arm-gnueabihf" "11.16.3"
+    "@oxc-resolver/binding-linux-arm-musleabihf" "11.16.3"
+    "@oxc-resolver/binding-linux-arm64-gnu" "11.16.3"
+    "@oxc-resolver/binding-linux-arm64-musl" "11.16.3"
+    "@oxc-resolver/binding-linux-ppc64-gnu" "11.16.3"
+    "@oxc-resolver/binding-linux-riscv64-gnu" "11.16.3"
+    "@oxc-resolver/binding-linux-riscv64-musl" "11.16.3"
+    "@oxc-resolver/binding-linux-s390x-gnu" "11.16.3"
+    "@oxc-resolver/binding-linux-x64-gnu" "11.16.3"
+    "@oxc-resolver/binding-linux-x64-musl" "11.16.3"
+    "@oxc-resolver/binding-openharmony-arm64" "11.16.3"
+    "@oxc-resolver/binding-wasm32-wasi" "11.16.3"
+    "@oxc-resolver/binding-win32-arm64-msvc" "11.16.3"
+    "@oxc-resolver/binding-win32-ia32-msvc" "11.16.3"
+    "@oxc-resolver/binding-win32-x64-msvc" "11.16.3"
 
 p-limit@^2.2.0:
   version "2.3.0"
@@ -10387,7 +10492,7 @@ pascal-case@^3.1.2:
     no-case "^3.0.4"
     tslib "^2.0.3"
 
-patch-package@^8.0.0, patch-package@^8.0.1:
+patch-package@^8.0.0:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/patch-package/-/patch-package-8.0.1.tgz#79d02f953f711e06d1f8949c8a13e5d3d7ba1a60"
   integrity sha512-VsKRIA8f5uqHQ7NGhwIna6Bx6D9s/1iXlA1hthBVBEbkq+t4kXD0HHt+rJhf/Z+Ci0F/HCB2hvn0qLdLG+Qxlw==
@@ -10443,31 +10548,21 @@ path-scurry@^2.0.0:
     lru-cache "^11.0.0"
     minipass "^7.1.2"
 
-path-to-regexp@0.1.12:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
-  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
-
-path-to-regexp@^2.2.1:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-2.4.0.tgz#35ce7f333d5616f1c1e1bfe266c3aba2e5b2e704"
-  integrity sha512-G6zHoVqC6GGTQkZwF4lkuEyMbVOjoBKAEybQUypI1WTkqinCOrq2x6U2+phkJ1XsEMTy4LjtwPI7HW+NVrRR2w==
-
 path-to-regexp@^8.0.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-8.3.0.tgz#aa818a6981f99321003a08987d3cec9c3474cd1f"
   integrity sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==
 
+path-to-regexp@~0.1.12:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.12.tgz#d5e1a12e478a976d432ef3c58d534b9923164bb7"
+  integrity sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pathval@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-2.0.1.tgz#8855c5a2899af072d6ac05d11e46045ad0dc605d"
-  integrity sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==
-
 pbf@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/pbf/-/pbf-4.0.1.tgz#ad9015e022b235dcdbe05fc468a9acadf483f0d4"
@@ -10475,7 +10570,7 @@ pbf@^4.0.1:
   dependencies:
     resolve-protobuf-schema "^2.1.0"
 
-picocolors@1.1.1, picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.0, picocolors@^1.1.1:
+picocolors@1.1.1, picocolors@^1.0.0, picocolors@^1.1.0, picocolors@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
   integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
@@ -10512,17 +10607,29 @@ pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-playwright-core@1.57.0, playwright-core@^1.51.0:
-  version "1.57.0"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.57.0.tgz#3dcc9a865af256fa9f0af0d67fc8dd54eecaebf5"
-  integrity sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==
-
-playwright@1.57.0:
-  version "1.57.0"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.57.0.tgz#74d1dacff5048dc40bf4676940b1901e18ad0f46"
-  integrity sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==
+pkijs@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/pkijs/-/pkijs-3.3.3.tgz#b3f04d7b2eaacb05c81675f882be374e591626ec"
+  integrity sha512-+KD8hJtqQMYoTuL1bbGOqxb4z+nZkTAwVdNtWwe8Tc2xNbEmdJYIYoc6Qt0uF55e6YW6KuTHw1DjQ18gMhzepw==
   dependencies:
-    playwright-core "1.57.0"
+    "@noble/hashes" "1.4.0"
+    asn1js "^3.0.6"
+    bytestreamjs "^2.0.1"
+    pvtsutils "^1.3.6"
+    pvutils "^1.1.3"
+    tslib "^2.8.1"
+
+playwright-core@1.58.1:
+  version "1.58.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.58.1.tgz#d63be2c9b7dcbdb035beddd4b42437bd3ca89107"
+  integrity sha512-bcWzOaTxcW+VOOGBCQgnaKToLJ65d6AqfLVKEWvexyS3AS6rbXl+xdpYRMGSRBClPvyj44njOWoxjNdL/H9UNg==
+
+playwright@1.58.1:
+  version "1.58.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.58.1.tgz#63300e77a604c77264e1b499c0d94b54ed96d6ba"
+  integrity sha512-+2uTZHxSCcxjvGc5C891LrS1/NlxglGxzrC4seZiVjcYVQfUa87wBL6rTDqzGjuoWNjnBzRqKmF6zRYGMvQUaQ==
+  dependencies:
+    playwright-core "1.58.1"
   optionalDependencies:
     fsevents "2.3.2"
 
@@ -10553,12 +10660,12 @@ possible-typed-array-names@^1.0.0:
   resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
   integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
 
-postcss-attribute-case-insensitive@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-7.0.1.tgz#0c4500e3bcb2141848e89382c05b5a31c23033a3"
-  integrity sha512-Uai+SupNSqzlschRyNx3kbCTWgY/2hcwtHEI/ej2LJWc9JJ77qKgGptd8DHwY1mXtZ7Aoh4z4yxfwMBue9eNgw==
+postcss-attribute-case-insensitive@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-8.0.0.tgz#17034ecbd3afe5b62c203d554bc02326445d20b3"
+  integrity sha512-fovIPEV35c2JzVXdmP+sp2xirbBMt54J+upU8u6TSj410kUU5+axgEzvBBSAX8KCybze8CFCelzFAw/FfWg2TA==
   dependencies:
-    postcss-selector-parser "^7.0.0"
+    postcss-selector-parser "^7.1.1"
 
 postcss-calc@^10.1.1:
   version "10.1.1"
@@ -10575,31 +10682,31 @@ postcss-clamp@^4.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-color-functional-notation@^7.0.7:
-  version "7.0.7"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-7.0.7.tgz#c5362df010926f902ce4e7fb3da2a46cff175d1b"
-  integrity sha512-EZvAHsvyASX63vXnyXOIynkxhaHRSsdb7z6yiXKIovGXAolW4cMZ3qoh7k3VdTsLBS6VGdksGfIo3r6+waLoOw==
+postcss-color-functional-notation@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-8.0.1.tgz#22ba5620711cdde4c2a8959ccc4d8affda87a6f0"
+  integrity sha512-f1itLOG10iAa9mBAAtIHj/wfDs3srsNv/vrAsiRrIOfTCjhjxHxL1g06vvpQ86he2BP5HwB4cN72EZQ8rkegpA==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
 
-postcss-color-hex-alpha@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-10.0.0.tgz#5dd3eba1f8facb4ea306cba6e3f7712e876b0c76"
-  integrity sha512-1kervM2cnlgPs2a8Vt/Qbe5cQ++N7rkYo/2rz2BkqJZIHQwaVuJgQH38REHrAi4uM0b1fqxMkWYmese94iMp3w==
+postcss-color-hex-alpha@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-11.0.0.tgz#f9b0d15b98a62b8ec839ee0457209d6266bf82ba"
+  integrity sha512-NCGa6vjIyrjosz9GqRxVKbONBklz5TeipYqTJp3IqbnBWlBq5e5EMtG6MaX4vqk9LzocPfMQkuRK9tfk+OQuKg==
   dependencies:
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/utilities" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-color-rebeccapurple@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-10.0.0.tgz#5ada28406ac47e0796dff4056b0a9d5a6ecead98"
-  integrity sha512-JFta737jSP+hdAIEhk1Vs0q0YF5P8fFcj+09pweS8ktuGuZ8pPlykHsk6mPxZ8awDl4TrcxUqJo9l1IhVr/OjQ==
+postcss-color-rebeccapurple@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-11.0.0.tgz#21ae146595b247c20c74a85738daa06527e0df0a"
+  integrity sha512-g9561mx7cbdqx7XeO/L+lJzVlzu7bICyXr72efBVKZGxIhvBBJf9fGXn3Cb6U4Bwh3LbzQO2e9NWBLVYdX5Eag==
   dependencies:
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/utilities" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
 postcss-colormin@^7.0.5:
@@ -10620,43 +10727,43 @@ postcss-convert-values@^7.0.8:
     browserslist "^4.27.0"
     postcss-value-parser "^4.2.0"
 
-postcss-custom-media@^11.0.5:
-  version "11.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-11.0.5.tgz#2fcd88a9b1d4da41c67dac6f2def903063a3377d"
-  integrity sha512-SQHhayVNgDvSAdX9NQ/ygcDQGEY+aSF4b/96z7QUX6mqL5yl/JgG/DywcF6fW9XbnCRE+aVYk+9/nqGuzOPWeQ==
+postcss-custom-media@^12.0.0:
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-12.0.0.tgz#3fcbfeaf1243592d4d8469589a016d3d8e55dcc4"
+  integrity sha512-jIgEvqceN6ru2uQ0f75W1g+JDi0UyECFeJKjPG7UcSkW3+03LDKH2c6h+9C0XuDTV4y2pEHmD5AJtVBq1OGnZA==
   dependencies:
-    "@csstools/cascade-layer-name-parser" "^2.0.4"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/media-query-list-parser" "^4.0.2"
+    "@csstools/cascade-layer-name-parser" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/media-query-list-parser" "^5.0.0"
 
-postcss-custom-properties@^14.0.4:
-  version "14.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-14.0.4.tgz#de9c663285a98833a946d7003a34369d3ce373a9"
-  integrity sha512-QnW8FCCK6q+4ierwjnmXF9Y9KF8q0JkbgVfvQEMa93x1GT8FvOiUevWCN2YLaOWyByeDX8S6VFbZEeWoAoXs2A==
+postcss-custom-properties@^15.0.0:
+  version "15.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-15.0.0.tgz#7cb95c58b03378e466d80d20f0fdfa04a53f7225"
+  integrity sha512-FsD3VNtFr3qmspvIobDRszK9onKPHp8iHG4Aox2Nnm9SL93uw5GDw4z+NM7zWKiw6U+DSNm24JUm4coyIyanzQ==
   dependencies:
-    "@csstools/cascade-layer-name-parser" "^2.0.4"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/cascade-layer-name-parser" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/utilities" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-custom-selectors@^8.0.4:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-8.0.4.tgz#95ef8268fdbbbd84f34cf84a4517c9d99d419c5a"
-  integrity sha512-ASOXqNvDCE0dAJ/5qixxPeL1aOVGHGW2JwSy7HyjWNbnWTQCl+fDc968HY1jCmZI0+BaYT5CxsOiUhavpG/7eg==
+postcss-custom-selectors@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-9.0.0.tgz#366f2762311b90a3c9d47fce36332cce3480f4a1"
+  integrity sha512-VuV5tLPAm6wq1u699dsrhGCzfLobKe0eD3G8bw3BcTJt6wqQ7RQdfaveJVsCAi23OaQbjIi3K1C7Fj3yZH3f1g==
   dependencies:
-    "@csstools/cascade-layer-name-parser" "^2.0.4"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    postcss-selector-parser "^7.0.0"
+    "@csstools/cascade-layer-name-parser" "^3.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    postcss-selector-parser "^7.1.1"
 
-postcss-dir-pseudo-class@^9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-9.0.1.tgz#80d9e842c9ae9d29f6bf5fd3cf9972891d6cc0ca"
-  integrity sha512-tRBEK0MHYvcMUrAuYMEOa0zg9APqirBcgzi6P21OhxtJyJADo/SWBwY1CAwEohQ/6HDaa9jCjLRG7K3PVQYHEA==
+postcss-dir-pseudo-class@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-10.0.0.tgz#c5ead4e9af647b8acdf022a096727df12ff83968"
+  integrity sha512-DmtIzULpyC8XaH4b5AaUgt4Jic4QmrECqidNCdR7u7naQFdnxX80YI06u238a+ZVRXwURDxVzy0s/UQnWmpVeg==
   dependencies:
-    postcss-selector-parser "^7.0.0"
+    postcss-selector-parser "^7.1.1"
 
 postcss-discard-comments@^7.0.5:
   version "7.0.5"
@@ -10680,13 +10787,13 @@ postcss-discard-overridden@^7.0.1:
   resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-7.0.1.tgz#bd9c9bc5e4548d3b6e67e7f8d64f2c9d745ae2a0"
   integrity sha512-7c3MMjjSZ/qYrx3uc1940GSOzN1Iqjtlqe8uoSg+qdVPYyRb0TILSqqmtlSFuE4mTDECwsm397Ya7iXGzfF7lg==
 
-postcss-double-position-gradients@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-6.0.0.tgz#eddd424ec754bb543d057d4d2180b1848095d4d2"
-  integrity sha512-JkIGah3RVbdSEIrcobqj4Gzq0h53GG4uqDPsho88SgY84WnpkTpI0k50MFK/sX7XqVisZ6OqUfFnoUO6m1WWdg==
+postcss-double-position-gradients@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-7.0.0.tgz#ea68a2698ac7e4ed3a3ab517b04eb48476cb1ba8"
+  integrity sha512-Msr/dxj8Os7KLJE5Hdhvprwm3K5Zrh1KTY0eFN3ngPKNkej/Usy4BM9JQmqE6CLAkDpHoQVsi4snbL72CPt6qg==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
 postcss-easings@^4.0.0:
@@ -10696,29 +10803,29 @@ postcss-easings@^4.0.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-focus-visible@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-10.0.1.tgz#1f7904904368a2d1180b220595d77b6f8a957868"
-  integrity sha512-U58wyjS/I1GZgjRok33aE8juW9qQgQUNwTSdxQGuShHzwuYdcklnvK/+qOWX1Q9kr7ysbraQ6ht6r+udansalA==
+postcss-focus-visible@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-11.0.0.tgz#b56b41fa86fad518a66965a9b70e75578aef598b"
+  integrity sha512-VG1a9kBKizUBWS66t5xyB4uLONBnvZLCmZXxT40FALu8EF0QgVZBYy5ApC0KhmpHsv+pvHMJHB3agKHwmocWjw==
   dependencies:
-    postcss-selector-parser "^7.0.0"
+    postcss-selector-parser "^7.1.1"
 
-postcss-focus-within@^9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-9.0.1.tgz#ac01ce80d3f2e8b2b3eac4ff84f8e15cd0057bc7"
-  integrity sha512-fzNUyS1yOYa7mOjpci/bR+u+ESvdar6hk8XNK/TRR0fiGTp2QT5N+ducP0n3rfH/m9I7H/EQU6lsa2BrgxkEjw==
+postcss-focus-within@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-10.0.0.tgz#191404859ad514c5af96d2af3d0840395db6d74c"
+  integrity sha512-dvql0fzUTG+gcJYp+KTbag5vAjuo94LDYZHkqDV1rnf5gPGer1v/SrmIZBdvKU8moep3HbcbujqGjzSb3DL53Q==
   dependencies:
-    postcss-selector-parser "^7.0.0"
+    postcss-selector-parser "^7.1.1"
 
 postcss-font-variant@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
   integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
 
-postcss-gap-properties@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-6.0.0.tgz#d5ff0bdf923c06686499ed2b12e125fe64054fed"
-  integrity sha512-Om0WPjEwiM9Ru+VhfEDPZJAKWUd0mV1HmNXqp2C29z80aQ2uP9UVhLc7e3aYMIor/S5cVhoPgYQ7RtfeZpYTRw==
+postcss-gap-properties@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-7.0.0.tgz#dfce0e627461996b1ced7109c8594f28cca342ec"
+  integrity sha512-PSDF2QoZMRUbsINvXObQgxx4HExRP85QTT8qS/YN9fBsCPWCqUuwqAD6E6PNp0BqL/jU1eyWUBORaOK/J/9LDA==
 
 postcss-hexrgba@2.1.0:
   version "2.1.0"
@@ -10727,54 +10834,54 @@ postcss-hexrgba@2.1.0:
   dependencies:
     postcss-value-parser "^4.1.0"
 
-postcss-image-set-function@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-7.0.0.tgz#538e94e16716be47f9df0573b56bbaca86e1da53"
-  integrity sha512-QL7W7QNlZuzOwBTeXEmbVckNt1FSmhQtbMRvGGqqU4Nf4xk6KUEQhAoWuMzwbSv5jxiRiSZ5Tv7eiDB9U87znA==
+postcss-image-set-function@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-8.0.0.tgz#15c8992f9fccca49ceb522000673d157d0b938d7"
+  integrity sha512-rEGNkOkNusf4+IuMmfEoIdLuVmvbExGbmG+MIsyV6jR5UaWSoyPcAYHV/PxzVDCmudyF+2Nh/o6Ub2saqUdnuA==
   dependencies:
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/utilities" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-import@16.1.0:
-  version "16.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-16.1.0.tgz#258732175518129667fe1e2e2a05b19b5654b96a"
-  integrity sha512-7hsAZ4xGXl4MW+OKEWCnF6T5jqBw80/EE9aXg1r2yyn1RsVEU8EtKXbijEODa+rg7iih4bKf7vlvTGYR4CnPNg==
+postcss-import@16.1.1:
+  version "16.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-16.1.1.tgz#cfbe79e6c9232b0dbbe1c18f35308825cfe8ff2a"
+  integrity sha512-2xVS1NCZAfjtVdvXiyegxzJ447GyqCeEI5V7ApgQVOWnros1p5lGNovJNapwPpMombyFBfqDwt7AD3n2l0KOfQ==
   dependencies:
     postcss-value-parser "^4.0.0"
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
 postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.1.0.tgz#003b63c6edde948766e40f3daf7e997ae43a5ce6"
+  integrity sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==
   dependencies:
     camelcase-css "^2.0.1"
 
-postcss-lab-function@^7.0.7:
-  version "7.0.7"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-7.0.7.tgz#9c87c21ce5132c55824190b75d7d7adede9c2fac"
-  integrity sha512-+ONj2bpOQfsCKZE2T9VGMyVVdGcGUpr7u3SVfvkJlvhTRmDCfY25k4Jc8fubB9DclAPR4+w8uVtDZmdRgdAHig==
+postcss-lab-function@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-8.0.1.tgz#f5e0e953a8a15cb0bc7d69137816118c7c295c3d"
+  integrity sha512-Q/ANnuCYtanAc+2NnCaZrYu+GofYQUV603JXL0KB6GlcXxpnm/UerPAmpKQdb9pxYUkpKovGxfL43aOUnpF/Hg==
   dependencies:
-    "@csstools/css-color-parser" "^3.0.7"
-    "@csstools/css-parser-algorithms" "^3.0.4"
-    "@csstools/css-tokenizer" "^3.0.3"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/utilities" "^2.0.0"
+    "@csstools/css-color-parser" "^4.0.1"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/utilities" "^3.0.0"
 
-postcss-loader@8.1.1:
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-8.1.1.tgz#2822589e7522927344954acb55bbf26e8b195dfe"
-  integrity sha512-0IeqyAsG6tYiDRCYKQJLAmgQr47DX6N7sFSWvQxt6AcupX8DIdmykuk/o/tx0Lze3ErGHJEp5OSRxrelC6+NdQ==
+postcss-loader@8.2.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-8.2.0.tgz#9b830af550bc0829d565d4e774738d84df88eab7"
+  integrity sha512-tHX+RkpsXVcc7st4dSdDGliI+r4aAQDuv+v3vFYHixb6YgjreG5AG4SEB0kDK8u2s6htqEEpKlkhSBUTvWKYnA==
   dependencies:
     cosmiconfig "^9.0.0"
-    jiti "^1.20.0"
-    semver "^7.5.4"
+    jiti "^2.5.1"
+    semver "^7.6.2"
 
-postcss-logical@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-8.0.0.tgz#0db0b90c2dc53b485a8074a4b7a906297544f58d"
-  integrity sha512-HpIdsdieClTjXLOyYdUPAX/XQASNIwdKt5hoZW08ZOAiI+tbV0ta1oclkpVkW5ANU+xJvk3KkA0FejkjGLXUkg==
+postcss-logical@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-9.0.0.tgz#76d09cf580aef4af7987a63a69675e8a84feffa4"
+  integrity sha512-A4LNd9dk3q/juEUA9Gd8ALhBO3TeOeYurnyHLlf2aAToD94VHR8c5Uv7KNmf8YVRhTxvWsyug4c5fKtARzyIRQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -10835,9 +10942,9 @@ postcss-minify-selectors@^7.0.5:
     postcss-selector-parser "^7.1.0"
 
 postcss-mixins@^12.0.0:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-mixins/-/postcss-mixins-12.0.0.tgz#1eeb8a7313a45d0b707a294640c612cc70a336d9"
-  integrity sha512-br7vXwoA5niiQAW3BLgd66xoGie/JJ1O4k7uLDbb+fbdYFXouxAjppIkBZDpPtSIzx63WeVXRGEYStSYa5kQmw==
+  version "12.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-mixins/-/postcss-mixins-12.1.2.tgz#8a82ccad16eb60525ebcd2a8eec5721230a9ca14"
+  integrity sha512-90pSxmZVfbX9e5xCv7tI5RV1mnjdf16y89CJKbf/hD7GyOz1FCxcYMl8ZYA8Hc56dbApTKKmU9HfvgfWdCxlwg==
   dependencies:
     postcss-js "^4.0.1"
     postcss-simple-vars "^7.0.1"
@@ -10850,20 +10957,20 @@ postcss-modules-extract-imports@^3.1.0:
   integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==
 
 postcss-modules-local-by-default@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz#f1b9bd757a8edf4d8556e8d0f4f894260e3df78f"
-  integrity sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz#d150f43837831dae25e4085596e84f6f5d6ec368"
+  integrity sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==
   dependencies:
     icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
+    postcss-selector-parser "^7.0.0"
     postcss-value-parser "^4.1.0"
 
 postcss-modules-scope@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz#a43d28289a169ce2c15c00c4e64c0858e43457d5"
-  integrity sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ==
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz#1bbccddcb398f1d7a511e0a2d1d047718af4078c"
+  integrity sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==
   dependencies:
-    postcss-selector-parser "^6.0.4"
+    postcss-selector-parser "^7.0.0"
 
 postcss-modules-values@^4.0.0:
   version "4.0.0"
@@ -10879,14 +10986,14 @@ postcss-nested@^7.0.0:
   dependencies:
     postcss-selector-parser "^7.0.0"
 
-postcss-nesting@^13.0.1:
-  version "13.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-13.0.1.tgz#c405796d7245a3e4c267a9956cacfe9670b5d43e"
-  integrity sha512-VbqqHkOBOt4Uu3G8Dm8n6lU5+9cJFxiuty9+4rcoyRPO9zZS1JIs6td49VIoix3qYqELHlJIn46Oih9SAKo+yQ==
+postcss-nesting@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-14.0.0.tgz#5400139a425da2ca8228bc406e67e0e8d344b137"
+  integrity sha512-YGFOfVrjxYfeGTS5XctP1WCI5hu8Lr9SmntjfRC+iX5hCihEO+QZl9Ra+pkjqkgoVdDKvb2JccpElcowhZtzpw==
   dependencies:
-    "@csstools/selector-resolve-nested" "^3.0.0"
-    "@csstools/selector-specificity" "^5.0.0"
-    postcss-selector-parser "^7.0.0"
+    "@csstools/selector-resolve-nested" "^4.0.0"
+    "@csstools/selector-specificity" "^6.0.0"
+    postcss-selector-parser "^7.1.1"
 
 postcss-normalize-charset@^7.0.1:
   version "7.0.1"
@@ -10963,10 +11070,10 @@ postcss-ordered-values@^7.0.2:
     cssnano-utils "^5.0.1"
     postcss-value-parser "^4.2.0"
 
-postcss-overflow-shorthand@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-6.0.0.tgz#f5252b4a2ee16c68cd8a9029edb5370c4a9808af"
-  integrity sha512-BdDl/AbVkDjoTofzDQnwDdm/Ym6oS9KgmO7Gr+LHYjNWJ6ExORe4+3pcLQsLA9gIROMkiGVjjwZNoL/mpXHd5Q==
+postcss-overflow-shorthand@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-7.0.0.tgz#f7f804104d3265cc1f03d34e1980801f162267b7"
+  integrity sha512-9SLpjoUdGRoRrzoOdX66HbUs0+uDwfIAiXsRa7piKGOqPd6F4ZlON9oaDSP5r1Qpgmzw5L9Ht0undIK6igJPMA==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -10975,88 +11082,97 @@ postcss-page-break@^3.0.4:
   resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
   integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
 
-postcss-place@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-10.0.0.tgz#ba36ee4786ca401377ced17a39d9050ed772e5a9"
-  integrity sha512-5EBrMzat2pPAxQNWYavwAfoKfYcTADJ8AXGVPcUZ2UkNloUTWzJQExgrzrDkh3EKzmAx1evfTAzF9I8NGcc+qw==
+postcss-place@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-11.0.0.tgz#65badc5529560e38298c7cc99b99ffad228518f2"
+  integrity sha512-fAifpyjQ+fuDRp2nmF95WbotqbpjdazebedahXdfBxy5sHembOLpBQ1cHveZD9ZmjK26tYM8tikeNaUlp/KfHA==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-preset-env@^10.0.0:
-  version "10.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-10.1.3.tgz#7d07adef2237a643162e751b00eb1e339aa3b82e"
-  integrity sha512-9qzVhcMFU/MnwYHyYpJz4JhGku/4+xEiPTmhn0hj3IxnUYlEF9vbh7OC1KoLAnenS6Fgg43TKNp9xcuMeAi4Zw==
+postcss-preset-env@^11.0.0:
+  version "11.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-11.1.2.tgz#4cee51c8a10d2bf57c2f6cd77617e7212b186168"
+  integrity sha512-rtRQeKP7xZgAAE4YSxjYyX62qpgn9n7BczxtpA0AP4u9JYn1wfUhsd3ZmV9mi8IlU111aF1TtJMqT/QhmtAgLA==
   dependencies:
-    "@csstools/postcss-cascade-layers" "^5.0.1"
-    "@csstools/postcss-color-function" "^4.0.7"
-    "@csstools/postcss-color-mix-function" "^3.0.7"
-    "@csstools/postcss-content-alt-text" "^2.0.4"
-    "@csstools/postcss-exponential-functions" "^2.0.6"
-    "@csstools/postcss-font-format-keywords" "^4.0.0"
-    "@csstools/postcss-gamut-mapping" "^2.0.7"
-    "@csstools/postcss-gradients-interpolation-method" "^5.0.7"
-    "@csstools/postcss-hwb-function" "^4.0.7"
-    "@csstools/postcss-ic-unit" "^4.0.0"
-    "@csstools/postcss-initial" "^2.0.0"
-    "@csstools/postcss-is-pseudo-class" "^5.0.1"
-    "@csstools/postcss-light-dark-function" "^2.0.7"
-    "@csstools/postcss-logical-float-and-clear" "^3.0.0"
-    "@csstools/postcss-logical-overflow" "^2.0.0"
-    "@csstools/postcss-logical-overscroll-behavior" "^2.0.0"
-    "@csstools/postcss-logical-resize" "^3.0.0"
-    "@csstools/postcss-logical-viewport-units" "^3.0.3"
-    "@csstools/postcss-media-minmax" "^2.0.6"
-    "@csstools/postcss-media-queries-aspect-ratio-number-values" "^3.0.4"
-    "@csstools/postcss-nested-calc" "^4.0.0"
-    "@csstools/postcss-normalize-display-values" "^4.0.0"
-    "@csstools/postcss-oklab-function" "^4.0.7"
-    "@csstools/postcss-progressive-custom-properties" "^4.0.0"
-    "@csstools/postcss-random-function" "^1.0.2"
-    "@csstools/postcss-relative-color-syntax" "^3.0.7"
-    "@csstools/postcss-scope-pseudo-class" "^4.0.1"
-    "@csstools/postcss-sign-functions" "^1.1.1"
-    "@csstools/postcss-stepped-value-functions" "^4.0.6"
-    "@csstools/postcss-text-decoration-shorthand" "^4.0.1"
-    "@csstools/postcss-trigonometric-functions" "^4.0.6"
-    "@csstools/postcss-unset-value" "^4.0.0"
-    autoprefixer "^10.4.19"
-    browserslist "^4.23.1"
-    css-blank-pseudo "^7.0.1"
-    css-has-pseudo "^7.0.2"
-    css-prefers-color-scheme "^10.0.0"
-    cssdb "^8.2.3"
-    postcss-attribute-case-insensitive "^7.0.1"
+    "@csstools/postcss-alpha-function" "^2.0.2"
+    "@csstools/postcss-cascade-layers" "^6.0.0"
+    "@csstools/postcss-color-function" "^5.0.1"
+    "@csstools/postcss-color-function-display-p3-linear" "^2.0.1"
+    "@csstools/postcss-color-mix-function" "^4.0.1"
+    "@csstools/postcss-color-mix-variadic-function-arguments" "^2.0.1"
+    "@csstools/postcss-content-alt-text" "^3.0.0"
+    "@csstools/postcss-contrast-color-function" "^3.0.1"
+    "@csstools/postcss-exponential-functions" "^3.0.0"
+    "@csstools/postcss-font-format-keywords" "^5.0.0"
+    "@csstools/postcss-gamut-mapping" "^3.0.1"
+    "@csstools/postcss-gradients-interpolation-method" "^6.0.1"
+    "@csstools/postcss-hwb-function" "^5.0.1"
+    "@csstools/postcss-ic-unit" "^5.0.0"
+    "@csstools/postcss-initial" "^3.0.0"
+    "@csstools/postcss-is-pseudo-class" "^6.0.0"
+    "@csstools/postcss-light-dark-function" "^3.0.0"
+    "@csstools/postcss-logical-float-and-clear" "^4.0.0"
+    "@csstools/postcss-logical-overflow" "^3.0.0"
+    "@csstools/postcss-logical-overscroll-behavior" "^3.0.0"
+    "@csstools/postcss-logical-resize" "^4.0.0"
+    "@csstools/postcss-logical-viewport-units" "^4.0.0"
+    "@csstools/postcss-media-minmax" "^3.0.0"
+    "@csstools/postcss-media-queries-aspect-ratio-number-values" "^4.0.0"
+    "@csstools/postcss-mixins" "^1.0.0"
+    "@csstools/postcss-nested-calc" "^5.0.0"
+    "@csstools/postcss-normalize-display-values" "^5.0.1"
+    "@csstools/postcss-oklab-function" "^5.0.1"
+    "@csstools/postcss-position-area-property" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^5.0.0"
+    "@csstools/postcss-property-rule-prelude-list" "^2.0.0"
+    "@csstools/postcss-random-function" "^3.0.0"
+    "@csstools/postcss-relative-color-syntax" "^4.0.1"
+    "@csstools/postcss-scope-pseudo-class" "^5.0.0"
+    "@csstools/postcss-sign-functions" "^2.0.0"
+    "@csstools/postcss-stepped-value-functions" "^5.0.0"
+    "@csstools/postcss-syntax-descriptor-syntax-production" "^2.0.0"
+    "@csstools/postcss-system-ui-font-family" "^2.0.0"
+    "@csstools/postcss-text-decoration-shorthand" "^5.0.1"
+    "@csstools/postcss-trigonometric-functions" "^5.0.0"
+    "@csstools/postcss-unset-value" "^5.0.0"
+    autoprefixer "^10.4.23"
+    browserslist "^4.28.1"
+    css-blank-pseudo "^8.0.1"
+    css-has-pseudo "^8.0.0"
+    css-prefers-color-scheme "^11.0.0"
+    cssdb "^8.7.0"
+    postcss-attribute-case-insensitive "^8.0.0"
     postcss-clamp "^4.1.0"
-    postcss-color-functional-notation "^7.0.7"
-    postcss-color-hex-alpha "^10.0.0"
-    postcss-color-rebeccapurple "^10.0.0"
-    postcss-custom-media "^11.0.5"
-    postcss-custom-properties "^14.0.4"
-    postcss-custom-selectors "^8.0.4"
-    postcss-dir-pseudo-class "^9.0.1"
-    postcss-double-position-gradients "^6.0.0"
-    postcss-focus-visible "^10.0.1"
-    postcss-focus-within "^9.0.1"
+    postcss-color-functional-notation "^8.0.1"
+    postcss-color-hex-alpha "^11.0.0"
+    postcss-color-rebeccapurple "^11.0.0"
+    postcss-custom-media "^12.0.0"
+    postcss-custom-properties "^15.0.0"
+    postcss-custom-selectors "^9.0.0"
+    postcss-dir-pseudo-class "^10.0.0"
+    postcss-double-position-gradients "^7.0.0"
+    postcss-focus-visible "^11.0.0"
+    postcss-focus-within "^10.0.0"
     postcss-font-variant "^5.0.0"
-    postcss-gap-properties "^6.0.0"
-    postcss-image-set-function "^7.0.0"
-    postcss-lab-function "^7.0.7"
-    postcss-logical "^8.0.0"
-    postcss-nesting "^13.0.1"
+    postcss-gap-properties "^7.0.0"
+    postcss-image-set-function "^8.0.0"
+    postcss-lab-function "^8.0.1"
+    postcss-logical "^9.0.0"
+    postcss-nesting "^14.0.0"
     postcss-opacity-percentage "^3.0.0"
-    postcss-overflow-shorthand "^6.0.0"
+    postcss-overflow-shorthand "^7.0.0"
     postcss-page-break "^3.0.4"
-    postcss-place "^10.0.0"
-    postcss-pseudo-class-any-link "^10.0.1"
+    postcss-place "^11.0.0"
+    postcss-pseudo-class-any-link "^11.0.0"
     postcss-replace-overflow-wrap "^4.0.0"
-    postcss-selector-not "^8.0.1"
+    postcss-selector-not "^9.0.0"
 
-postcss-pseudo-class-any-link@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-10.0.1.tgz#06455431171bf44b84d79ebaeee9fd1c05946544"
-  integrity sha512-3el9rXlBOqTFaMFkWDOkHUTQekFIYnaQY55Rsp8As8QQkpiSgIYEcF/6Ond93oHiDsGb4kad8zjt+NPlOC1H0Q==
+postcss-pseudo-class-any-link@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-11.0.0.tgz#3d80d934b5b1e0d67de1458b5b433a582d2d19a2"
+  integrity sha512-DNFZ4GMa3C3pU5dM+UCTG1CEeLtS1ZqV5DKSqCTJQMn1G5jnd/30fS8+A7H4o5bSD3MOcnx+VgI+xPE9Z5Wvig==
   dependencies:
-    postcss-selector-parser "^7.0.0"
+    postcss-selector-parser "^7.1.1"
 
 postcss-reduce-initial@^7.0.5:
   version "7.0.5"
@@ -11093,20 +11209,12 @@ postcss-scss@^4.0.4:
   resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
   integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
 
-postcss-selector-not@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-8.0.1.tgz#f2df9c6ac9f95e9fe4416ca41a957eda16130172"
-  integrity sha512-kmVy/5PYVb2UOhy0+LqUYAhKj7DUGDpSWa5LZqlkWJaaAV+dxxsOG3+St0yNLu6vsKD7Dmqx+nWQt0iil89+WA==
+postcss-selector-not@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-9.0.0.tgz#ce526f2806a9a075243d1cdb26e891abd6000e31"
+  integrity sha512-xhAtTdHnVU2M/CrpYOPyRUvg3njhVlKmn2GNYXDaRJV9Ygx4d5OkSkc7NINzjUqnbDFtaKXlISOBeyMXU/zyFQ==
   dependencies:
-    postcss-selector-parser "^7.0.0"
-
-postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
+    postcss-selector-parser "^7.1.1"
 
 postcss-selector-parser@^7.0.0, postcss-selector-parser@^7.1.0, postcss-selector-parser@^7.1.1:
   version "7.1.1"
@@ -11141,25 +11249,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.4.46:
-  version "8.4.46"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.46.tgz#d526f2126b6ace463e9b3c1cbdad040fb040ea22"
-  integrity sha512-73x4XLhY0QNN+87/u6F7TRq+yl3xPAjlbRRvhly1mAKJgNO4q5fiqegez/Yi3u+ez8wbBXXqY9N1+RAJAVCzEw==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.1.0"
-    source-map-js "^1.2.1"
-
-postcss@^8.3.11, postcss@^8.4.33:
-  version "8.4.47"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
-  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.1.0"
-    source-map-js "^1.2.1"
-
-postcss@^8.4.40, postcss@^8.5.6:
+postcss@8.5.6, postcss@^8.4.40, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -11168,36 +11258,53 @@ postcss@^8.4.40, postcss@^8.5.6:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
-posthog-js@1.302.2:
-  version "1.302.2"
-  resolved "https://registry.yarnpkg.com/posthog-js/-/posthog-js-1.302.2.tgz#149ab7d511106541d7056bf239094c425fb4ef0a"
-  integrity sha512-4voih22zQe7yHA7DynlQ3B7kgzJOaKIjzV7K3jJ2Qf+UDXd1ZgO7xYmLWYVtuKEvD1OXHbKk/fPhUTZeHEWpBw==
+postcss@^8.3.11:
+  version "8.4.47"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
   dependencies:
-    "@posthog/core" "1.7.1"
+    nanoid "^3.3.7"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
+
+posthog-js@1.336.4:
+  version "1.336.4"
+  resolved "https://registry.yarnpkg.com/posthog-js/-/posthog-js-1.336.4.tgz#bfe8f7eece121b8a020dd855a89eb965dc01d623"
+  integrity sha512-NX81XaqOjS/gue3UsbAAuJxi6vD0AGy1HUvywBIhAArCwbTXKS04NhEFwUcYJdrmwXUf94MntEIWGoc1pTFDtg==
+  dependencies:
+    "@opentelemetry/api" "^1.9.0"
+    "@opentelemetry/api-logs" "^0.208.0"
+    "@opentelemetry/exporter-logs-otlp-http" "^0.208.0"
+    "@opentelemetry/resources" "^2.2.0"
+    "@opentelemetry/sdk-logs" "^0.208.0"
+    "@posthog/core" "1.17.0"
+    "@posthog/types" "1.336.4"
     core-js "^3.38.1"
+    dompurify "^3.3.1"
     fflate "^0.4.8"
-    preact "^10.19.3"
-    web-vitals "^4.2.4"
+    preact "^10.28.2"
+    query-selector-shadow-dom "^1.0.1"
+    web-vitals "^5.1.0"
 
 potpack@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/potpack/-/potpack-2.1.0.tgz#fe548e2f9061e9937f17191c1ab6dd98ca30e02f"
   integrity sha512-pcaShQc1Shq0y+E7GqJqvZj8DTthWV1KeHGdi0Z6IAin2Oi3JnLCOfwnCo84qc+HAp52wT9nK9H7FAJp5a44GQ==
 
-preact@^10.19.3:
-  version "10.24.3"
-  resolved "https://registry.yarnpkg.com/preact/-/preact-10.24.3.tgz#086386bd47071e3b45410ef20844c21e23828f64"
-  integrity sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==
+preact@^10.28.2:
+  version "10.28.3"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.28.3.tgz#3c2171526b3e29628ad1a6c56a9e3ca867bbdee8"
+  integrity sha512-tCmoRkPQLpBeWzpmbhryairGnhW9tKV6c6gr/w+RhoRoKEJwsjzipwp//1oCpGPOchvSLaAPlpcJi9MwMmoPyA==
 
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier@3.7.4:
-  version "3.7.4"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.7.4.tgz#d2f8335d4b1cec47e1c8098645411b0c9dff9c0f"
-  integrity sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==
+prettier@3.8.1:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.8.1.tgz#edf48977cf991558f4fcbd8a3ba6015ba2a3a173"
+  integrity sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==
 
 prettier@^2.6.2:
   version "2.8.8"
@@ -11270,7 +11377,7 @@ properties-reader@^2.3.0:
   dependencies:
     mkdirp "^1.0.4"
 
-protobufjs@^7.2.5, protobufjs@^7.3.2, protobufjs@^7.5.3:
+protobufjs@^7.2.5, protobufjs@^7.3.0, protobufjs@^7.3.2, protobufjs@^7.5.3:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.5.4.tgz#885d31fe9c4b37f25d1bb600da30b1c5b37d286a"
   integrity sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==
@@ -11331,17 +11438,24 @@ pvtsutils@^1.3.2, pvtsutils@^1.3.5:
   dependencies:
     tslib "^2.6.1"
 
-pvutils@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/pvutils/-/pvutils-1.1.3.tgz#f35fc1d27e7cd3dfbd39c0826d173e806a03f5a3"
-  integrity sha512-pMpnA0qRdFp32b1sJl1wOJNxZLQ2cbQx+k6tjNtZ8CpvVhNqEPRgivZ2WOUev2YMajecdH7ctUPDvEe87nariQ==
-
-qified@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/qified/-/qified-0.5.3.tgz#2d01866eb99c8de3a18965a4a809d9349e26210a"
-  integrity sha512-kXuQdQTB6oN3KhI6V4acnBSZx8D2I4xzZvn9+wFLLFCoBNQY/sFnCW6c43OL7pOQ2HvGV4lnWIXNmgfp7cTWhQ==
+pvtsutils@^1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/pvtsutils/-/pvtsutils-1.3.6.tgz#ec46e34db7422b9e4fdc5490578c1883657d6001"
+  integrity sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==
   dependencies:
-    hookified "^1.13.0"
+    tslib "^2.8.1"
+
+pvutils@^1.1.3:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/pvutils/-/pvutils-1.1.5.tgz#84b0dea4a5d670249aa9800511804ee0b7c2809c"
+  integrity sha512-KTqnxsgGiQ6ZAzZCVlJH5eOjSnvlyEgx1m8bkRJfOhmGRqfo5KLvmAlACQkrjEtOQ4B7wF9TdSLIs9O90MX9xA==
+
+qified@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/qified/-/qified-0.6.0.tgz#a9c33f51fa37d03003065638bb7dff45d7a81297"
+  integrity sha512-tsSGN1x3h569ZSU1u6diwhltLyfUWDp3YbFHedapTmpBl0B3P6U3+Qptg7xu+v+1io1EwhdPyyRHYbEw0KN2FA==
+  dependencies:
+    hookified "^1.14.0"
 
 qrcode@1.5.4:
   version "1.5.4"
@@ -11352,13 +11466,6 @@ qrcode@1.5.4:
     pngjs "^5.0.0"
     yargs "^15.3.1"
 
-qs@6.13.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.13.0.tgz#6ca3bd58439f7e245655798997787b0d88a51906"
-  integrity sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==
-  dependencies:
-    side-channel "^1.0.6"
-
 qs@^6.14.0:
   version "6.14.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.0.tgz#c63fa40680d2c5c941412a0e899c89af60c0a930"
@@ -11366,10 +11473,17 @@ qs@^6.14.0:
   dependencies:
     side-channel "^1.1.0"
 
-querystring@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.1.tgz#40d77615bb09d16902a85c3e38aa8b5ed761c2dd"
-  integrity sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==
+qs@~6.14.0:
+  version "6.14.1"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.1.tgz#a41d85b9d3902f31d27861790506294881871159"
+  integrity sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==
+  dependencies:
+    side-channel "^1.1.0"
+
+query-selector-shadow-dom@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/query-selector-shadow-dom/-/query-selector-shadow-dom-1.0.1.tgz#1c7b0058eff4881ac44f45d8f84ede32e9a2f349"
+  integrity sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==
 
 queue-microtask@^1.2.2:
   version "1.2.3"
@@ -11398,16 +11512,6 @@ range-parser@^1.2.1, range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raw-body@2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
-  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
-  dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
 raw-body@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-3.0.2.tgz#3e3ada5ae5568f9095d84376fd3a49b8fb000a51"
@@ -11418,6 +11522,16 @@ raw-body@^3.0.1:
     iconv-lite "~0.7.0"
     unpipe "~1.0.0"
 
+raw-body@~2.5.3:
+  version "2.5.3"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.3.tgz#11c6650ee770a7de1b494f197927de0c923822e2"
+  integrity sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==
+  dependencies:
+    bytes "~3.1.2"
+    http-errors "~2.0.1"
+    iconv-lite "~0.4.24"
+    unpipe "~1.0.0"
+
 raw-loader@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-4.0.2.tgz#1aac6b7d1ad1501e66efdac1522c73e59a584eb6"
@@ -11456,31 +11570,10 @@ react-clientside-effect@^1.2.7:
   dependencies:
     "@babel/runtime" "^7.12.13"
 
-react-docgen-typescript@^2.2.2:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-2.4.0.tgz#033428b4a6a639d050ac8baf2a5195c596521713"
-  integrity sha512-ZtAp5XTO5HRzQctjPU0ybY0RRCQO19X/8fxn3w7y2VVTUbGHDKULPTL4ky3vB05euSgG5NpALhEhDPvQ56wvXg==
-
-react-docgen@^8.0.0, react-docgen@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-8.0.2.tgz#450efcac75813e3d614d7bd15eb4066e2e7bcbf5"
-  integrity sha512-+NRMYs2DyTP4/tqWz371Oo50JqmWltR1h2gcdgUMAWZJIAvrd0/SqlCfx7tpzpl/s36rzw6qH2MjoNrxtRNYhA==
-  dependencies:
-    "@babel/core" "^7.28.0"
-    "@babel/traverse" "^7.28.0"
-    "@babel/types" "^7.28.2"
-    "@types/babel__core" "^7.20.5"
-    "@types/babel__traverse" "^7.20.7"
-    "@types/doctrine" "^0.0.9"
-    "@types/resolve" "^1.20.2"
-    doctrine "^3.0.0"
-    resolve "^1.22.1"
-    strip-indent "^4.0.0"
-
 react-dom@^19.0.0:
-  version "19.2.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.2.1.tgz#ce3527560bda4f997e47d10dab754825b3061f59"
-  integrity sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-19.2.4.tgz#6fac6bd96f7db477d966c7ec17c1a2b1ad8e6591"
+  integrity sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==
   dependencies:
     scheduler "^0.27.0"
 
@@ -11496,10 +11589,10 @@ react-focus-lock@^2.5.1:
     use-callback-ref "^1.3.3"
     use-sidecar "^1.1.3"
 
-react-is@19.2.1, react-is@^17.0.1, react-is@^18.3.1:
-  version "19.2.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.2.1.tgz#712fa6ee30c8398dc34260017325dad92b9224c5"
-  integrity sha512-L7BnWgRbMwzMAubQcS7sXdPdNLmKlucPlopgAzx7FtYbksWZgEWiuYM5x9T6UqS2Ne0rsgQTq5kY2SGqpzUkYA==
+react-is@19.2.4, react-is@^17.0.1, react-is@^18.3.1:
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.2.4.tgz#a080758243c572ccd4a63386537654298c99d135"
+  integrity sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==
 
 react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
@@ -11552,10 +11645,10 @@ react-remove-scroll@^2.6.3:
     use-callback-ref "^1.3.3"
     use-sidecar "^1.1.3"
 
-react-string-replace@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/react-string-replace/-/react-string-replace-1.1.1.tgz#8413a598c60e397fe77df3464f2889f00ba25989"
-  integrity sha512-26TUbLzLfHQ5jO5N7y3Mx88eeKo0Ml0UjCQuX4BMfOd/JX+enQqlKpL1CZnmjeBRvQE8TR+ds9j1rqx9CxhKHQ==
+react-string-replace@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/react-string-replace/-/react-string-replace-2.0.1.tgz#a2a77b058dd9e339cb5c1686e0d66e85cf294b7a"
+  integrity sha512-J7y/IxZkwhOgCexu6GtkNH2FIa9f/z6ykvK1YXS8VLIdvcP8Vyx3LAUFsfIFvq3aQbmin2d+clFR1J50LnR2yA==
 
 react-style-singleton@^2.2.2, react-style-singleton@^2.2.3:
   version "2.2.3"
@@ -11576,14 +11669,14 @@ react-transition-group@^4.4.1:
     prop-types "^15.6.2"
 
 react-virtuoso@^4.14.0:
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/react-virtuoso/-/react-virtuoso-4.17.0.tgz#e81f2da99792cfd9317e910b243d847ebeb09248"
-  integrity sha512-od3pi2v13v31uzn5zPXC2u3ouISFCVhjFVFch2VvS2Cx7pWA2F1aJa3XhNTN2F07M3lhfnMnsmGeH+7wZICr7w==
+  version "4.18.1"
+  resolved "https://registry.yarnpkg.com/react-virtuoso/-/react-virtuoso-4.18.1.tgz#3eb7078f2739a31b96c723374019e587deeb6ebc"
+  integrity sha512-KF474cDwaSb9+SJ380xruBB4P+yGWcVkcu26HtMqYNMTYlYbrNy8vqMkE+GpAApPPufJqgOLMoWMFG/3pJMXUA==
 
 react@^19.0.0:
-  version "19.2.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-19.2.1.tgz#8600fa205e58e2e807f6ef431c9f6492591a2700"
-  integrity sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==
+  version "19.2.4"
+  resolved "https://registry.yarnpkg.com/react/-/react-19.2.4.tgz#438e57baa19b77cb23aab516cf635cd0579ee09a"
+  integrity sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==
 
 read-cache@^1.0.0:
   version "1.0.0"
@@ -11663,17 +11756,6 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-recast@^0.23.5:
-  version "0.23.11"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.23.11.tgz#8885570bb28cf773ba1dc600da7f502f7883f73f"
-  integrity sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==
-  dependencies:
-    ast-types "^0.16.1"
-    esprima "~4.0.0"
-    source-map "~0.6.1"
-    tiny-invariant "^1.3.3"
-    tslib "^2.0.1"
-
 rechoir@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
@@ -11701,6 +11783,11 @@ reflect-metadata@^0.1.13:
   resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.1.14.tgz#24cf721fe60677146bb77eeb0e1f9dece3d65859"
   integrity sha512-ZhYeb6nRaXCfhnndflDK8qI6ZQ/YcWZCISRAWICW9XYqMUwjZM9Z0DveWX/ABN01oxSHwVxKQmxeYZSsm0jh5A==
 
+reflect-metadata@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/reflect-metadata/-/reflect-metadata-0.2.2.tgz#400c845b6cba87a21f2c65c4aeb158f4fa4d9c5b"
+  integrity sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==
+
 reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
@@ -11744,6 +11831,11 @@ regexp.prototype.flags@^1.5.3, regexp.prototype.flags@^1.5.4:
     gopd "^1.2.0"
     set-function-name "^2.0.2"
 
+regexparam@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/regexparam/-/regexparam-3.0.0.tgz#1673e09d41cb7fd41eaafd4040a6aa90daa0a21a"
+  integrity sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==
+
 regexpu-core@^6.3.1:
   version "6.4.0"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.4.0.tgz#3580ce0c4faedef599eccb146612436b62a176e5"
@@ -11849,7 +11941,7 @@ resolve@^1.1.7, resolve@^1.10.0, resolve@^1.20.0:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.22.1, resolve@^1.22.10, resolve@^1.22.8:
+resolve@^1.22.11, resolve@^1.22.8:
   version "1.22.11"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.11.tgz#aad857ce1ffb8bfa9b0b1ac29f1156383f68c262"
   integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
@@ -12027,9 +12119,9 @@ sanitize-html@2.17.0:
     postcss "^8.3.11"
 
 sax@^1.4.1:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.3.tgz#fcebae3b756cdc8428321805f4b70f16ec0ab5db"
-  integrity sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.4.tgz#f29c2bba80ce5b86f4343b4c2be9f2b96627cf8b"
+  integrity sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==
 
 saxes@^6.0.0:
   version "6.0.0"
@@ -12052,17 +12144,7 @@ schema-utils@^3.0.0:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
-schema-utils@^4.0.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.2.tgz#0c10878bf4a73fd2b1dfd14b9462b26788c806ae"
-  integrity sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==
-  dependencies:
-    "@types/json-schema" "^7.0.9"
-    ajv "^8.9.0"
-    ajv-formats "^2.1.1"
-    ajv-keywords "^5.1.0"
-
-schema-utils@^4.2.0, schema-utils@^4.3.0, schema-utils@^4.3.3:
+schema-utils@^4.0.0, schema-utils@^4.2.0, schema-utils@^4.3.0, schema-utils@^4.3.3:
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.3.tgz#5b1850912fa31df90716963d45d9121fdfc09f46"
   integrity sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==
@@ -12087,13 +12169,13 @@ select-hose@^2.0.0:
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
   integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
 
-selfsigned@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0"
-  integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==
+selfsigned@^5.5.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-5.5.0.tgz#4c9ab7c7c9f35f18fb6a9882c253eb0e6bd6557b"
+  integrity sha512-ftnu3TW4+3eBfLRFnDEkzGxSF/10BJBkaLJuBHZX0kiPS7bRdlpZGu6YGt4KngMkdTwJE6MbjavFpqHvqVt+Ew==
   dependencies:
-    "@types/node-forge" "^1.3.0"
-    node-forge "^1"
+    "@peculiar/x509" "^1.14.2"
+    pkijs "^3.3.3"
 
 "semver@2 || 3 || 4 || 5":
   version "5.7.2"
@@ -12105,30 +12187,11 @@ semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0, semver@^7.6.2, semver@^7.6.3, semver@^7.7.2:
+semver@^7.5.2, semver@^7.5.3, semver@^7.5.4, semver@^7.6.2, semver@^7.6.3, semver@^7.7.2, semver@^7.7.3:
   version "7.7.3"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
   integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
 
-send@0.19.0:
-  version "0.19.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
-  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
-  dependencies:
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    mime "1.6.0"
-    ms "2.1.3"
-    on-finished "2.4.1"
-    range-parser "~1.2.1"
-    statuses "2.0.1"
-
 send@^1.1.0, send@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/send/-/send-1.2.0.tgz#32a7554fb777b831dfa828370f773a3808d37212"
@@ -12146,6 +12209,25 @@ send@^1.1.0, send@^1.2.0:
     range-parser "^1.2.1"
     statuses "^2.0.1"
 
+send@~0.19.0, send@~0.19.1:
+  version "0.19.2"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.2.tgz#59bc0da1b4ea7ad42736fd642b1c4294e114ff29"
+  integrity sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "~0.5.2"
+    http-errors "~2.0.1"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "~2.4.1"
+    range-parser "~1.2.1"
+    statuses "~2.0.2"
+
 serialize-javascript@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
@@ -12166,16 +12248,6 @@ serve-index@^1.9.1:
     mime-types "~2.1.17"
     parseurl "~1.3.2"
 
-serve-static@1.16.2:
-  version "1.16.2"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
-  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
-  dependencies:
-    encodeurl "~2.0.0"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.19.0"
-
 serve-static@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-2.2.0.tgz#9c02564ee259bdd2251b82d659a2e7e1938d66f9"
@@ -12186,6 +12258,16 @@ serve-static@^2.2.0:
     parseurl "^1.3.3"
     send "^1.2.0"
 
+serve-static@~1.16.2:
+  version "1.16.3"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.3.tgz#a97b74d955778583f3862a4f0b841eb4d5d78cf9"
+  integrity sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==
+  dependencies:
+    encodeurl "~2.0.0"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "~0.19.1"
+
 set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
@@ -12256,7 +12338,7 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@1.8.3, shell-quote@^1.8.1:
+shell-quote@1.8.3, shell-quote@^1.8.3:
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.3.tgz#55e40ef33cf5c689902353a3d8cd1a6725f08b4b"
   integrity sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==
@@ -12290,7 +12372,7 @@ side-channel-weakmap@^1.0.2:
     object-inspect "^1.13.3"
     side-channel-map "^1.0.1"
 
-side-channel@^1.0.6, side-channel@^1.1.0:
+side-channel@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
   integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
@@ -12311,10 +12393,10 @@ signal-exit@^4.0.1, signal-exit@^4.1.0:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
-sirv@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.4.tgz#5dd9a725c578e34e449f332703eb2a74e46a29b0"
-  integrity sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==
+sirv@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-3.0.2.tgz#f775fccf10e22a40832684848d636346f41cd970"
+  integrity sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==
   dependencies:
     "@polka/url" "^1.0.0-next.24"
     mrmime "^2.0.0"
@@ -12330,6 +12412,11 @@ slash@^3.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
+slash@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-5.1.0.tgz#be3adddcdf09ac38eebe8dcdc7b1a57a75b095ce"
+  integrity sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==
+
 slice-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
@@ -12348,9 +12435,9 @@ slice-ansi@^7.1.0:
     is-fullwidth-code-point "^5.0.0"
 
 smol-toml@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/smol-toml/-/smol-toml-1.5.2.tgz#70d4324d47b7cccbc67d611829c9b3f6d528b02f"
-  integrity sha512-QlaZEqcAH3/RtNyet1IPIYPsEWAaYyXXv1Krsi+1L/QHppjX4Ifm8MQsBISz9vE8cHicIq3clogsheili5vhaQ==
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/smol-toml/-/smol-toml-1.6.0.tgz#7911830b47bb3e87be536f939453e10c9e1dfd36"
+  integrity sha512-4zemZi0HvTnYwLfrpk/CF9LOd9Lt87kAt50GnqhMpyF9U3poDAP2+iukq2bZsO/ufegbYehBkqINbsWxj4l4cw==
 
 snake-case@^3.0.4:
   version "3.0.4"
@@ -12398,7 +12485,7 @@ source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@^0.6.0, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@~0.6.0:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -12493,17 +12580,12 @@ stack-utils@^2.0.6:
   dependencies:
     escape-string-regexp "^2.0.0"
 
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
 "statuses@>= 1.4.0 < 2":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
 
-statuses@^2.0.1, statuses@~2.0.2:
+statuses@^2.0.1, statuses@~2.0.1, statuses@~2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.2.tgz#8f75eecef765b5e1cfcdc080da59409ed424e382"
   integrity sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==
@@ -12516,24 +12598,6 @@ stop-iteration-iterator@^1.1.0:
     es-errors "^1.3.0"
     internal-slot "^1.1.0"
 
-storybook@^10.0.7:
-  version "10.1.10"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-10.1.10.tgz#9023e063f97cb2c38b4520e03d49336bcbf6661f"
-  integrity sha512-oK0t0jEogiKKfv5Z1ao4Of99+xWw1TMUGuGRYDQS4kp2yyBsJQEgu7NI7OLYsCDI6gzt5p3RPtl1lqdeVLUi8A==
-  dependencies:
-    "@storybook/global" "^5.0.0"
-    "@storybook/icons" "^2.0.0"
-    "@testing-library/jest-dom" "^6.6.3"
-    "@testing-library/user-event" "^14.6.1"
-    "@vitest/expect" "3.2.4"
-    "@vitest/spy" "3.2.4"
-    esbuild "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0"
-    open "^10.2.0"
-    recast "^0.23.5"
-    semver "^7.6.2"
-    use-sync-external-store "^1.5.0"
-    ws "^8.18.0"
-
 streamx@^2.15.0, streamx@^2.21.0:
   version "2.23.0"
   resolved "https://registry.yarnpkg.com/streamx/-/streamx-2.23.0.tgz#7d0f3d00d4a6c5de5728aecd6422b4008d66fd0b"
@@ -12591,6 +12655,14 @@ string-width@^8.0.0:
     get-east-asian-width "^1.3.0"
     strip-ansi "^7.1.0"
 
+string-width@^8.1.0:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-8.1.1.tgz#9b5aa0df72e3f232611c57fd47eb41dd97866bd3"
+  integrity sha512-KpqHIdDL9KwYk22wEOg/VIqYbrnLeSApsKT/bSj6Ez7pn3CftUiLAv2Lccpq1ALcpLV9UX1Ppn92npZWu2w/aw==
+  dependencies:
+    get-east-asian-width "^1.3.0"
+    strip-ansi "^7.1.0"
+
 string.prototype.includes@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz#eceef21283640761a81dbe16d6c7171a4edf7d92"
@@ -12716,11 +12788,6 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-indent@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-4.1.1.tgz#aba13de189d4ad9a17f6050e76554ac27585c7af"
-  integrity sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==
-
 strip-json-comments@5.0.3:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-5.0.3.tgz#b7304249dd402ee67fd518ada993ab3593458bcf"
@@ -12753,22 +12820,22 @@ stylehacks@^7.0.5:
     browserslist "^4.27.0"
     postcss-selector-parser "^7.1.0"
 
-stylelint-config-recommended@^17.0.0:
-  version "17.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-17.0.0.tgz#4f77c70609b2d7093cc60bb48adfabdde434aa5d"
-  integrity sha512-WaMSdEiPfZTSFVoYmJbxorJfA610O0tlYuU2aEwY33UQhSPgFbClrVJYWvy3jGJx+XW37O+LyNLiZOEXhKhJmA==
+stylelint-config-recommended@^18.0.0:
+  version "18.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-18.0.0.tgz#1d86be73565c3cd5e6babb8abcc932012a86bd76"
+  integrity sha512-mxgT2XY6YZ3HWWe3Di8umG6aBmWmHTblTgu/f10rqFXnyWxjKWwNdjSWkgkwCtxIKnqjSJzvFmPT5yabVIRxZg==
 
-stylelint-config-standard@^39.0.0:
-  version "39.0.1"
-  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-39.0.1.tgz#dcd1c28400added09e566e85ffe8d480ae2531a2"
-  integrity sha512-b7Fja59EYHRNOTa3aXiuWnhUWXFU2Nfg6h61bLfAb5GS5fX3LMUD0U5t4S8N/4tpHQg3Acs2UVPR9jy2l1g/3A==
+stylelint-config-standard@^40.0.0:
+  version "40.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-40.0.0.tgz#6bb72b94f8be434cdf2902ba26b2167d572c5414"
+  integrity sha512-EznGJxOUhtWck2r6dJpbgAdPATIzvpLdK9+i5qPd4Lx70es66TkBPljSg4wN3Qnc6c4h2n+WbUrUynQ3fanjHw==
   dependencies:
-    stylelint-config-recommended "^17.0.0"
+    stylelint-config-recommended "^18.0.0"
 
-stylelint-scss@^6.0.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-6.13.0.tgz#0bffc5a2408b14097ce92bde54ff5ba6838c8bf5"
-  integrity sha512-kZPwFUJkfup2gP1enlrS2h9U5+T5wFoqzJ1n/56AlpwSj28kmFe7ww/QFydvPsg5gLjWchAwWWBLtterynZrOw==
+stylelint-scss@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-7.0.0.tgz#fae9346e6a1e15039422a7e46b3390e39508218d"
+  integrity sha512-H88kCC+6Vtzj76NsC8rv6x/LW8slBzIbyeSjsKVlS+4qaEJoDrcJR4L+8JdrR2ORdTscrBzYWiiT2jq6leYR1Q==
   dependencies:
     css-tree "^3.0.1"
     is-plain-object "^5.0.0"
@@ -12780,25 +12847,25 @@ stylelint-scss@^6.0.0:
     postcss-value-parser "^4.2.0"
 
 stylelint-value-no-unknown-custom-properties@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/stylelint-value-no-unknown-custom-properties/-/stylelint-value-no-unknown-custom-properties-6.0.1.tgz#526cc20344f4fc5e33231152767a432b6ed8f957"
-  integrity sha512-N60PTdaTknB35j6D4FhW0GL2LlBRV++bRpXMMldWMQZ240yFQaoltzlLY4lXXs7Z0J5mNUYZQ/gjyVtU2DhCMA==
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/stylelint-value-no-unknown-custom-properties/-/stylelint-value-no-unknown-custom-properties-6.1.1.tgz#9314e1bfe9a4cc511eb37190e0a5f29eb51760f5"
+  integrity sha512-eQ1zidKD5t9zMEaskjGUY4W47lH76qMlmsDSmCAPEwtaGzB4Ls7ORTfysC1D6hamp2zFC+vN1vpQ+GFz3Tw3lw==
   dependencies:
     postcss-value-parser "^4.2.0"
     resolve "^1.22.8"
 
-stylelint@^16.23.0:
-  version "16.26.1"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.26.1.tgz#7048accf9c3990dc074dff13c6f3cdc35c780c95"
-  integrity sha512-v20V59/crfc8sVTAtge0mdafI3AdnzQ2KsWe6v523L4OA1bJO02S7MO2oyXDCS6iWb9ckIPnqAFVItqSBQr7jw==
+stylelint@^17.0.0:
+  version "17.1.1"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-17.1.1.tgz#b5670bffd08f95f523a8a960771c40a8de4453b5"
+  integrity sha512-SBHVcLEcRF1M9OkD3oT0hT2PayDNLw2hd+aovmzfNQ2ys4Xd3oS9ZNizILWqhQvW802AqKN/vUTMwJqQYMBlWw==
   dependencies:
-    "@csstools/css-parser-algorithms" "^3.0.5"
-    "@csstools/css-syntax-patches-for-csstree" "^1.0.19"
-    "@csstools/css-tokenizer" "^3.0.4"
-    "@csstools/media-query-list-parser" "^4.0.3"
-    "@csstools/selector-specificity" "^5.0.0"
-    "@dual-bundle/import-meta-resolve" "^4.2.1"
-    balanced-match "^2.0.0"
+    "@csstools/css-parser-algorithms" "^4.0.0"
+    "@csstools/css-syntax-patches-for-csstree" "^1.0.25"
+    "@csstools/css-tokenizer" "^4.0.0"
+    "@csstools/media-query-list-parser" "^5.0.0"
+    "@csstools/selector-resolve-nested" "^4.0.0"
+    "@csstools/selector-specificity" "^6.0.0"
+    balanced-match "^3.0.1"
     colord "^2.9.3"
     cosmiconfig "^9.0.0"
     css-functions-list "^3.2.3"
@@ -12806,36 +12873,35 @@ stylelint@^16.23.0:
     debug "^4.4.3"
     fast-glob "^3.3.3"
     fastest-levenshtein "^1.0.16"
-    file-entry-cache "^11.1.1"
+    file-entry-cache "^11.1.2"
     global-modules "^2.0.0"
-    globby "^11.1.0"
+    globby "^16.1.0"
     globjoin "^0.1.4"
-    html-tags "^3.3.1"
+    html-tags "^5.1.0"
     ignore "^7.0.5"
+    import-meta-resolve "^4.2.0"
     imurmurhash "^0.1.4"
     is-plain-object "^5.0.0"
     known-css-properties "^0.37.0"
-    mathml-tag-names "^2.1.3"
-    meow "^13.2.0"
+    mathml-tag-names "^4.0.0"
+    meow "^14.0.0"
     micromatch "^4.0.8"
     normalize-path "^3.0.0"
     picocolors "^1.1.1"
     postcss "^8.5.6"
-    postcss-resolve-nested-selector "^0.1.6"
     postcss-safe-parser "^7.0.1"
-    postcss-selector-parser "^7.1.0"
+    postcss-selector-parser "^7.1.1"
     postcss-value-parser "^4.2.0"
-    resolve-from "^5.0.0"
-    string-width "^4.2.3"
-    supports-hyperlinks "^3.2.0"
+    string-width "^8.1.0"
+    supports-hyperlinks "^4.4.0"
     svg-tags "^1.0.0"
     table "^6.9.0"
-    write-file-atomic "^5.0.1"
+    write-file-atomic "^7.0.0"
 
 sugarss@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-5.0.0.tgz#a97ddc1b5a1598ba283a10b8d73da56a3848fe36"
-  integrity sha512-3//knMoF9btXcxHTbMRckIYjkEzSZ6pZjiaZ3wM6OIpUtQ06Uwqc0XgAr6jf+U74cLLTV/BEgmHWoeXPC+NhdQ==
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-5.0.1.tgz#55589d1b997cdb1f0d84a94ed7f002e708f909bc"
+  integrity sha512-ctS5RYCBVvPoZAnzIaX5QSShK8ZiZxD5HUqSxlusvEMC+QZQIPCPOIJg6aceFX+K2rf4+SH89eu++h1Zmsr2nw==
 
 super-regex@^0.2.0:
   version "0.2.0"
@@ -12860,20 +12926,25 @@ supports-color@8.1.1, supports-color@^8.0.0, supports-color@^8.1.1:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^7.0.0, supports-color@^7.1.0:
+supports-color@^10.2.2:
+  version "10.2.2"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-10.2.2.tgz#466c2978cc5cd0052d542a0b576461c2b802ebb4"
+  integrity sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==
+
+supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
     has-flag "^4.0.0"
 
-supports-hyperlinks@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-3.2.0.tgz#b8e485b179681dea496a1e7abdf8985bd3145461"
-  integrity sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig==
+supports-hyperlinks@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-4.4.0.tgz#b25ed8e5ef67388d1ce1e83029c07df19d36b870"
+  integrity sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg==
   dependencies:
-    has-flag "^4.0.0"
-    supports-color "^7.0.0"
+    has-flag "^5.0.1"
+    supports-color "^10.2.2"
 
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
@@ -13012,10 +13083,10 @@ temporal-spec@0.3.0:
   resolved "https://registry.yarnpkg.com/temporal-spec/-/temporal-spec-0.3.0.tgz#8c4210c575fb28ba0a1c2e02ad68d1be5956a11f"
   integrity sha512-n+noVpIqz4hYgFSMOSiINNOUOMFtV5cZQNCmmszA6GiVFVRt3G7AqVyhXjhCSmowvQn+NsGn+jMDMKJYHd3bSQ==
 
-terser-webpack-plugin@^5.3.11, terser-webpack-plugin@^5.3.9:
-  version "5.3.15"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.15.tgz#0a26860b765eaffa8e840170aabc5b3a3f6f6bb9"
-  integrity sha512-PGkOdpRFK+rb1TzVz+msVhw4YMRT9txLF4kRqvJhGhCM324xuR3REBSHALN+l+sAhKUmz0aotnjp5D+P83mLhQ==
+terser-webpack-plugin@^5.3.16, terser-webpack-plugin@^5.3.9:
+  version "5.3.16"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.16.tgz#741e448cc3f93d8026ebe4f7ef9e4afacfd56330"
+  integrity sha512-h9oBFCWrq78NyWWVcSwZarJkZ01c2AyGrzs1crmHZO3QUg9D61Wu4NPjBy69n7JqylFF5y+CsUZYmYEIZ3mR+Q==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.25"
     jest-worker "^27.4.5"
@@ -13024,9 +13095,9 @@ terser-webpack-plugin@^5.3.11, terser-webpack-plugin@^5.3.9:
     terser "^5.31.1"
 
 terser@^5.10.0, terser@^5.31.1:
-  version "5.44.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.44.1.tgz#e391e92175c299b8c284ad6ded609e37303b0a9c"
-  integrity sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==
+  version "5.46.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.46.0.tgz#1b81e560d584bbdd74a8ede87b4d9477b0ff9695"
+  integrity sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==
   dependencies:
     "@jridgewell/source-map" "^0.3.3"
     acorn "^8.15.0"
@@ -13042,10 +13113,10 @@ test-exclude@^6.0.0:
     glob "^7.1.4"
     minimatch "^3.0.4"
 
-testcontainers@^11.0.0, testcontainers@^11.9.0:
-  version "11.10.0"
-  resolved "https://registry.yarnpkg.com/testcontainers/-/testcontainers-11.10.0.tgz#879b445b763aa357a862770334943d75f2a60159"
-  integrity sha512-8hwK2EnrOZfrHPpDC7CPe03q7H8Vv8j3aXdcmFFyNV8dzpBzgZYmqyDtduJ8YQ5kbzj+A+jUXMQ6zI8B5U3z+g==
+testcontainers@^11.0.0, testcontainers@^11.11.0:
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/testcontainers/-/testcontainers-11.11.0.tgz#0f397cd3d2a71fc5e1573d36d78149ddb2e0ab3b"
+  integrity sha512-nKTJn3n/gkyGg/3SVkOwX+isPOGSHlfI+CWMobSmvQrsj7YW01aWvl2pYIfV4LMd+C8or783yYrzKSK2JlP+Qw==
   dependencies:
     "@balena/dockerignore" "^1.0.2"
     "@types/dockerode" "^3.3.47"
@@ -13075,10 +13146,10 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
-thingies@^1.20.0:
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/thingies/-/thingies-1.21.0.tgz#e80fbe58fd6fdaaab8fad9b67bd0a5c943c445c1"
-  integrity sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==
+thingies@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/thingies/-/thingies-2.5.0.tgz#5f7b882c933b85989f8466b528a6247a6881e04f"
+  integrity sha512-s+2Bwztg6PhWUD7XMfeYm5qliDdSiZm7M7n8KjTkIsm3l/2lgVRc2/Gx/v+ZX8lT4FMA+i8aQvhcWylldc+ZNw==
 
 thunky@^1.0.2:
   version "1.1.0"
@@ -13092,12 +13163,12 @@ time-span@^5.1.0:
   dependencies:
     convert-hrtime "^5.0.0"
 
-tiny-invariant@^1.0.6, tiny-invariant@^1.3.3:
+tiny-invariant@^1.0.6:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
   integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
 
-tinyglobby@^0.2.12, tinyglobby@^0.2.14:
+tinyglobby@^0.2.12:
   version "0.2.14"
   resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.14.tgz#5280b0cf3f972b050e74ae88406c0a6a58f4079d"
   integrity sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==
@@ -13105,7 +13176,7 @@ tinyglobby@^0.2.12, tinyglobby@^0.2.14:
     fdir "^6.4.4"
     picomatch "^4.0.2"
 
-tinyglobby@^0.2.15:
+tinyglobby@^0.2.14, tinyglobby@^0.2.15:
   version "0.2.15"
   resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.15.tgz#e228dd1e638cea993d2fdb4fcd2d4602a79951c2"
   integrity sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==
@@ -13118,16 +13189,6 @@ tinyqueue@^3.0.0:
   resolved "https://registry.yarnpkg.com/tinyqueue/-/tinyqueue-3.0.0.tgz#101ea761ccc81f979e29200929e78f1556e3661e"
   integrity sha512-gRa9gwYU3ECmQYv3lslts5hxuIa90veaEcxDYuu3QGOIAEM2mOZkVHp48ANJuu1CURtRdHKUBY5Lm1tHV+sD4g==
 
-tinyrainbow@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz#9509b2162436315e80e3eee0fcce4474d2444294"
-  integrity sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==
-
-tinyspy@^4.0.3:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-4.0.4.tgz#d77a002fb53a88aa1429b419c1c92492e0c81f78"
-  integrity sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==
-
 tldts-core@^6.1.86:
   version "6.1.86"
   resolved "https://registry.yarnpkg.com/tldts-core/-/tldts-core-6.1.86.tgz#a93e6ed9d505cb54c542ce43feb14c73913265d8"
@@ -13162,7 +13223,7 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-toidentifier@1.0.1, toidentifier@~1.0.1:
+toidentifier@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
@@ -13179,13 +13240,6 @@ tough-cookie@^5.1.1:
   dependencies:
     tldts "^6.1.32"
 
-tr46@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
-  dependencies:
-    punycode "^2.1.0"
-
 tr46@^5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-5.1.1.tgz#96ae867cddb8fdb64a49cc3059a8d428bcf238ca"
@@ -13198,10 +13252,10 @@ tr46@~0.0.3:
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
-tree-dump@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tree-dump/-/tree-dump-1.0.3.tgz#2f0e42e77354714418ed7ab44291e435ccdb0f80"
-  integrity sha512-il+Cv80yVHFBwokQSfd4bldvr1Md951DpgAGfmhydt04L+YzHgubm2tQ7zueWDcGENKHq0ZvGFR/hjvNXilHEg==
+tree-dump@^1.0.3, tree-dump@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/tree-dump/-/tree-dump-1.1.0.tgz#ab29129169dc46004414f5a9d4a3c6e89f13e8a4"
+  integrity sha512-rMuvhU4MCDbcbnleZTFezWsaZXRFemSqAM+7jPnzUl1fo9w3YEKOxAeui0fz3OI4EU4hf23iyA7uQRVko+UaBA==
 
 tree-kill@1.2.2:
   version "1.2.2"
@@ -13215,15 +13269,10 @@ truncate-utf8-bytes@^1.0.0:
   dependencies:
     utf8-byte-length "^1.0.1"
 
-ts-api-utils@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.1.0.tgz#595f7094e46eed364c13fd23e75f9513d29baf91"
-  integrity sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==
-
-ts-dedent@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
-  integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
+ts-api-utils@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.4.0.tgz#2690579f96d2790253bdcf1ca35d569ad78f9ad8"
+  integrity sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==
 
 tsconfig-paths@^3.15.0:
   version "3.15.0"
@@ -13235,16 +13284,12 @@ tsconfig-paths@^3.15.0:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tsconfig-paths@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz#ef78e19039133446d244beac0fd6a1632e2d107c"
-  integrity sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==
-  dependencies:
-    json5 "^2.2.2"
-    minimist "^1.2.6"
-    strip-bom "^3.0.0"
+tslib@^1.9.3:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.8.0:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -13254,6 +13299,13 @@ tslib@^2.6.1, tslib@^2.6.2, tslib@^2.7.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.0.tgz#d124c86c3c05a40a91e6fdea4021bd31d377971b"
   integrity sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==
 
+tsyringe@^4.10.0:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/tsyringe/-/tsyringe-4.10.0.tgz#d0c95815d584464214060285eaaadd94aa03299c"
+  integrity sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==
+  dependencies:
+    tslib "^1.9.3"
+
 tweetnacl@^0.14.3:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
@@ -13353,10 +13405,10 @@ typed-array-length@^1.0.7:
     possible-typed-array-names "^1.0.0"
     reflect.getprototypeof "^1.0.6"
 
-typescript@5.8.3:
-  version "5.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.8.3.tgz#92f8a3e5e3cf497356f4178c34cd65a7f5e8440e"
-  integrity sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==
+typescript@5.9.3:
+  version "5.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
+  integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
 
 ua-parser-js@1.0.40:
   version "1.0.40"
@@ -13394,9 +13446,9 @@ undici-types@~7.16.0:
   integrity sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==
 
 undici@^7.16.0:
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/undici/-/undici-7.16.0.tgz#cb2a1e957726d458b536e3f076bf51f066901c1a"
-  integrity sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==
+  version "7.18.2"
+  resolved "https://registry.yarnpkg.com/undici/-/undici-7.18.2.tgz#6cf724ef799a67d94fd55adf66b1e184176efcdf"
+  integrity sha512-y+8YjDFzWdQlSE9N5nzKMT3g4a5UBX1HKowfdXh0uvAnTaqqwqB92Jt4UXBAeKekDs5IaDKyJFR4X1gYVCgXcw==
 
 unhomoglyph@^1.0.6:
   version "1.0.6"
@@ -13426,12 +13478,17 @@ unicode-property-aliases-ecmascript@^2.0.0:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz#301d4f8a43d2b75c97adfad87c9dd5350c9475d1"
   integrity sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==
 
+unicorn-magic@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/unicorn-magic/-/unicorn-magic-0.4.0.tgz#78c6a090fd6d07abd2468b83b385603e00dfdb24"
+  integrity sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==
+
 universalify@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
   integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
 
-unpipe@1.0.0, unpipe@~1.0.0:
+unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
@@ -13446,16 +13503,6 @@ unplugin@1.0.1:
     webpack-sources "^3.2.3"
     webpack-virtual-modules "^0.5.0"
 
-unplugin@^2.3.5:
-  version "2.3.11"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-2.3.11.tgz#411e020dd2ba90e2fbe1e7bd63a5a399e6ee3b54"
-  integrity sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==
-  dependencies:
-    "@jridgewell/remapping" "^2.3.5"
-    acorn "^8.15.0"
-    picomatch "^4.0.3"
-    webpack-virtual-modules "^0.6.2"
-
 unrs-resolver@^1.7.11:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/unrs-resolver/-/unrs-resolver-1.11.1.tgz#be9cd8686c99ef53ecb96df2a473c64d304048a9"
@@ -13484,9 +13531,9 @@ unrs-resolver@^1.7.11:
     "@unrs/resolver-binding-win32-x64-msvc" "1.11.1"
 
 update-browserslist-db@^1.2.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.2.tgz#cfb4358afa08b3d5731a2ecd95eebf4ddef8033e"
-  integrity sha512-E85pfNzMQ9jpKkA7+TJAi4TJN+tBCuWh5rUcS/sv6cFi+1q9LYDwDI5dpUL0u/73EElyQ8d3TEaeW4sPedBqYA==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz#64d76db58713136acbeb4c49114366cc6cc2e80d"
+  integrity sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==
   dependencies:
     escalade "^3.2.0"
     picocolors "^1.1.1"
@@ -13518,11 +13565,6 @@ use-sidecar@^1.1.3:
     detect-node-es "^1.1.0"
     tslib "^2.0.0"
 
-use-sync-external-store@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz#b174bfa65cb2b526732d9f2ac0a408027876f32d"
-  integrity sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==
-
 utf8-byte-length@^1.0.1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.5.tgz#f9f63910d15536ee2b2d5dd4665389715eac5c1e"
@@ -13630,9 +13672,9 @@ walker@^1.0.8:
     makeerror "1.0.12"
 
 watchpack@^2.4.4:
-  version "2.4.4"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.4.tgz#473bda72f0850453da6425081ea46fc0d7602947"
-  integrity sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.5.1.tgz#dd38b601f669e0cbf567cb802e75cead82cde102"
+  integrity sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -13649,10 +13691,10 @@ web-streams-polyfill@^4.0.0:
   resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-4.2.0.tgz#93295e67af95889a1e044a6beff1366c82720650"
   integrity sha512-0rYDzGOh9EZpig92umN5g5D/9A1Kff7k0/mzPSSCY8jEQeYkgRMoY7LhbXtUCWzLCMX0TUE9aoHkjFNB7D9pfA==
 
-web-vitals@^4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-4.2.4.tgz#1d20bc8590a37769bd0902b289550936069184b7"
-  integrity sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==
+web-vitals@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-5.1.0.tgz#2f117e92c8c4eeb107cb163cbb482ac20d685ebd"
+  integrity sha512-ArI3kx5jI0atlTtmV0fWU3fjpLmq/nD3Zr1iFFlJLaqa5wLBkUSzINwBPySCX/8jRyjlmy1Volw1kz1g9XE4Jg==
 
 webcrypto-core@^1.8.0:
   version "1.8.1"
@@ -13670,20 +13712,15 @@ webidl-conversions@^3.0.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
   integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
-webidl-conversions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
-  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
-
 webidl-conversions@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
   integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
 webpack-bundle-analyzer@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-5.0.1.tgz#51bd8cc3bd991b70d5e6d54937827f01fe859633"
-  integrity sha512-PUp3YFOHysSw8t+13rcF+8o5SGaP/AZ5KnIF3qJfFodv4xJkmixnfcyy+LOwNadpzvyrEKpaMlewAG2sFUfdpw==
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-5.2.0.tgz#9bcf0e7cc8c86632a96bf7092300287dc284c3d7"
+  integrity sha512-Etrauj1wYO/xjiz/Vfd6bW1lG9fEhrJpNmu10tv0X9kv+gyY3qiE09uYepqg1Xd0PxOvllRXwWYWjtQYoO/glQ==
   dependencies:
     "@discoveryjs/json-ext" "0.5.7"
     acorn "^8.0.4"
@@ -13694,8 +13731,8 @@ webpack-bundle-analyzer@^5.0.0:
     html-escaper "^2.0.2"
     opener "^1.5.2"
     picocolors "^1.0.0"
-    sirv "^2.0.3"
-    ws "^7.3.1"
+    sirv "^3.0.2"
+    ws "^8.19.0"
 
 webpack-cli@^6.0.0:
   version "6.0.1"
@@ -13717,25 +13754,25 @@ webpack-cli@^6.0.0:
     webpack-merge "^6.0.1"
 
 webpack-dev-middleware@^7.4.2:
-  version "7.4.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz#40e265a3d3d26795585cff8207630d3a8ff05877"
-  integrity sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==
+  version "7.4.5"
+  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-7.4.5.tgz#d4e8720aa29cb03bc158084a94edb4594e3b7ac0"
+  integrity sha512-uxQ6YqGdE4hgDKNf7hUiPXOdtkXvBJXrfEGYSx7P7LC8hnUYGK70X6xQXUvXeNyBDDcsiQXpG2m3G9vxowaEuA==
   dependencies:
     colorette "^2.0.10"
-    memfs "^4.6.0"
-    mime-types "^2.1.31"
+    memfs "^4.43.1"
+    mime-types "^3.0.1"
     on-finished "^2.4.1"
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
 webpack-dev-server@^5.0.0:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-5.2.2.tgz#96a143d50c58fef0c79107e61df911728d7ceb39"
-  integrity sha512-QcQ72gh8a+7JO63TAx/6XZf/CWhgMzu5m0QirvPfGvptOusAxG12w2+aua1Jkjr7hzaWDnJ2n6JFeexMHI+Zjg==
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-5.2.3.tgz#7f36a78be7ac88833fd87757edee31469a9e47d3"
+  integrity sha512-9Gyu2F7+bg4Vv+pjbovuYDhHX+mqdqITykfzdM9UyKqKHlsE5aAjRhR+oOEfXW5vBeu8tarzlJFIZva4ZjAdrQ==
   dependencies:
     "@types/bonjour" "^3.5.13"
     "@types/connect-history-api-fallback" "^1.5.4"
-    "@types/express" "^4.17.21"
+    "@types/express" "^4.17.25"
     "@types/express-serve-static-core" "^4.17.21"
     "@types/serve-index" "^1.9.4"
     "@types/serve-static" "^1.15.5"
@@ -13745,9 +13782,9 @@ webpack-dev-server@^5.0.0:
     bonjour-service "^1.2.1"
     chokidar "^3.6.0"
     colorette "^2.0.10"
-    compression "^1.7.4"
+    compression "^1.8.1"
     connect-history-api-fallback "^2.0.0"
-    express "^4.21.2"
+    express "^4.22.1"
     graceful-fs "^4.2.6"
     http-proxy-middleware "^2.0.9"
     ipaddr.js "^2.1.0"
@@ -13755,7 +13792,7 @@ webpack-dev-server@^5.0.0:
     open "^10.0.3"
     p-retry "^6.2.0"
     schema-utils "^4.2.0"
-    selfsigned "^2.4.1"
+    selfsigned "^5.5.0"
     serve-index "^1.9.1"
     sockjs "^0.3.24"
     spdy "^4.0.2"
@@ -13797,15 +13834,10 @@ webpack-virtual-modules@^0.5.0:
   resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz#362f14738a56dae107937ab98ea7062e8bdd3b6c"
   integrity sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==
 
-webpack-virtual-modules@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz#057faa9065c8acf48f24cb57ac0e77739ab9a7e8"
-  integrity sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==
-
 webpack@^5.89.0:
-  version "5.103.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.103.0.tgz#17a7c5a5020d5a3a37c118d002eade5ee2c6f3da"
-  integrity sha512-HU1JOuV1OavsZ+mfigY0j8d1TgQgbZ6M+J75zDkpEAwYeXjWSqrGJtgnPblJjd/mAyTNQ7ygw0MiKOn6etz8yw==
+  version "5.104.1"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.104.1.tgz#94bd41eb5dbf06e93be165ba8be41b8260d4fb1a"
+  integrity sha512-Qphch25abbMNtekmEGJmeRUhLDbe+QfiWTiqpKYkpCOWY64v9eyl+KRRLmqOFA2AvKPpc9DC6+u2n76tQLBoaA==
   dependencies:
     "@types/eslint-scope" "^3.7.7"
     "@types/estree" "^1.0.8"
@@ -13815,10 +13847,10 @@ webpack@^5.89.0:
     "@webassemblyjs/wasm-parser" "^1.14.1"
     acorn "^8.15.0"
     acorn-import-phases "^1.0.3"
-    browserslist "^4.26.3"
+    browserslist "^4.28.1"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.17.3"
-    es-module-lexer "^1.2.1"
+    enhanced-resolve "^5.17.4"
+    es-module-lexer "^2.0.0"
     eslint-scope "5.1.1"
     events "^3.2.0"
     glob-to-regexp "^0.4.1"
@@ -13829,7 +13861,7 @@ webpack@^5.89.0:
     neo-async "^2.6.2"
     schema-utils "^4.3.3"
     tapable "^2.3.0"
-    terser-webpack-plugin "^5.3.11"
+    terser-webpack-plugin "^5.3.16"
     watchpack "^2.4.4"
     webpack-sources "^3.3.3"
 
@@ -13880,15 +13912,6 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-whatwg-url@^6.5.0:
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-6.5.0.tgz#f2df02bff176fd65070df74ad5ccbb5a199965a8"
-  integrity sha512-rhRZRqx/TLJQWUpQ6bmrt2UV4f0HCQ463yQuONJqC6fO2VoEb1pTYddbe59SkYq87aoM5A3bdhMZiUiVws+fzQ==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
-
 which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
@@ -14025,15 +14048,18 @@ write-file-atomic@^5.0.1:
     imurmurhash "^0.1.4"
     signal-exit "^4.0.1"
 
-ws@^7.3.1:
-  version "7.5.10"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.10.tgz#58b5c20dc281633f6c19113f39b349bd8bd558d9"
-  integrity sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==
+write-file-atomic@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-7.0.0.tgz#f89def4f223e9bf8b06cc6fdb12bda3a917505c7"
+  integrity sha512-YnlPC6JqnZl6aO4uRc+dx5PHguiR9S6WeoLtpxNT9wIG+BDya7ZNE1q7KOjVgaA73hKhKLpVPgJ5QA9THQ5BRg==
+  dependencies:
+    imurmurhash "^0.1.4"
+    signal-exit "^4.0.1"
 
-ws@^8.18.0:
-  version "8.18.3"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.3.tgz#b56b88abffde62791c639170400c93dcb0c95472"
-  integrity sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==
+ws@^8.18.0, ws@^8.19.0:
+  version "8.19.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.19.0.tgz#ddc2bdfa5b9ad860204f5a72a4863a8895fd8c8b"
+  integrity sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==
 
 wsl-utils@^0.1.0:
   version "0.1.0"
@@ -14162,6 +14188,6 @@ zod@^3.22.4:
   integrity sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==
 
 zod@^4.1.11:
-  version "4.1.13"
-  resolved "https://registry.yarnpkg.com/zod/-/zod-4.1.13.tgz#93699a8afe937ba96badbb0ce8be6033c0a4b6b1"
-  integrity sha512-AvvthqfqrAhNH9dnfmrfKzX5upOdjUVJYFqNSlkmGf64gRaTzlPwz99IHYnVs28qYAybvAlBV+H7pn0saFY4Ig==
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-4.3.5.tgz#aeb269a6f9fc259b1212c348c7c5432aaa474d2a"
+  integrity sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==